포토샵에서 타일 텍스쳐 만들기

디자인 작업을 하다 보면, 리소스를 줄이기 위해 타일링 된 텍스쳐가 필요할 때가 있습니다. 포토샵에서 타일 텍스쳐를 만드는 방법을 알아보도록 하겠습니다. 

 

포토샵에서 타일텍스쳐 만들기

 

타일 텍스쳐 만드는 방법

 

포토샵을 실행합니다.

 

핸드 페인팅 텍스쳐

 

예를 들어 게임 배경에 들어갈 손맵 텍스쳐를 넣어야 할 때, 대충 위의 그림과 같이 텍스쳐를 그렸다고 합시다. 하지만 막상 이 텍스쳐를 오브젝트에 적용할 때 x, y 축을 반복되게 적용하면 가로, 세로 부분이 어긋나는 것을 확인할 수 있습니다. 어긋나는 것을 맞추려면 가로, 세로로 타일링이 되어야 합니다. 

 

offset 위치

 

Filter에서 Other- offset을 클릭합니다. 

 

offset 창

 

그러면, 위 그림과 같은 창이 뜹니다. 텍스쳐를 512*512 사이즈로 만들었기 때문에 horizontal, vertical  창에 256을 넣어줍니다. 이렇게 절반의 수치를 넣은 이유는 offset을 반복하면서 어긋나는 부분을 확인해야 하기 때문입니다. 위 그림을 보면 어긋나는 부분을 다시 그려줍니다. 사진의 경우는 Stamp 툴을 사용하면 어긋나는 부분을 자연스럽게 만들어 주면 됩니다. 이 작업을 반복적으로 하면서 타일 텍스쳐를 완성해 나가면 됩니다.

 

offset 단축키

 

필터를 사용하면 필터 탭 맨 위에 가장 최근에 사용한 필터가 나옵니다. 옆에 보면 단축키가 Alt + Ctrl + F라고 되어 있습니다. 단축키를 사용하면 더 빨리 텍스쳐를 완성할 수 있습니다. 

그리고 Generate fill을 사용하면, 타일 맵 텍스쳐를 만드는 데 시간을 줄일 수 있습니다. Offset을 적용한 뒤 어긋난 부분을 사각형 툴로 잡아준 후에 Generate Fill을 적용합니다. 여러번 적용해서 적당히 맞춘 후에 수정을 하면 시간을 단축할 수 있습니다. 실사 사진의 경우는 Generate Fill 적용이 더 잘 됩니다. 

 

포토샵 AI Generate fill 사용하는 방법 알아보기

 

포토샵 타일맵 확인하기

 

포토샵에서 타일맵은 만들었다면, 타일 맵 티가 많이 나는 지, 그리고 잘 만들어졌는 지 확인해야 겠죠? 확인하는 방법은 아래와 같습니다. 

 

패턴 미리보기

 

포토샵 상단에서 View > Pattern Preview를 클릭합니다. 

 

타일맵 미리보기

 

위 그림처럼 타일맵을 포토샵에서 바로 확인이 가능합니다. 

 

이렇게 포토샵에서 타일텍스쳐를 만드는 방법에 대해서 알아보았습니다.