새해 인사를 하는 이모티콘을 제작하려고 할 때 제일 먼저 고려해야 할 사항은 기획입니다.
어떤 "새해인사"를 연출할 까? 글은? 컬러는? 등등 말이죠
그 다음은 캐릭터의 동작이 매우 중요합니다. 동작이 맞지 않으면 엉뚱한 결과를 낳기 때문입니다. 캐릭터 동작을 그리려고 하는데 잘 안되는 사람들은 새배하는 과정을 앵글을 고려하면서 사진으로 찍어 보세요.
그리고 그 사진을 보고 그려보세요.
애니메이션에서는 "원화"가 되는 동작을 키(Key)라고 하고 키와 키의 중간 동작을 "동화"라고 합니다.
GIF 움짤에서는 원화를 그리고 동화는 타임으로 조절한다고 생각하면 됩니다.
동작을 보지 않고도 그릴 수 있는 사람들은 궂이 사진을 찍을 필요는 없겠죠?
1. "야미" 캐릭터의 원화를 볼까요?
일러스트레이터로 그렸습니다. 버전은 중요하지 않습니다.

총 6프레임이죠^^ 그리고 2020년이 경자년이기 때문에 위의 경우처럼 그렸습니다. 어떤 사람들은 그럴 꺼예요. 경자년이면 쥐를 캐릭터로 설정해야 하는 거 아니냐고....^^ 그러나 저는 "야미"캐릭터를 키우는 중이라 야미를 전면에 세웠습니다.
2. 다 그렸으면 내보내기(Export)를 합니다.
그러기 위해서 하나의 동작씩 프레임이 있는 상태에서 새로운 창을 만든 다음 가져갑니다. Copy / New / Paste
그 다음 직접선택 툴(Direct Selection Tool)로 프레임을 선택한 후 탑 메뉴(Top Menu)의 오브젝트(Object)/ 트림마크 만들기(Create Trim Marks)를 선택하여 트림마크를 만듭니다.
그 다음 탑 메뉴(Top Menu)의 내보내기(Export)를 합니다. 확장자는 jpg 또는 gif 모두 상관없습니다.

6프레임을 모두 이렇게 내보내기 합니다. 내보내기 할 때 새로운 폴더(New Folder)를 만들고 이름을 써 놓으면 좋겠죠^^
3. 포토샵에서 불러오기
포토샵 파일(File) / 스크립트(Scripts) /스택 불러오기(Load File into Stack)


4. 액팅하기
이렇게 불러왔으면 액팅을 해야 합니다. 액팅을 할 때에는 액팅(Acting)에 대한 타임(Time) 설정을 조심하시기 바랍니다.
타임 설정을 할 때는 새해 인사를 한다고 생각하고 타임을 줘보세요. 저는 아래와 같이 줘 봤습니다.

5. 웹용 움짤 저장하기
파일(File) / 웹용저장(Save for Web & Devices)하기를 선택하면 아래와 같이 대화상자가 뜹니다. 저는 이미지 크기(Image Size)를 365로 설정 하였습니다. 꼭 이 크기로 하라는 것은 아닙니다. 쓰이는 용도에 맞게 설정하면 됩니다.

6. 움짤 결과물
여러분도 참고로 해서 만들어 보세요^^

<The end>