일러스트 패턴 포토샵 으로 - illeoseuteu paeteon potosyab eulo

Illustrator

[일러스트레이터] 패턴 (pattern) ① 만들기, 등록하기, 적용하기, 수정하기, 비트맵(Bitmap) 이미지를 벡터(Vector) 이미지로 전환하기

 

패턴 (pattern) ①
- 패턴 (pattern) 만들기, 등록하기, 적용하기, 수정하기, Envelope Mesh 활용하기 -
- 비트맵(Bitmap) 파일을 벡터(Vector) 파일로 변환하기 - 

<Scale Tool / Rotate Tool / Envelope Mesh / Move Tool / Image Trace>

ⓐ 이미 등록되어 있는 패턴 살펴보기

* 패턴(pattern)은 스와치(SWATCHES) 패널에 있음.
(Window → SWATCHES)

* 스와치(Swatches) 패널 하단의 라이브러리 메뉴(Swatch Libraries Menu) 클릭.
* Patterns → 원하는 패턴 스타일 선택.

* 이렇게 패턴 탭이 나타남.
* 패널 하단의 ◀ ▶를 눌러 메뉴 페이지 이동 가능.
* 썸네일(Thumbnail) 크기를 조절하려면 패널 오른쪽 상단의 메뉴를 통해 조절 가능.

* 패턴 탭에서 원하는 패턴을 골라 클릭.
* 도형 툴을 골라 드래그하면 바로 적용됨.

* 다른 패턴을 클릭하면 바로 패턴이 바뀌어 적용됨.
(이렇게 패턴 모양을 보다 크고 자세히 확인해볼 수 있음)

* 또는, 스와치(Swatches) 패널에서 패턴 썸네일을 더블 클릭하면
* 해당 패턴 정보와 함께 이렇게 큰 창으로 뜸.
* 화면을 더블 클릭하거나, 상단의 Cancel을 누르면 사라짐.
(가운데 파란 선의 도형은 투명 박스로 만든 패턴 가이드 선임)

* 패턴을 선택하고 하단의 Edit Pattern을 클릭해도 됨.
(라이브러리에서 클릭하거나 사용한 패턴은 스와치(Swatches) 패널에 썸네일이 나타남.
필요 없으면 패널 하단의 휴지통에 끌어다 넣으면 됨)

* 원하는 오브젝트에 원하는 패턴을 넣을 때는 선택 툴(Selection Tool)로
* ①패턴 넣을 부분을 선택 → ②라이브러리 메뉴에서 원하는 패턴 클릭!
(면에 패턴을 적용하고 싶을 땐 면 색에, 선에 패턴을 넣고 싶을 땐 선 색에 적용하면 됨)

* 또는 이렇게... 

ⓑ 패턴 수정하기

* 새로 등록한 패턴이나 기본으로 등록돼 있는 패턴을
* 클릭 드래그해서 밖으로 끄집어낸 다음

* 직접 선택 툴(Direct Selection Tool)로 색상을 수정해

* 선택 툴(Selection Tool)로 클릭해 패턴 패널에 드래그해 넣으면
* 새 패턴으로 새로이 등록됨.

* 이렇게..
(Pattern Options 창의 Name에서 새 이름 지정 가능)

* 아래 그림의 배경도
* 위 패턴을 같은 방법으로 수정해서 만든 것임.

* 이렇게 배경이 있는 패턴의 배경도 수정할 수 있음. 

ⓒ 패턴 등록하기
 

* 위의 패턴 수정하기에서 한 방법대로 오브젝트를 만들어
* 선택 툴(Selection Tool)로 클릭, 스와치 패널에 드래그해 넣으면

* 이렇게 패턴이 등록됨.
(등록된 패턴을 더블 클릭해서 이름 지정 가능) 

ⓓ 패턴 사이즈 조절하기 (축소/확대)

* 패턴을 축소 또는 확대하고자 할 때는
* 적용된 패턴을 클릭한 다음 스케일 툴(Scale Tool)을 더블 클릭해 조절.

* 단, 위에 표시된 Transform Objects의 체크를 해제해야 함.

* Transform Objects의 체크를 해지하지 않을 경우
* 이처럼 오브젝트 자체도 함께 축소 또는 확대가 됨.

ⓔ 적용한 패턴 회전시키기 (기울이기)

* 패턴 모양을 회전하고자 할 때는
* 적용된 패턴을 클릭한 다음 회전 툴(Rotate Tool)을 djqmf 클릭해 조절.

* 이 경우 역시, 위에 표시된 Transform Objects의 체크를 해제해야 함.

* Transform Objects의 체크를 해지하지 않을 경우
* 이처럼 오브젝트 자체도 함께 회전함.

* 패턴을 클릭하고 마우스 우 클릭 → Transform을 통해서도
* 확대/축소, 회전, 반전, 기울기 등등 조절 가능. 

ⓕ 패턴 외곽선 자유롭게 변형시키기 (Envelope Mesh 활용)
 

* 패턴(또는 오브젝트)의 외곽선을 구겨진 것처럼
* 자유자재로 변형시키고 싶을 때는
* 선택 툴(Selection Tool)로 패턴을 클릭한 다음
* Object → Envelope Distort → Make with Mesh (Alt + Ctrl + M))

* Envelope Mesh 탭이 열리면 미리 보기(Preview)를 체크한 다음
* 적당한 망 점의 간격을 설정해 적용

* 직접 선택 툴((Direct Selection Tool))로 변형을 원하는 각 점을 클릭하고
* 잡아당기거나, 집어넣거나, 핸들을 조절하거나 해서 변형시킨다.

* 이렇게...

* 망 점은 Object → Expand로 없앨 수 있음.

