본문 바로가기

이모티콘 제작

일러스트레이터로 이모티콘 만들기 Pathfinder와 Rotate Tool 사용방법

728x90

 

내일 배움 카드로 수강한 어도비 일러스트레이터를 활용한 이모티콘 제작 수업에서 배운 내용을 기록하고자 합니다.

 

 

 

요새 이모티콘 트렌드는 귀여운거 or B급 감성이 핫하다고 합니다.

ex) 오리모양, 메모티콘 같은 개성이 있는 이모티콘

 

이모티콘 제작에 앞서 제일 중요한 것은 컨셉잡기! 컨셉 잡기란, 카톡의 이모티콘 샵에서 확인 가능하듯이 내가 제작하고자 하는 컨셉을 마인드 맵처럼 작성해서 꾸려보는 것을 말합니다.

 

 

 

목차
1. 이모티콘 스튜디오/ 뷰어
2. 이모티콘 아이디어 컨셉 잡는 방법
3. 일러스트레이터 이모티콘 제작 환경 만들기
4. Pathfinder 사용법
5. Rotate Tool 사용법

 

 

제작에 앞서 우선 카카오톡 이모티콘 스튜디오와 뷰어를 소개합니다.

뷰어 사이트는 내가 제작한 이모티콘이 어떤 식으로 나오지는 확인이 가능하니 참 유용한 것 같습니다. :)

 

 

 

 

■ 카카오톡 이모티콘 제안하는 곳 : 카카오 이모티콘 스튜디오

 

 

 

 

■ 이모티콘 그려보고 난 뒤 어떻게 나오는지 확인하는 곳 : 이모티콘 뷰어 사이트

 

 

 

 

■ 이모티콘 아이디어 컨셉 잡기 (특정 주제에 맞게 통일된 컨셉일 것)

 

엄청 잘그리지 않는 경우 컨셉이 제일 중요합니다!!

 

- 움직이는 gif를 제작하려는 경우 : 21개 png(그림) + 3개의 gif = 24개 제작후 이모티콘 스튜디오에 제출 → 승인 후 나머지 21개의 png를 gif로 제작하면 됩니다.

 

- 움직이지 않는 png의 경우 : 36개 png 제작

 

 

 

1. 이모티콘의 아래 내용을 생각하면서 대략적인 컨셉을 구상

이름:

특징:

성격:

이모티콘 설명 :

 

 

2. 메세지 작성

메세지를 먼저 작성해놓으면 그리는 게 쉬워지기 때문에 24개의 메시지를 먼저 구상합니다.

 

 

 

 

 

일러스트 단축키

도구가 없어졌을 때 tab키 누르면 됨

 

브러쉬 모양 크기 크게 : ]

브러쉬 모양 크기 작게 : [

 

포토샵이랑 다르게 일러스트레이터는 글꼴도 스포이드로 한 번에 다 바꿀 수 있음

 

 

 

■ 일러스트레이터 이모티콘 만들 환경 만들기

 

1. file - new (단축키 : Ctrl + N)

2. 360*360 픽셀

3. artboard : 움직이는 이모티콘 만드는 사람 24/ 안움직이는 이모티콘 만드는 사람 32개

4. RGB 컬러 : 온라인 모드라서 rgb로 선택

5. Screen(72 ppi) 

 

 

6. 저장시 여러 군데서 제작을 하는 상황이면 하위 버전으로 저장 : illustrator cc 

 

 

 

 

 

■ Pathfinder 패스파인더 : ctrl + shift + f9

 

Pathfinder : window에서 찾을 수 있음

 

Shape Modes 모양 모드 

unite : 합치기 : 앞에 있는 컬러로 합쳐지는 것

minus front : 앞면 오브젝트 제외 : 뒤에 있는 모형 기준으로 앞의 모형 컬러 없어짐 

intersect : 교차영역 : 겹쳐진 부분만 남음

exclude : 교차영역 제외 : 겹쳐진 부분이 뚫리고 앞에 있는 요소로 색이 변경된

 

Pathfinders 패스파인더

divide: 나누기 : 선 기준으로 다 잘림(이 기능을 제일 많이 씀★★★)

trim : 자르기 : 겹쳐진 형태로 잘림 : ungroup하면 됨 divide와 차이점 겹쳐진 부분이 사라지느냐 안 사라지느냐

Outline : 윤곽선 : 색이 다 없어지고 다 잘림

minus back : 이면 오브젝트 제외 : 뒤에 있는 걸 기준으로 남기고 다 사라짐

 

 

 

 

■ Rotate Tool 회전 도구

 

1. 꽃 그릴 때 "원"으로 꽃잎 하나 생성 후 개체 클릭

2. 로테이트 툴 클릭

3. 기준점을 선택 후 alt(누르면 점이 커서로 바뀜)

4. 프리뷰로 보면서 copy 누르면 복사

5. 이후 반복 시 : ctrl + d : 반복 동작 단축키