본문 바로가기

이모티콘 제작

일러스트로 이모티콘 제작 기본 기능 : 나만의 폰트와 패턴 만들기

728x90

 

 

이모티콘 만들기 위한 일러스트의 기본 기능들을 정리해보았습니다. : )

 

이모티콘을 제작할 때 일러스트에서 기본으로 제공하는 폰트가 마음에 안들 경우, 무료로 다운받아 사용하는 방법글자에 이미지를 입히는 방법인 클리핑 마스크에 대해 작성했습니다.

 

또한, 이모티콘 제작뿐만 아니라 티셔츠에 인쇄할 패턴을 어떻게 제작하는지 패턴 작업에 대해서도 자세히 작성했으니 참고하시면 될 것 같습니다!

 

 

 

목차

1. Title 타이틀 입력 방법 
2. Clipping Mask 클리핑 마스크 사용법
3. Font 폰트 다운로드 후 추가하는 방법
4. 새 아트보드 생성 방법
5. 다양한 선 종류
6. 조명 효과 주는 방법
7. Pencil Tool 펜슬 툴 사용법
8. 지우개 툴 사용법
9. 도형 패턴 작업
10. 나만의 패턴 만들기
11. Blend Tool 블랜드 툴 사용법

 

 

참고

새 파일 생성할 때 : File - New
- web용은 RGB
- print는 CMYK로 주로 되어 있음

흰 판을 artboard라 함 → 저장 먼저 하고 시작 ctrl + s
일러스트는 프로그램이 워낙 무거우니까 저장을 자주자주
저장 버전이 제일 중요★ 상위 버전은 하위 버전은 호환이 안되기 때문에 아래 버전 기준으로 저장

※ 툴 누르고 아트보드 콕 누르면 옵션 창 뜸


- 툴바에서 선택했을 때 상단에 뜨는 표시줄을 "컨트롤 창"이라고 함



- 오른쪽은 패널 = Properties = 빨래트

 

 

■ Title 타이틀 입력방법 

 

툴 클릭 - artboard 클릭 시 : 자유 입력창
툴 클릭 - artboard에서 드래그 시 : 영역 내에만 입력할 수 있는 창 / 영역 넘어가면 빨간 + 가 뜸 이걸로 늘리면 됨

1. 도형 모양 따라 글쓰기
Type on a Path Tool - 도형 꼭짓점 찍어주면 됨

 


2. 도형 내부에 글쓰기
Area Type Tool - 내부 찍어주면 됨

 

 

 

■ Clipping Mask 클리핑 마스크 사용법

 

클리핑 마스크란?

문자/도형의 아래에 있던 이미지가 문자/도형에 입혀지는 효과

 

1. 구글에서 이미지 아무거나 복사해서 일러스트에 붙여 넣기
2. 가져왔으면 포함이라는 것을 해줘야 해(Embedded) = 일러스트에서 그림 불러왔다고 해주는 기능

 

 


3. 붙여준 이미지 위에 문자/도형을 놓고 - 마우스 우클릭 - Make Clipping Mask

- 문자에 이미지를 입힌 경우

 

- 도형에 이미지를 입힌 경우



 

 

■ Font 폰트의 기능

 

window- type - character - font 변경 가능

- 영어 폰트 or 인터넷에서 다운로드한 폰트는 하단에 제작한 곳에서 배포해서 regular 등등 적혀있음
- widow에서 제공한 것은 하이픈으로 뜸

 

폰트 무료로 다운로드하는 곳 : 눈누

- OTF : 웹용에서 사용하기 더 편리함(이모티콘에서 이걸 더 많이 사용함)
- TTF : 문서 작용에서 많이 사용함

다운받아서 압축 풀고 파일에서 전체 드래그 잡아서 설치 → 일러스트 폰트에 추가되어 있음



 

 

■ 새 아트보트 생성 방법

 

툴바에서 아트보드 클릭 후 → 상단 컨트롤 창의 새면서 클릭

 

 

 

 

■ 선 종류

 

1. Spiral Tool : 선을 uniform이 아닌 width profile로 작성하면 이런 문양도 만들 수 있어



2. Rectangular Grid Tool : 바꾸고 싶은 선 더블클릭하면 아이솔레이션 모드라고 그것만 바꿀 수 있음



 

■ 조명 효과를 주는 방법

 

어두운 배경에서 해야 티가 잘 남

 



 

■ Pencil Tool 펜슬 기능


※ A로 개체 선택 후 툴을 눌러야 함!

- Path Eraser Tool : 연필 뒤 지우개라고 생각하면 돼 드래그하면서 선을 지워야 지워짐
- Smooth Tool : 각진 선을 부드럽게 바꿔줌
- Join Tool : 끊어진 선 이어주는데 굳이 이 기능 쓸 필요 X → ctrl + j 하면 됨


 

 

■ 지우개 툴 사용법

 

[ : 지우개 크기 작게
] : 지우개 크기 크게
이게 안되면 caps lock 켜져 있는 것




 

■ 도형 패턴 작업

 

ctrl + y : 윤곽선 모드

1. 원하는 패턴 만들고 (ex. Scale Tool로 도형 안의 도형) 
2. Swatches에 드래그해서 가져다 놓으면 새로운 패턴이 생성됨
3. 도형 만들고 채우기 - 해당 패턴
4. Scale Tool에 Transform Patern → 작은 문양으로 생성
5. rotate 하면 회전도 됨

obeject - Pattern - Edit to pattern 여기서도 수정이 가능함

 



 

 

■ 나만의 패턴 만드는 방법

 

0. 원하는 이미지를 구글에서 복사해서 아트보드에 붙여놓기
1. Image Trace - High Fidelity Photo
2. Expand
3. Ungroup
4. 원하는 이미지 빼고 다 삭제
5. Object - Pattern - Make
6. Pattern Options에서 원하는 패턴으로 만들고 Done
7. 도형 생성 시 제작한 패턴으로 넣으면 됨
8. 도형 늘릴 때 늘어나지 않고 패턴이 입히게 하는 방법 : 도형 클릭 후 Scale Tool에서 Scale Coners, Transform Objects 체크

 

1. Image Trace - High Fidelity Photo

 

2. Expand

 

3. Ungroup

 

4. 원하는 이미지만 남기고 다 삭제

 

5. Object - Pattern - Make

 

6. Pattern Options에서 원하는 패턴으로 만들고 Done

 

8. 도형 생성 후 Scale Tool에서 Scale Coners, Transform Objects 체크

 

어떤 모양의 도형을 생성하든 늘어나지 않고 패턴으로 채워짐



 

 

■ Blend Tool 블랜드 툴 사용법

 

1. Blend Tool 클릭 후 검은 네모 클릭 → 빨간 네모 클릭 : 블랜딩 됨
2. 선으로 하려면 Blend Tool 더블 클릭 - Smooth Color (면 모드) 말고 Specified Steps - '선 개수=5'로 하면 선으로 됨