일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

안녕하세요, 이번 시간에는 어도비 포토샵과 일러스트레이터에서 간단한 패턴을 만들 수 있는 방법 세 가지를 소개해드리겠습니다.

1. 포토샵에서 패턴 만들기

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

먼저, 새 캔버스를 만들어줍시다. 위와 같이 적당한 사이즈와 해상도를 맞춰준 후, 확인을 눌러 캔버스를 생성합니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

원하는 색상을 지정하고 패턴의 배경이 될 배경 레이어에 Alt+Delete로 채워줍니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

이제 패턴을 만들 새 캔버스를 만듭니다. 처음에 설정한 배경 레이어의 비율에 맞게 사이즈를 설정합니다. 이 때, 반드시 배경 내용(Background Contents)은 투명(Transparent)로 맞춰줍니다. 패턴을 만들 때 배경색이 없게 만들어야 나중에 패턴을 배경에 적용할 때 뒷배경이 보이기 때문입니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

적당히 도형을 넣거나 이미지 넣기, 브러쉬로 그려넣는 등 원하는 패턴 베이스를 만들어줍니다. 그 다음에 편집(Edit)의 패턴 정의(Define Pattern)를 클릭합니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon
이런 창이 뜨면 패턴의 이름을 정해줍니다. 기본 설정으로 두어도 무방하나 추후에 구분할 수 있도록 이름을 지정하는 것이 좋습니다. 이름 짓기가 끝나면 확인을 눌러 창을 닫습니다.

이제 패턴이 지정됐으므로 패턴을 만들었던 캔버스는 저장하지 않고 닫아도 괜찮습니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

이제 배경 캔버스에 패턴을 적용해봅시다. 편집의 채우기(Fill)를 클릭하면 위와 같은 창을 볼 수 있습니다. 이대로 적용하고 확인을 누르면 다음과 같이 보입니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

이대로도 완성이지만 패턴 채우기에는 옵션이 더 있습니다. 스크립트 패턴(Scripted Patterns)를 체크하면 볼 수 있습니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

첫 번째, 벽돌 채우기(Brick Fill)입니다. 패턴의 색이 좀 더 많아지고 벽돌처럼 사선으로 배치됩니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon
두 번째, 교차 직조(Cross Weave)입니다. 패턴의 색이 좀 더 많아지고 직물이 겹쳐져 있는 것처럼 배치됩니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

세 번째, 무작위로 채우기(Random Fill)입니다. 임의대로 색이 많은 불규칙한 패턴을 만들어냅니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

네 번째, 나선(Spiral)입니다. 패턴을 나선형으로 배치합니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

마지막, 대칭 채우기(Symmetry Fill)입니다. 대칭 형태로 패턴을 만들어냅니다. 패턴의 색이 다양하게 보이도록 합니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

저는 배경 전체에 채워넣었지만, 위와 같이 선택영역을 지정하고 아까와 같이 채우거나 모양을 그리고 혼합 설정(Blending Option)에서 패턴 오버레이를 사용할 수도 있습니다.

1. 일러스트레이터에서 패턴 만들기

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon
캔버스를 작성한 후, 직사각형 그리기로 채워줍니다. 직사각형을 그리기 전이나 그린 후에 원하는 배경 색상을 선택할 수 있습니다. 다 그린 후에는 배경이 같이 선택되지 않도록 레이어 창에서 해당 레이어를 잠가줍니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

패턴을 그릴 새 레이어를 만들고, 포토샵에서와 같이 패턴 베이스를 만들어줍니다. 이 때, 여러 개를 그렸다면 따로 움직이기 않게 그룹화를 시켜줍니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

오브젝트(Object)의 패턴(Pattern)에서 만들기(Make)를 클릭하면 다음과 같은 창이 뜨며 이대로 완료(Done)을 눌러 완성할 수 있습니다. 그런데, 일러스트레이터도 첫 번째 기본값인 격자(Grid) 외에도 다양한 설정이 있습니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

두 번째, 행 벽돌(Brick by Row)입니다. 행을 기준으로 벽돌처럼 사선배치를 합니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

세 번째, 열 벽돌(Brick by Column)입니다. 열을 기준으로 벽돌처럼 사선배치를 합니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

네 번째, 열 육각형(Hex by Column)입니다. 열을 기준으로 하며 벌집과 같은 형태로 배치됩니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

다섯 번째, 행 육각형(Hex by Row)입니다. 행을 기준으로 하며 벌집과 같은 형태로 배치됩니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

완료까지 패턴 등록을 마치면 패턴 베이스는 지우고 패턴으로 채우길 원하는 물체를 준비합니다. 저는 배경 전체를 다 덮도록 했습니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

