안녕하세요. 오늘은 카카오톡 이모티콘 중에 많은 사랑을 받는 라이언을 일러스트의 도형과 펜툴을 사용하여 그려보는 연습을 해보겠습니다. 일러스트레이터에는 다양한 방법과 도구들이 존재하기 때문에 같은 그림을 그리더라도 여러 가지 방법이 있습니다. 그렇기 때문에 만약 더 편안하게 사용할 수 있는 툴이 있다면 그것으로 이용해주세요.
카카오톡 이모티콘 라이언 일러스트레이터로 그리기
오늘 연습할 이모티콘은 위와 같은 포즈를 취하고 있는 라이언입니다. 저는 카카오톡 이모티콘 샵에 있는 이미지를 캡쳐하여 제가 그려보았습니다.
그럼 아래에 우선 순서를 설명하겠습니다.
- 우선 원하는 이모티콘의 이미지를 캡쳐하여 주세요. 만약 고해상도가 필요하시다면 위의 이미지를 캡쳐하여 사용하셔도 됩니다.
- [ File ]->[ New ] 550*550 pixel 사이즈로 아트보드를 준비해주세요.
- [ File ]->[ Place ] 를 하여 이미지 파일을 링크를 체크하고 열어 주세요.
- 선택툴 [ V ] 을 누르고 이미지를 용지에 알맞게 옮기거나 크기를 조절하여 주시고, [ Alt ] 키를 누른상태에서 클릭 드래그하여 옆쪽에 똑같은 이미지를 하나 복사하여 놓습니다. [Alt]키를 누른 상태에서 클릭 드래그하면 복사된 이미지를 원하는 곳에 놓을 수 있습니다.
(나중에 스포이드 툴을 사용하여 몸색으로 쓸 예정입니다) - 아트보드지에 있는 라이언을 클릭하여 선택 후, 화면위에 툴바에서 [ Opacity ] 를 50% 정도로 조절하여 줍니다.
- 단축키 [ Ctrl+2 ] 을 사용하여 해당 이미지를 아트보드에 고정하여 줍니다.
- [ Windows ]->[ Layers ] 를 오픈하여 새로운 레이어를 한 장 추가해줍니다. 개체들을 나누어서 레이어 별로 이름을 적어 줍니다. 그림을 그릴 때는 가장 뒤에 있는 개체부터 그려주는 것이 좋습니다.
- 라이언의 몸을 두 덩이로 구분해서 그린 후 합쳐보겠습니다. 펜툴을 사용하여 몸 위의 부분부터 팔 끝까지 모양을 만들고, 아래 다리 부분을 만들어주세요.
* 펜툴을 사용할 때에는 첫 포인트를 찍고 클릭 드래그를 하면서 곡선을 그릴수 있습니다. 나중에 직접 선택툴 [ A ] 으로 위치 및 곡선의 형태를 조정할 수 있으니 완벽하게 아래 가이드 선과 똑같지 않아도 괜찮아요.
** 만약에 틀렸으면 단축키 [ Ctrl+Z ] 를 사용하여 이전 작업 취소를 해줍니다. - 완성된 몸 두 덩이를 선택 툴[ V ] 로 선택하여 [ Windows ]->[ Pathfinder ]를 열어서 Unite(합치기)를 클릭하여 합쳐줍니다.
- 몸통 부분의 Path들을 수정 할 부분이 있으면 직접 선택 툴 [ A ] 를 선택하고, 해당되는 Anchor 포인트를 이동하거나, 양쪽에 손잡이 처럼 생긴 부분을 잡고 곡선의 정도를 수정해주세요.
- 수정이 완료되면 [ V ] 를 눌러 몸체 부분을 선택하고 스포이트 툴 [I] 로 옆쪽에 놔둔 라이언의 몸색을 클릭하여 줍니다.
- 선을 선택한 후 적당한 패쓰 두께를 주세요.
- 펜툴으로 팔과 몸의 경계선 2개 다리 경계선 2개를 그려주세요. 선을 하나 그리고 [Ctrl] +빈 여백 클릭을 해주셔야 하나의 선이 독립적인 Path로 완료됩니다.
- 배의 하얀색 부분도 펜툴로 그려주고 선색은 없음, 면색은 하얀색으로 해줍니다.
- 새로 레이어를 추가하고 도형 툴에서 원을 선택하여 타원형 형태로 귀 두개 얼굴을 그려줍니다. 모양은 마찬가지로 직접 선택 툴으로 조정해줍니다.
- 일러스트는 기본적으로 나중에 그린 것이 제일 앞에 있게 됩니다. 귀를 먼저 그릴 때는 귀를 선택하여 [ 마우스 오른쪽 클릭 ]->[ Arrange ]->[ Bring to Back ] 또는 [ ⌘+[ ] 를 하여 순서를 뒤로 보내주세요.
- 얼굴과 귀에도 색상을 넣어주세요.
- 레이어를 하나 더 추가하고, 아래쪽 얼굴 레이어의 눈을 클릭하여 꺼주세요. 그러면 뒤의 얼굴이 보입니다.
- 선, 원 도형을 이용하여 눈과 눈썹을 그려주세요.
- 코 주변 원을 만들 때는 원을 하나를 그린 후 [alt] 를 눌러 복사하여 약간 교차되게 놓아준 후 Pathfinder를 이용하여 합치기를 해줍니다. 그리고 검정색 원을 그려서 완성해주세요.
- 전부 완성이 되었으면, 레이어 패널의 제일 아래에 있는 레이어를 삭제해 줍니다.
우선 제가 그렸던 순서대로 정리를 해드렸는데요, 아래의 영상을 보시면 좀 더 이해가 쉬울 것이으로 생각됩니다. 그리고 위에 언급되지 않았지만 사용한 단축키들을 정리해 드릴게요 🙂 작업 속도를 높이는 데 정말 도움이 되실 거에요.
- [ space bar ] : 작업 도중 손 툴으로 아트보드의 화면을 이동하고 싶을 때 사용. space bar를 눌린 상태에서 원하는 쪽으로 마우스로 클릭 드래그. space bar를 놓으면 다시 원래 사용하던 툴 사용 가능.
- [ space bar + ⌘ ] : 작업 도중 일시적으로 화면 크기를 크게 하고 싶을 때 사용됨. 해당 키를 누른 상태에서 클릭 하거나, 원하는 부위를 클릭 드래그로 선택가능
- [ ⌘ + 0 ] : 아트보드지가 화면 크기에 맞는 크기로 표시 됨.
- [ ⌘ + 1 ] : 실제 용지 사이즈로 화면에 표시 됨.
오늘 포스팅은 여기에서 마치도록 하겠습니다. 감사합니다 🙂