* 이렇게...
(나중에 수정을 위해서 그냥 내버려 둬도 됨)

* Envelope Mesh는 이렇게 오브젝트를 변형할 때 유용한 기능임♡

ⓖ 패턴에 배경 색 넣기
 

* 이렇게 특정한 배경색이 지정되지 않은 패턴에
* 배경 색을 넣고 싶은 경우엔

* 패턴을 적용하기 전, 선택 툴(Selection Tool)로 오브젝트를 클릭한 다음
* Ctrl+C (복사) → Ctrl+F (제자리 복사)하기.

* 오브젝트를 제자리에 복사한 경우라서 별다른 변화가 안 보이지만
* 오브젝트를 살짝 옮겨보면 이렇게 한 장이 더 겹쳐져 있는 것을 알 수 있음.


* Ctrl+C (복사) → Ctrl+F (제자리 복사)로 적용하면
* 이렇게 배경 색이 살아 있음.
(즉, 똑같이 제자리에 복사된 오브젝트가 2장인 상태에서
위의 오브젝트에만 패턴이 적용되는 것임.)

* 그라디언트(Gradient)를 이용해 패턴 뒤에 배경을 넣은 경우...

ⓗ 패턴 위에 또 다른 패턴 적용하기 (패턴 다중 적용)
 

* 패턴 위에 또 다른 패턴을 적용하고자 할 때
* 첫 번째 방법....
* 위의 방법처럼 오브젝트를 Ctrl + C (복사) → Ctrl + F (제자리 복사)로
* 여러 장 복사해가며 이렇게 다른 패턴을 여러 겹 겹쳐 쌓거나

* 두 번째 방법으로...
* Appearance 패널 활용하기.
(Window → Appearance (Shift+F6))

* Appearance 패널 하단의 Add New Fill을 클릭하면
* 면(Fill)이 하나 더 자동 복사됨.
(선을 복제하려면 그 옆의 Add New Stroke 클릭)

* 새로 복사된 면(Fill)을 클릭하거나 바로 옆 ▼을 클릭해
* 다른 패턴을 선택함.

* 같은 방법으로 이렇게 여러 패턴을 겹겹이 적용 가능.
(하지만, 왠지 첫 번째 방법만 사용하게 된다는..;)

ⓘ 투명 박스로 패턴 가이드 선 만들기

* 원하는 오브젝트를 만든 다음 (예: 별)
* 선택 툴(Selection Tool)을 더블 클릭해 무브(Move) 탭을 꺼내
* 가로(Horizontal) 이동 거리를 입력하고 Copy를 누른다. (예: 80px)
(필요한 경우, 모눈종이(Ctrl + ")나 룰러(Ctrl + R) 사용)

* 이렇게 무브(Move) 툴로 별을 두 개 옆으로 이동 복사한다.
(무브 툴(Move Tool)은 정확한 수치로 이동시킬 때 편리)

* 이번에는 세 개의 별을 선택 툴(Selection Tool)로 한꺼번에 선택한 다음
* 위의 방법대로 선택 툴(Selection Tool)을 더블 클릭해 무브(Move) 탭을 꺼내
* 가로(Horizontal) 세로(Vertical) 이동 거리를 입력하고 Copy를 누른다. (예: 각각 40px)

* 이렇게 아래로 이동 복사되면

* 선택 툴(Selection Tool)로 여섯 개의 별을 한꺼번에 선택한 다음
* 역시 선택 툴(Selection Tool)을 더블 클릭해 무브(Move) 탭을 꺼내
* 세로(Vertical) 이동 거리를 입력하고 Copy를 누른다. (예: 80px)

* 이렇게...

* 사각형 툴로 반복 구간을 구분해 확인한다.

* 사각형 툴을 하나만 남긴 다음, 별 오브젝트 뒤로 보낸다
(마우스 우 클릭 → Arrange → Send to Back)

* 사각형 툴의 선과 면 색을 없애 투명 박스로 만든다.

* 사각형 툴 외부의 오브젝트는 모두 제거해도 됨.
* 선택 툴(Selection Tool)로 투명 박스와 투명 박스 안 오브젝트를 모두 선택하고
* 스와치(Swatches) 패널에 드래그해 넣어서 패턴을 등록한다.

* 도형 툴로 드래그하거나
* 등록한 패턴의 썸네일을 더블 클릭해서 패턴을 확인한다.

​ⓙ 비트맵(Bitmap) 파일을 벡터(Vector) 파일로 변환시켜 패턴 등록하기

* File →  Place를 클릭해서 변환하고자 하는 비트맵(Bitmap) 파일을 불러온다.
(얼마 전 다른 프로그램으로 그린 「.jpg」 파일)

* 이미지를 불러왔으면 상단 메뉴 바에서
* Image Trace와 Mask 사이의 ▼ Tracing Presets 클릭

* 불러온 이미지가 흑백 이미지이므로 Black and White Logo 선택

* 이번엔 상단 메뉴 바에서 Expand 클릭

* 이렇게 이미지가 벡터(Vector) 파일로 바뀜.
(점이 생성된 걸 볼 수 있음)

* 왼쪽이 비트맵(Bitmap) 이미지

* 오른쪽이 벡터(Vector)로 변환된 이미지.


* 마술 봉 툴(Magic Wand Tool)로 이미지 배경 선택 → Delete 키 클릭해서
* 배경 없는 검정 이미지만 남김.

* 이렇게 배경을 제거한 벡터(Vector) 이미지로 바뀌었으면

​* 패턴으로 등록해 활용.

​(같은 방법으로 변환 등록해서 심볼(Symbol)이나 브러시(brush)로도 활용 가능^^)