언리얼 엔진에서 틸트-시프트 이펙트 만들기

이 튜토리얼에서는 언리얼 엔진에서 틸트 시프트 효과를 생성하고 센서 폭, 조리개, 시야를 조정하여 원하는 시각적 효과를 구현하는 방법을 보여줍니다.

### 언리얼 엔진에서 틸트-시프트 이펙트 만들기
* 📸 이 튜토리얼은 이미지의 중앙을 선명하게 유지하면서 **가까운 면과 먼 면을 흐리게 처리하는 틸트 시프트 효과**의 개념을 설명하는 것으로 시작합니다.
* 🎮 강사는 언리얼 엔진에서 기본 뷰를 사용하는 카메라와 피사계 심도를 위해 **센서 폭이 더 큰 DSLR 카메라를 모방한 카메라 두 대**를 설정합니다.
* 🔧 원하는 효과를 얻기 위해 **조리개, 센서 폭, 초점 거리**와 같은 속성을 설정하여 포스트 프로세스 컴포넌트를 카메라에 추가합니다.
* 📏 카메라 붐 길이 및 기타 설정을 조정하여 **초점 포인트를 정렬**하고 **틸트 시프트 효과**를 얻을 수 있습니다.
* 🖼 그런 다음 이 튜토리얼에서는 **이 효과를 돌리 줌 또는 현기증 효과와 결합**하고 시야 및 기타 매개 변수를 조정하여 **효과를 향상**시키는 방법을 살펴봅니다.
* 🎮 탑다운 게임 캐릭터에 대한 보너스 데모가 제공되어 **틸트 시프트 효과**를 다른 관점에서 보여줍니다.
* 🎨 최종 결과물은 시각적으로 매력적인 **틸트 시프트 효과와 다른 카메라 기법**을 결합하여 게임에서 독특하고 예술적인 모습을 만들어냅니다.
* 👍 튜토리얼은 시청자가 **Patreon에서 크리에이터를 구독**하고 **좋아요를 누르고 후원**하도록 유도하는 행동 유도 문안으로 마무리됩니다.

hello guys. So, in this tutorial, we're going to create tilt-shift effect. And as you can see, it consists of several pieces: two areas - near and far plane. They both are covered with blur, and the area where the image is sharp. So, when we know this, we can start making things inside Unreal. As I did in my previous tutorial about bokeh effect, here I'm gonna do the same. So, on the BeginPlay in my character blueprint, I'm going to add dynamic component. And it's going to be the post-process component. The reason is quite obvious. So, if you take a look at my outliner here, I have selected a post-processor volume, but it lacks the essential parts of this tutorial. It's called sensor widths. It's the attribute that should be changed during our gameplay. So, the tilt-shift effect is valid. But if we take a look at the blueprint here, if we extract settings from our dynamic components here under the structure, we can add actually the sensor width. Now, let's talk about how the sensor

widths and aperture work together. So guys, I found a good article which explains the theory better than me. And as you can see from the picture, all that we know, all that we need to know, is that with the size of the sensor, the depth of field grows. And that leads to an interesting artifact that we should extract and use in Unreal. So, depth of field, or in other words, bokeh, is used to apply over our near and far planes. And we need to maintain the size of an object, so it should be the same as we have here, but with the bokeh effect that we should receive from the biggest sensor here. So guys, before we start, I should explain my setup so you may see that theory works correctly. I do have two cameras. It's the default one and the sign. And the reason is that I need to check whether the default inside camera works the same way because we're gonna like create both process which makes our camera work as if it was the sign camera. Well, both of my cameras are attached to

the same camera boom. The lens is 100 unit and the height of it is 70 unit, so it's nearly the level of an eye. Next thing is to maintain the field of view and aspect ratio both of the sign follow camera because field of view in the future will help us to make the trick for the tilt-shift effect. So follow camera first. Here you may see that I have the default field of view of 90 degrees, aspect ratio 1.77, and aperture is 4.0. Next thing is to check the sign camera setups. Here I need to adjust a few things. First is to be the 16 by 9 DSLR type of camera with the default sensor width of 36 millimeters. Now current aperture is set to be 4, and as you can see field of view is locked, but if we change the focal length, you may see that the field of view changes. So 18 is for our 90 degrees. We need to provide few more elements to make our follow camera work as if it was the sign camera.

and this functionality also will help us to get the desirable tilt-shift effect. I'm talking about this one. So we add post-process component and extract settings from it. Next, we extract set member in post-process settings, and here we can define an attribute that we would like to change. The good point to make this type of logic is that we can provide only those attributes that should be changed; the whole structure will be unchanged, and this leads to better performance. So we need to have the aperture, sensor widths, and the focal distance. For the focal distance, we provide the length of our camera boom, and because they both are set to be the one parent, I mean my camera, that will lead to the same focus point. Now, we need to provide the sensor width of 36 and the aperture of four, so the same that we have for our main camera. And let's launch the game. Here, I have the debug functionality which ensures that everything works fine. It's simple switching between the cameras. So now, I launch the game. I have my default camera.

