본문 바로가기
디따/일러 스킬업

이 귀여운 3D이모지Emoji😊 이모티콘은 일러스트레이터로 어떻게 만드는 거지? 무작정 따라해보기

by 9냥 2020. 5. 18.

디자인연습 (47)

이 귀여운 3D이모지Emoji 이모티콘은 일러스트레이터로 어떻게 만드는 거지?

무작정 따라해보기

 

 

이모지Emoji를 직접 만들어봅시다!  카톡이나 라인같은 메신저에서는 귀여운 이모티콘이 많으니까 고전 이모지를 사용할 일이 없겠지만요. 모바일을 이용하신다면 소셜네트워크서비스나 티스토리 댓글 등등에서 한번쯤 써보셨을 것 같은데요. 저는 종종 ^^요런 이모티콘 기호 대신에 😀요런 이모지를 애용한답니다. 제 블로그 놀러오시는 분들은 저의 😁을 다들 댓글로 받아보셨을 거예요! ㅎㅎㅎ

 

여느 때와 다름없이 즐겨 가는 flaticon 사이트를 뒤지다가 너무 귀여운 3D이모지 아이콘이 있어서 이걸 따라해보려고 합니다. 넘넘 귀여운 표정들이 많은데 그 중에서도 왜 하필 이 시무룩을 골랐냐하면... 쉬워보였기 때문입니닼ㅋㅋㅋ

 

https://www.flaticon.com/free-icon/sad_2932706

 

Sad free vector icons designed by Freepik

Download this free icon in SVG, PSD, PNG, EPS format or as webfonts. Flaticon, the largest database of free vector icons.

www.flaticon.com

 

 

 

 

 

 


 

 

3D 이모지 일러스트레이터로 무작정 만들기

1 색 준비

2 원 그릴 준비

3 그라데이션 그릴 준비

4 그라데이션 응용 준비

5 자신감 준비 

 

 

 

 

1 색 준비

오리지날 이미지에서 picker로 따다가 필요할 것 같은 색을 미리 추려서 스와치swatch에 등록해 놓으면 그라데이션에서 색을 바꿀 때 아주 쉽게 바꿀 수 있습니다. 연습용으로 따라하는 거니까 색에 대한 고민도 없구요. 그저 고대로 따라만 해보았습니다. 

 

 

2 원 그릴 준비

우리 원은 수도 없이 그려보았죠. 이제는 단축키 L을 눌러 정원을 커다랗게 보름달마냥 그려넣구요. 색은 지금은 아무 색이나 칠해도 상관없습니다. 어차피 그라데이션을 줄 거니까요

 

 

 

3 그라데이션 그릴 준비

G를 눌러 그라데이션을 톡 적용해주고 이제 그라디언트 탭에서 원하는 컬러로 변경해줍니다. 노란색과 좀 더 어두운 노란색이 필요하고 방사형으로 전환하면 이렇게 얼굴 앞면 완성!

 

 

 

4 입체적인 부분 그리기

동일한 크기의 원을 복제하고 반으로 나누어서 상하 다르게 각각 그라데이션을 줘야 합니다. 우선은 구분하기 쉽게 다른 색으로만 채워주세요. 지금부터는 한명의 낙오자도 발생하면 안 됩니다. 힘을 내세요

 

 

5 그라데이션 응용 준비

얼굴 앞면은 방사형을 기본으로 넣어주면 되기 때문에 별다른 어려움이 없었지만 3D 입체적으로 보이는 뒷부분은 그라디언트 툴을 어느 정도 만져볼 줄 알아야 예쁘게 나올 거 같네요. 툴 사용법은 생략합니다 휘리릭~

위 부분은 이렇게, 아래 부분은 저렇게 각각 그라데이션을 적용해주면 오리지날 이모지 이미지와 똑같이 만들어지고 있습니다. 이렇게 머리통? 부분을 완성합니다

 

 

5 자신감 준비 

얼굴 앞면의 눈과 입이 남았어요 눈은 라운드사각형으로 만들고, 입은 정원과 찌그러진 원을 겹쳐서 패스파인더툴을 사용했습니다. 

앞서 그라데이션을 줬던 것처럼 눈과 입도 그윽한 느낌?으로다가 적용해 주세요. 

포토샵에서는 이너쉐도우를 활용할 수도 있는데 일러스트레이터에서는 이너글로우만 있더라고요. 이너글로우도 각도조절이 되면 안쪽으로 그림자가 진 효과를 낼 수 있는데 아쉽게도 각도조절은 없었습니다. 그래서 눈속임으로 그라데이션을 활용해 만들었어요.

완성

그라데이션과 색의 활용으로 3D프로그램없이도 입체적인 이모지를 완성할 수 있었습니다. 짝짝짝

여러분의 일러스트레이터 스킬이 +1됨을 축하드리며 끗

 

댓글을 달아주시면 꼭꼭 방문합니다! 💬

공감 감사드려요! 🧡

 

댓글