Introduction to Post Process
-
Upload
rajah-soto -
Category
Documents
-
view
59 -
download
4
description
Transcript of Introduction to Post Process
![Page 1: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/1.jpg)
Introduction to Post Process
Sai-Keung WongChiao Tung University, Taiwan, R.O.C.
Reference: Mastering Unreal Technology (MUT)
![Page 2: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/2.jpg)
Contents
• Post Process?• The term post-processing (or postproc for
short) is used in the video/film business for quality-improvement image processing (specifically digital image processing) methods…
• Source: http://en.wikipedia.org/wiki/Video_post-processing
![Page 3: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/3.jpg)
Reference Image Depth of Field
BloomMotion Blur
![Page 4: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/4.jpg)
Simple PostProcess
• View->World Properties
![Page 5: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/5.jpg)
World Settings and Post Process全圖設置與後期特效對象
• WorldInfo->Post Process
![Page 6: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/6.jpg)
Default Post Process
• Change Bloom Scale-> 20
![Page 7: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/7.jpg)
World Post Process
• Save and test.
Before
After
![Page 8: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/8.jpg)
Post Process Effect
• In content browser• Right click at empty space• Select “Post Process Chain”
– Package (包) : GameLevel00 – Group (组) : PostProcesses – Name (名称) : ppc_00
![Page 9: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/9.jpg)
Post Process Effect
場景渲染目標
![Page 10: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/10.jpg)
• DOFEffect ->• FalloffExponent (衰减指数) : • BlurKernelSize (模糊核心大小) :• MaxNearBlurAmount (最大近端模糊量) : • MaxFarBlurAmount (最大远端模糊量) : • FocusInnerRadius (焦点内半径) :• FocusDistance (焦距) :
![Page 11: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/11.jpg)
![Page 12: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/12.jpg)
• Create a UIScene• And then set Post Process for background
![Page 13: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/13.jpg)
Post Process Effects Modules (后期特效模块)
• SceneRenderTarget (场景渲染目标) • BloomEffect (强光溢出特效) • DOFEffect (景深特效) • DOFAndBloomEffect (景深与强光溢出特
效) • MaterialEffect (材质特效) • MotionBlurEffect (运动模糊特效)
![Page 14: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/14.jpg)
Post Process Effects Modules (后期特效模块)
• UberPostProcessEffect ( Uber 后期特效) • Should use
– 场景色调、 Bloom ,以及景深效果。• Bloom 及景深效果 should be applied first.• Then apply 场景色调效果。
![Page 15: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/15.jpg)
通用属性 • bShowInEditor (编辑器中显示) • bShowInGame (游戏中显示) • bUseWorldSettings (使用全图设置) • EffectName (特效名称) • SceneDPG (Scene Depth Priority Group)(场景深度优先组)
![Page 16: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/16.jpg)
Playing while UIScene activated
• Save and test. Play the game.• After using the trigger, the game is paused!
![Page 17: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/17.jpg)
Playing while UIScene activated
• In UIScene Editor,• Change properties
– Flags– Interaction
![Page 18: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/18.jpg)
1. Playing while UIScene activated• Uncheck “Pause game while activated”
![Page 19: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/19.jpg)
2. Playing while UIScene activated
• Scene Input Mode -> INPUTMODE_None
![Page 20: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/20.jpg)
Playing while UIScene activated
• Save and test. You can walk around and fire!
![Page 21: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/21.jpg)
Playing while UIScene activated
• Now, add a delay action before the effect is taken place. Save and test.
![Page 22: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/22.jpg)
Material Effect
![Page 23: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/23.jpg)
Uber 後期特效屬性 • SceneShadows (場景陰影)• X: 0.0 • Y: 0.25 • Z: 0.50 • Green component < 0.25• Blue component < 0.5• => 像素色 = 0.0.
![Page 24: Introduction to Post Process](https://reader035.fdocuments.in/reader035/viewer/2022081503/568131be550346895d9827fa/html5/thumbnails/24.jpg)
Uber 後期特效屬性 • SceneHighlights (场景高亮 ) : • X: 0.5 • Y: 0.675 • Z: 1.0 • Green > 0.675• Blue > 0.5• => 像素变为 1.0 ,