now i have my side camera and default one. Again, i'm going to change the aperture of my follow camera to 0.2 so it's gonna lead to very heavy bokeh effect. So the follow camera design camera the follow camera so with this done now let's talk about the tilt shift effect. First thing to change is the sensor width because if you remember from an article the bigger sensor leads to actually the bigger depth of field area which we need to cover our knee and for play. So let's multiply it by four uh aperture i'll leave as it is now let's launch the game and see what we have. So apparently we have an artifact and that's due to our setup because if you take a look if you take a look at the picture of our till shift effects you may see that object in the focus located somewhere in the center of the picture. We need to adjust the length of our camera boom so now it's 500 units since the size the same aperture the same let's launch the game one more time.

now as you can see, we have the better results. Here at the top, we have the focus and we have the airplane and the far plane, but they are not the same size. Let's fix this issue and proceed. And if you take a look at the viewports, we need to adjust two values: an offset on our that axis because this one was only to ensure that the follow and design camera works the same way. We actually don't need the same camera at all. And let's make our uh camera boom lens a little bit longer. Let's say six solvent units, takes 100 units. I'm sorry, um, I guess I also changed the aperture to a little bit bigger value so my blur won't be so heavy. So as you can see, we have achieved quite good tilt-shift effect. We have near plane and far plane covered with the blur, and we have the area in the center of our picture of our screen which is totally in focus. It works in dynamics, so if I move, you may see that the focus changes. The blur is supplied over these boxes.

the last part of the tutorial is dedicated to making our prototype look better. In my opinion, tilt-shift effect finds its place when it's combined with sort of a dolly zoom or vertigo effect. And here comes the field of view, like the attribute I was talking about earlier, that actually changed the game itself. So, let's make field of view two times lower and change camera boom lens times higher. This will lead to sort of shift between the perspective and autographic direction of our. I'm also going to change aperture so I don't want to have a lot of blur. And now I'm going to launch it, and you will see the results. Now, that looks gorgeous. You may see that a little bit autographic projection combination with the tilt-shift effect really brings new direction, new art direction of the game. I've prepared one more demo as the bonus. As you can see, it's the top-down character. It has the same setup as the third person with some differences. So, as for the spring arm, the length is higher.

5000 units. Also, minus 30 degrees on the YX rotation and for the camera here perspective and field of view 15 degrees. Also, because it's the top-down game, it's controlled over the mouse. Before demonstration, I simply want to make one more visual change. Here we have selected all the static mesh actors, and I'm going to change their rotation on 45 degrees and a little bit shift here. Now when I launch the game, you may see the whole beauty of the autographic projection combined with the tilt-shift effect. Just beautiful. So, guys, I hope you like my tutorial, and as always, please subscribe to my channel, leave your feedback, press the like button, press the bell, and in case you want to support me, I do have a Patreon page, which you can find via the link under the description to this video or on the main page of the YouTube. See you soon, guys.

Immersive Camera in UE5. Tilt-Shift Effect

Your Sandbox

언리얼에서 틸트-시프트 이펙트 제작하기: 단계별 튜토리얼

틸트 시프트 효과는 캐릭터 블루프린트의 포스트 프로세스 컴포넌트를 사용하여 블러로 덮인 두 영역(근거리와 원거리)과 선명한 영역으로 구성됩니다.

동적 구성 요소에서 센서 폭과 조리개를 조정하면 피사계 심도에 영향을 주어 피사체의 크기를 유지하면서 근거리 및 원거리 평면에 보케 효과를 적용할 수 있습니다.

이 튜토리얼에서는 틸트 시프트 효과가 일관되게 작동하도록 기본 카메라와 '간판' 카메라 두 대를 설정하는 방법도 설명합니다.

틸트-시프트 효과를 위한 카메라 설정 조정하기

카메라 붐은 100단위 렌즈와 함께 70단위 높이로 설정하여 눈높이에 맞춥니다.

목표는 틸트 시프트 효과를 얻기 위해 팔로우 카메라의 시야각과 화면비를 유지하는 것입니다.

이 프로세스에는 동일한 초점 포인트와 원하는 시각 효과를 보장하기 위해 조리개, 센서 너비, 초점 거리 등 메인 표지판 카메라의 설정을 모방하도록 팔로우 카메라를 조정하는 작업이 포함됩니다.

디버그 기능은 게임을 시작하기 전에 카메라가 제대로 작동하는지 확인하는 데 사용됩니다.

2로 변경하면 팔로우 카메라에 무거운 보케 효과가 생깁니다.

센서 폭과 카메라 붐 길이를 조정하고 비행기 및 원거리 비행기 크기를 고정하면 틸트 시프트 효과가 향상됩니다.

동적 초점과 블러 커버리지가 성공적으로 달성되어 전문가 수준의 결과물이 만들어집니다.

틸트 시프트 및 버티고 효과로 프로토타입 개선하기

틸트 시프트 효과와 돌리 줌 또는 버티고 효과를 결합하면 프로토타입의 시각적 매력을 높일 수 있습니다.

시야각을 더 낮게 조정하고 카메라 붐 렌즈를 더 높게 조정하면 원근감과 자동 방향에 변화가 생깁니다.

이러한 변화는 조리개 수정과 함께 게임의 멋진 아트 디렉션을 만들어냅니다.

튜토리얼: 탑다운 게임을 위한 자동 투영 및 틸트 시프트 효과

이 튜토리얼에서는 탑다운 게임의 시점과 시야를 설정하는 방법을 다룹니다.

또한 시각 효과를 위해 스태틱 메시 액터의 회전과 위치를 변경하는 방법도 보여줍니다.

크리에이터는 시청자에게 Patreon에서 구독, 좋아요, 피드백, 후원을 권장합니다.