포토샵 패턴 만들기, 패턴 사용법을 알아보자

엉클샘 2018. 12. 27.

포토샵 패턴 만들기, 패턴 사용법을 알아보자

How to make Photoshop Patterns

포토샵으로 패턴을 만들어 배경을 채우는 방법을 알아봅시다. 패턴은 간단하게 만들어서 사용이 가능하기 때문에 의외로 활용도가 높습니다. 귀여운 스티커나 팬시 용품, 벽지 등을 보면 패턴을 이용한 것들이 많기 때문에 알아두시면 사용할 곳이 있으실 겁니다.

포토샵 패턴

포토샵을 여시고 새 창을 열어줍니다. 새 창을 여는 단축키는 Ctrl+N입니다.설정하실 때 배경 없이 투명하게 하시는 것이 패턴 사용시 편리하십니다. 배경색을 원하시면 "Background Contents"에서 "Background Color"를 선택하시고 설정하시면 됩니다.

저는 투명하게 하기위해서 "Transparent"를 선택했습니다. 그리고 새 창의 가로세로 사이즈를 30pixel로 맞췄습니다. 만드시려는 패턴의 디자인에 따라 작업창의 사이즈를 조정하시면 됩니다.

포토샵 새 창

새 창이 만들어졌습니다. 그냥 작업하기에는 너무 작아서 확대한 후 작업하도록 하겠습니다.

포토샵 동그라미 툴

800%로 이미지를 확대했습니다. 패턴 모양을 만들기 위해 간단하게 좌측 툴 중 "Ellipse Tool"을 선택하고 동그라미를 그려주었습니다.

포토샵 패턴

만들어진 이미지로 패턴을 만들기 위해 Edit > Define Pattern 을 클릭합니다.

포토샵 패턴 이름

원하시는 패턴의 이름을 적으시고 "OK"를 누르시면 완성이 됩니다. 그 다음에는 만들어진 패턴을 사용하는 방법을 알아 보겠습니다.

포토샵 채우기

패턴 결과물을 보기위해 Ctrl+N을 눌러 배경이 하얀 새 창을 열어줍니다. 그리고 Edit > Fill을 찾아서 클릭하세요.

포토샵 채우기

채우기 설정 화면이 나오는데 "Contents"에서 "pattern"을 클릭하시고 "OK"를 누르세요.

포토샵 패턴

포토샵 기본 패턴들이 있고 맨 마지막에 제가 만든 패턴이 등록된 것이 보입니다. 클릭!

포토샵 패턴

패턴으로 한꺼번에 칠해진 모습이 보입니다. 패턴은 간단하게 멋진 배경을 채울 수 있는 방법이죠. 저는 720x300 pixel로 새 창을 만들었는데 패턴 사이즈를 30x30 pixel로 만들었기 때문에 새 창을 만들때 사이즈에 딱 떨어지게 만들면 패턴이 잘리는 것이 없이 간격이 일정해 집니다.

포토샵 패턴

추가로 포토샵에 있는 기본 모양으로 하트 모양 패턴도 만들어 보겠습니다. 좌측에 있는 "Custom Shape Tool"을 클릭하시면 위에 "Shape"에서 여러개의 모양을 선택하실 수 있습니다. 하트를 선택해서 창에 맞춰 만들어 줍니다. 그리고 패턴으로 저장해 보세요.

포토샵 패턴 만들기

추가로 하트 모양 패턴도 만들어 봤습니다. 패턴의 사이즈와 모양에 따라 정말 다양하게 디자인에 적용하실 수 있습니다.

포토샵 패턴 사용법

그리고 선택 영역에 패턴을 넣는 방법입니다. 단축키 M을 눌러 영역을 선택하시고 "Paint Bucket Tool"(페인트툴)을 선택하시면 화면 상단에서 설정을 바꾸시는 부분이 나옵니다. 칠 속성을 "pattern" 으로 바꾸시면 페인트통 툴로도 영역에 패턴 칠하는 것이 가능합니다.

포토샵 패턴