2014. 10. 8.

포토샵 생성 플로우 맵

글쓴이 * Jon Lindquist

포토샵에는 텍스처 및 사진 편집용으로 좋은 툴이 다수 제공됩니다. 편리하게도 동일한 툴을 사용하여 플로우 맵을 만들 수 있습니다. 이 블로그 글에서는 UV 텍스처와 에픽이 제공하는 액션을 사용하여 포토샵 안에서 플로우 맵을 제작하는 방법을 보여드리겠습니다. 참고로 이 기능은 포토샵 CS5 이상에서만 작동합니다.

플로우 맵 기능을 사용하려면 UV 텍스처를 연 다음 배경(background)이라는 텍스처가 있는지 확인합니다.

UV Texture Backgroun

첨부된 이미지를 플로우 맵 텍스처의 타일링에 사용하거나, 커스텀 UV 텍스처를 선택한 어플리케이션에서 렌더링하여 모델에 쓸 플로우 맵을 생성할 수도 있습니다. UV 를 텍스처로 캡처하는 데 사용되는 프로세스 관련 자세한 내용은 이 글 후반에서 다루겠습니다.

그 후 'Create Flow Map' (플로우 맵 생성) 액션 버튼에서 재생을 누르면 나머지 프로세스에 대해 안내해 드립니다. 액션 설치 안내는 아래와 같습니다.

Create Flow Map

재생을 누르면, Liquify 창이 열립니다. 가장자리는 피하면서 원하는 만큼 표면을 번지게 만듭니다. 여기에 추가된 디스토션은 OK 를 누르면 플로우 맵에 구워집니다.

Distort Texture

최종 플로우 맵 텍스처는 레이어 스택 최상단에 위치합니다.

Final Flow Map

타일링 텍스처 플로우 맵의 경우, 위의 것처럼 결과 오프셋 정보는 페이지상의 그 위치와 무관합니다. 즉 이동이나 복제가 가능하다는 뜻입니다. 그냥 최종 플로우 맵 레이어를 복제한 다음 레이어 블렌드 모드를 오버레이로 설정하면 됩니다 (다른 디스토션 영역과 겹치지 않는 영역에서는 결과가 올바르게 나옵니다).

Offset Flow Map

언리얼 팁

sRGB 를 끄고 텍스처를 임포트한 다음 벡터 디스플레이스먼트 텍스처 압축 (미압축)을 사용하면 밉 레벨을 통한 이미지 크기를 크게 줄일 수 있습니다. 플로우 맵 관련해서는, 해상도보다 퀄리티가 더욱 중요합니다.

Unreal Engine Tips

머티리얼 안에서, 텍스처의 바이어스와 스케일에 .5 를 뺀 결과에 2 이하의 원하는 수치를 곱하여 -1 에서 1 범위로 맞춥니다. 그러면 그 텍스처는 새로운 'FlowMaps' 머티리얼 함수와 함께 또는 다른 방식으로 사용 가능합니다.

플로우 맵 머티리얼 함수를 사용하는 샘플 머티리얼은 여기서 찾을 수 있습니다: Material'/Engine/Functions/Engine_MaterialFunctions02/ExampleContent/FlowMaps.FlowMaps'

다음은 플로우 맵을 사용하여 시간에 따라 텍스처에 디스토션을 적용하는 법에 대한 예제입니다:

One Texture Gets Distorted over Time

Bluprint of Flow Map

액션 설치

첨부된 액션은 (다운로드) Actions 옵션 드롭다운 안에서 'Load Actions' 에 클릭하여 액션 팔레트에 복사해 넣을 수 있습니다. 나타나는 폴더에 파일을 복사해 넣은 다음, 선택하고, Load 를 클릭합니다. 새로운 액션 그룹이 나타납니다.

Action Install

Load Action

고급 액션 옵션:

플로우 맵 생성 프로세스에 대해 보다 세밀한 제어를 하려는 경우, 다음과 같이 하면 됩니다:

액션 팔레트를 연 다음 처음 세 액션 체크를 해제합니다.

Advanced Options

UV 레이어를 복제한 다음 "FlowMap" 이라 합니다. 픽셀 위치를 이동(shift)시켜 원하는 만큼 조절한 다음, Create Flow Map 액션에 다시 재생 버튼을 누릅니다.

Duplicate UV Layer

이제 Liquify 툴에 제한받지 않는 플로우 맵을 만들 수 있습니다.

3D Studio Max 모델에서 UV 이미 렌더링을 위한 팁

모델용 새로운 머티리얼을 만듭니다. 디퓨즈 입력에 버텍스 컬러 맵을 추가합니다. 거기에 클릭한 다음 그 맵을 렌더링하고자 하는 UV 채널로 설정합니다. "0" 을 누르거나, 메인 툴바의 "렌더링" 드롭다운에서 렌더 투 텍스처 대화창을 엽니다.

Output 드롭다운 아래, 디퓨즈 맵을 추가하고 선택합니다. 렌더를 누르면 사용할 수 있는 UV 텍스처가 생깁니다.

Tips for Rendering UV images from 3D Studio Max Models

플로우 맵 제작, 쉽죠!

최근 게시글

이미지를 넘어서: 비주얼 디자인을 경험해보다

디자인 경험이라는 것이 과연 무엇을 뜻할까요? 현재 기업들이 언리얼 엔진을 어떻게 작업물의 새롭고 강력한 테스트 방법으로 활용하고 있는...

언리얼 엔진 웨비나, 리얼타임 시각화를 위한 디자인 제조

실시간 기술을 활용하여 더 빠르고 효율적인 디자인 워크플로우를 경험해 보고 싶으신가요?

2018년 언리얼 엔진 기대작

주요 매체들에서는 새해가 시작되면서 2018년 최고의 기대작들을 꼽고 있으며, 이 기대작 목록에는 언리얼 엔진 타이틀이 가득 들어있습니...