[일러스트레이터] 멈춰있는 이모티콘 만들기

 

 

안녕하세요.

이모티콘에는 크게 멈춰있는 이모티콘과

움직이는 이모티콘으로 구분할 수 있습니다.

편하게 멈티랑 움티라고 줄여서 부르기도 합니다.

 

약간 설명을 하자면

멈티는 1장의 그림이고,

움티는 최소 2장 이상의 그림이 필요하기 때문에

시간이나 난이도 부분에서는 

멈춰있는 이모티콘이 더 쉬울 수 있습니다.

(움직이는 동작에 자신이 없거나 처음 도전하시는 분들이라면,

먼저 멈춰있는 이모티콘 제작을 하는 것을 추천드립니다.)

 

먼저 멈춰있는 이모티콘 제작 과정에 대해 소개를 하고,

다음 글에 움직이는 이모티콘 제작 과정을 소개하겠습니다.

 

이전 포스팅에서 이모티콘 제작 프로그램에 대해

몇 가지 소개를 했는데요.

그중에서 이번에 저는 2가지 프로그램을 사용했습니다.

일러스트레이터 프로그램을 이용해 멈티를,

포토샵을 이용해서 움티를 완성했습니다.

 

(꼭 이 프로그램을 사용해야 하는 것은 아니고

본인이 편한 다른 프로그램으로 작업하셔도 됩니다.

참고용으로만 봐주시면 될 것 같습니다.)

 

---

1. 스케치하기

 

일단 그리고자 하는 이모티콘을 스케치합니다.

종이 위에 필기도구(펜이나 연필 등)로 슥슥 그려도 되고,

컴퓨터나 아이패드 같은 기기가 편하다면 그곳에서 스케치를 해도 됩니다.

 

스케치 단계는 너무 잘 그리려고 할 필요까지는 없고,

그냥 어떻게 표현할 것인지 본인이 알아볼 수 있을 정도면 됩니다.

낙서 정도라도 가능합니다.

 

(어떤 분들은 스케치 단계 없이 그냥 바로 

디지털 작업을 하시기도 합니다.)

 

 

(종이에서 스케치한 이미지)

 

 

 

 

(컴퓨터에서 스케치한 이미지)

 

 

 

 

2. 선 따기

 

일단 프로그램을 열고

작업할 창을 만들어 줍니다.

 

선따는 방법은

마우스 펜툴로 일일이 선따는 방법과,

브러시 툴 or 연필 툴로 그리는 방법 등이 있습니다.

 

 

 

 

 

 

3. 채색

 

선을 다 따거나 그렸다면, 채색을 하면 됩니다.

일러스트레이터 프로그램은 stoke에

fill만 색을 채워줘도 됩니다.

stroke(선)가 연결이 되어있지 않다면,

fill(면)이 채워지지 않으므로 연결해 줍니다.

 

(그런데 다른 프로그램에는

작업하시는 분마다 방식이 다르겠지만,

영역을 선택해서 색을 채워주시는 분이 있고,

하나하나 색을 칠하시는 분도 있습니다.

작업을 하면서 본인이 편한 방식을 찾는 것이 좋습니다.)

 

 

 

 

 

4. 텍스트 넣기 (없다면 패스)

 

그린 이모티콘에 어울리는 문구를 넣어줍니다.

그림만 있는 이모티콘을 표현할 생각이라면

굳이 들어가지 않아도 됩니다.

 

폰트는 본인이 손글씨로 써주시거나,

상업적 무료 폰트를 이용하시면 됩니다.

 

자신이 그린 이모티콘과 어울리는 폰트면 더 좋습니다.

(예를 들어 귀여운 그림체라면 아기자기하고 동글동글한 서체,

대충 그린 콘셉트? 라면 반듯하고 각진 서체보다는

약간 삐뚤빼뚤한 서체를 선택하시면 됩니다.)

 

 

 

5. 저장 

 

제안할 사이트의 규격에 맞게 

저장하시면 됩니다.

(사이즈, 용량, 파일 형식, 파일 이름 필수 체크)

 

그러면 이제 멈춰있는 이모티콘이 한 개가 

완성이 됩니다.

 

 

 

 

관련 글

 

2020/09/09 - [디자인 꿀팁] - [포토샵] 움직이는 이모티콘 만들기

2020/09/15 - [디자인 꿀팁] - [포토샵] 이모티콘 채색하는 2가지 방법

2020/09/22 - [디자인 꿀팁] - [포토샵] 펜툴을 사용해 선(Stroke) 그리기