일러스트레이터로 이모티콘을 제작할 때 필요한 기본 기능에 대해 작성하였습니다. 그림에 효과를 주는 Distort & Transform(왜곡과 변형), Stylize(스타일화) 중에서 폰트에 극적인 효과를 주는 Scribble Options(스크리블)을 익혀두시면 나만의 독특한 폰트를 제작하실 수 있습니다 : )
지난번 포스팅에서는 이미지 1개로 gif를 제작하는 방법에 대해 설명드렸는데, 이번에는 Puppet Wrap Tool(퍼펫 뒤틀기 도구)로 gif를 생성하는 방법에 대해 작성했습니다. 일러스트에서 포토샵으로 이미지를 가져올 때 360*360 pixel로 설정된 그대로 가져오는 게 아닌 경우 포토샵에서 다시 360*360 픽셀로 재설정해야 하니 이 부분도 포스팅 하단을 참고하시면 되겠습니다.
2022.01.13 - [이모티콘 제작] - 이미지 1개로 GIF 이모티콘 만드는 방법
마지막으로 Live Paint Bucket(라이브 페인트 통) 사용법에 대해 익혀두시면 밑그림이 그려진 종이를 가져와서 작업할 때 아주 쉽고 빠르게 채색을 할 수 있습니다!
목차
1. Effect - Distort & Transform 기능
2. Effect - Stylize 기능
3. Draw inside 기능
4. Puppet Wrap Tool 활용해서 GIF 만들기
5. 포토샵에서 크기 360*360 픽셀로 지정하는 방법
6. Live Paint Bucket 사용법
참고
삼각형 만들 때 Polygon Tool → atrboard 클릭 : 꼭짓점 수 3으로 입력
or 화살표로 업다운
Ctrl + g : 그룹화
Ctrl + d : 반복행동
브러쉬/ 지우개/ 펜 등 크기 조정
[ : 작게
] : 크게
■ Effect - Distort & Transform (효과 - 왜곡과 변형)
1. Free Distort 자유 왜곡 : 그룹이 많이 져있어서 건물, 도형 색을 한 번에 왜곡을 줄 수 있어서 좋음 & 그룹을 해제하지 않고 한 번에 효과 줄 수 있어서 좋음
2. Roughen 거칠게 하기 : 도형 모양을 거칠게
2. Tweak 비틀기 : 비틀기 효과
3. Zig Zag 지그재그
4. Twist 비틀기
별들을 그룹으로 잡고 진행할 것
twist : 별이 불가사리 모양같이 회전함
■ Effect - Stylize (효과 - 스타일화)
1. Drop Shadow 그림자 만들기 : 그림자 효과
- Darkness : 투명도도 조절 가능
- Mode : Normal/Multiply로 하는 게 좋음
2. Feather 패더 : 윤곽이 흐려짐
ex. 나무 아래 그림자 지는 효과 줄 때 많이 사용
3. Inner Glow 내부 광선 : 내부에 광선을 쏘는 것, 내부에 쏠지 외곽에 쏠지 어떤 색으로 할지 결정 가능, 자연스러운 음영을 줄 수 있음, 단순한 이모티콘 만드는 것보단 섬세한 일러스트 사용할 경우에 사용
cf. Feather는 겉에가 흰색으로 지워지는 것, 색 변경 불가/ Inner Glow는 색 변경이 가능 ≒ 그러데이션이랑 비슷
4. Outer Glow 외부 광선 : 외부광선은 위치 조절 불가
cf. Drop Shadow는 위치조정 가능
5. Round Corners 모퉁이 둥글리기 : 부드러운 효과
6. Scribble Options 스크리블 : 보통 폰트 효과 줄 때 많이 사용
■ Draw Inside 내부 그리기
※ 굉장히 많이 사용하는 기능
개체 선택 후 클릭, 도형 내부에만 그려짐
■ Puppet Wrap Tool 퍼펫 뒤틀기 도구 활용해서 GIF 만들기
압정 클릭해 놓으면 고정, 그 압정 이동시키면 움직임, 삭제는 그냥 압정 누르고 delete 누르면 됨
(▼일러스트레이터)
1. 이미지 변화 준 후
2. Asset Export - 세가지 이미지 드래그 이동 - 전체 드래그 - Export
(▼포토샵)
3. 포토샵에서 이미지 열고(이미지 하나 열고 난 후 나머지 이미지 드래그해서 붙임)
4. 눈 표시 Layer 1만 켜놓고 다 끈 상태로 Create Frame Animation 클릭
5. 눈 표시 하나씩 돌아가며 Duplicates selected frames 클릭
6. gif로 저장 : ctrl + art + shift + s
7. GIF 128 Dithered : 디더링 = 좀 더 자연스러운 색감으로 저장됨
※ 이렇게 개별로 넘겼을 경우 포토샵에서 크기 360*360 픽셀로 지정하는 방법
■ Live Paint Bucket 라이브 페인트 통
내가 종이에 그린 그림을 일러스트에서 채색하고자 할 때(이때 스케치를 끊기지 않고 두껍게 해야 함)
1. 스케치 붙여 넣고 - Image trace - high fidelity photo - expand
2. 툴바의 Magic Wand Tool - 스케치 배경 클릭 : 종이 재질 느낌 사라짐
3. Live Paint Bucket으로 같은 부분 채색 한 번에 쓩쓩~ (일일이 선택해서 채색하는 것보다 시간이 단축됨)
채색할 건 ctrl + g
채색이 회색조로만 될 경우 color에서 RGB
'이모티콘 제작' 카테고리의 다른 글
| 일러스트 펜슬 툴로 손으로 그린 효과 , 그림자 만들기로 3D효과 내기 (0) | 2022.01.21 |
|---|---|
| 일러스트로 이모티콘 제작 기본 기능 : 나만의 폰트와 패턴 만들기 (0) | 2022.01.17 |
| 이미지 1개로 GIF 이모티콘 만드는 방법 (0) | 2022.01.13 |
| 일러스트로 이모티콘 만들기 : Puppet Warp Tool과 포토샵으로 GIF 생성하는 방법 (0) | 2022.01.12 |
| 일러스트로 이모티콘 만들기 필수 기능 : 오브젝트 합치기와 나누기, 글자 이미지화 방법 등 (0) | 2022.01.11 |