스와치 창에서 아까 만든 패턴을 찾아 물체에 드래그하면 자신이 설정한 대로 패턴이 채워집니다.

3. 어도비 일러스트레이터에서 간단하게 패턴 만들기

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon
아까 만들었던 패턴 베이스를 복제합니다.


일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

Ctrl+D를 눌러 같은 간격으로 복제한 후, 그룹화합니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

똑같이 복사 후 Ctrl+D를 눌러 복제하면 완성입니다.

이상으로 이번 시간의 설명을 마치겠습니다. 읽어주셔서 감사합니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

포토샵 포토샵 입문 #25 클릭 몇 번으로 패턴 만들기(격자, 사선, 땡땡이, 기타 그래픽) – 포토샵 기초 강좌

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

오랜만에 돌아온 포토샵 기초 강좌입니다. 포토샵을 이용해서 손쉽게 패턴을 만들어볼 거예요. 격자무늬, 사선, 점 땡떙이, 사선 땡땡이, 기타 그래픽(본인이 원하는)을 패턴으로 만들어서 사용하는 방법을 배워볼게요. 포토샵에서 클릭 몇 번으로 만드는 패턴을 통해 여러분이 원하는 패턴 디자인을 해보세요.

*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.

핵심 요약

패턴 만들기 : Create New로 캔버스를 만들어 준 다음, 패턴에 활용될 그래픽 작업

패턴 등록하기 : Edit – Define Pattern

패턴 채우기 : Edit – Fill Pattern

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

포토샵으로 간단하게 만들 수 있는 패턴 4가지 + α! 격자, 사선, 땡땡이, 사선 땡땡이, 기타 그래픽을 활용해볼게요.

01. 격자무늬 만들기

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

우선 어떤 모양이 반복될지를 봅니다! (분석…)

그리고, 패턴을 등록할 20*20px 사이즈로 새 창을 만들어줍니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

새로운 레이어를 만들고, 1*20px 선을 그려 우측에 붙여줍니다. 하나 더 복제하고, 돌려서 하단에 붙여줍니다. 그리고 패턴을 저장! Edit > Define Pattern을 눌러서 패턴 이름을 저장해주면 되겠죠?! 이름은 자유롭게!

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

그럼 아무런 반응도 없을 겁니다.. 네 맞아요. 그게 정상이에요ㅎㅎ

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

자 그럼 패턴이 잘 들어갔는지 볼까요?! 이번에는 Edit > Fill 을 눌러줍니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

창이 뜨죠. 여기서 좀 전에 등록한 패턴이 보일 겁니다. 그걸 선택하고 OK 버튼을 눌러주세요.

패턴이 채워졌죠? 채워진 패턴의 색상을 자유롭게 바꿀 수 있습니다. 레이어 우측 하단에 Add a Layer Style > Color Overlay를 해서 컬러를 수정해주면 됩니다. 이 기능이 낯선 분들은 포토샵 기초 강좌 처음부터 보시길 추천드립니다.^^ 기초가 튼튼해야 응용을 할 수 있겠죠?!

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

02. 사선 패턴 만들기

사선 만드는 방법도 간단합니다. 20*20px에 사선으로 그려주고 패턴에 등록하면 됩니다. 사선을 그릴 때 펜슬 툴을 사용해주세요.(이유는 영상 참고)

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

03. 땡땡이 패턴 만들기

땡땡이가 가장 쉽습니다. 가운데 점을 만들어주고 패턴에 등록하고 사용하시면 됩니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon
일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

이런 식으로 말이죠 ^^

그렇다면 사선 땡땡이는 어떻게 만들까요…? 머리를 조금만 쓰면 쉽습니다.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

그럼 땡땡이가 완성됩니다. 아주 쉽죠?!

04. 기타 그래픽 패턴

이번에는 점, 선 등의 도형이 아닌 특정 그래픽을 반복적으로 사용해볼게요. 귀여운 나무를 패턴으로 등록해볼게요. 저 같은 경우는 일러스트레이터에서 작업 후에 포토샵으로 불러왔습니다. 패턴 등록 방법은 동일해요.

Edit > Define Pattern으로 패턴을 등록하기! Edit > Fill로 패턴 채우기 아주 간단하죠? 따라 해보면 익숙해질 거예요.

일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon
일러스트레이터 빗금 패턴 - illeoseuteuleiteo bisgeum paeteon

짠!

아주 오랜만에 기초 강좌로 돌아왔는데요. 또다시 기초가 필요하다면 쉬운 강좌 들고 돌아올게요. 기초를 다 배우셨다면 서둘러서 포토샵 실전 강좌로 넘어오세요! 기다리고 있습니다.

9,750