360x360px 크기의 이모티콘을 일러스트레이터와 포토샵을 통해 2D그래픽의 벡터드로잉이 레스터(비트맵)드로잉한 캐릭터로 움직이는 GIF애니메이션 방식을 이해하고 따라 해보세요. 아래는 카카오톡 계정이 있으면 누구나 이모티콘을 제작해서 제안할 수 있는 카카오 이모티콘 스튜디오의 공식사이트 배너입니다.
캐릭터 이모티콘을 일러스트레이터, 포토샵으로 제작하는 방법외에도 다양한 그리기 앱을 톨해서도 제작할 수 있지만, 그림이 깔끔하고 다른 베리에이션으로 표현하는 방법으로 이번 시간에 제안하는 방법을 필자는 추천합니다.
캐릭터 구상 후 기본동작 하나 제작해보기
01. 일러스트레이터에서 Web형식으로 360x360px레이어를 구분한 결과물을 저장하고 File-Export-Export As...를 누르세요.
02. 파일형식에서 Photoshop(PSD)파일을 선택해 줍니다.
03 최종 해상도 결정하는 부분에서 Resolution 항목에서 Screen 72ppi를 선택하고 OK를 누르면 PSD파일이 됩니다.
04. 포토샵에서 열어보면 레이어 그대로 레스터(비트맵)이 된 캐릭터, 배경등이 그대로 보여집니다. Workspace를 Motion으로 선택하여 바꾸면 하단에 Timeline이 보여집니다. Create Frame Animation을 선택하고 항목버튼을 누릅니다.
05. 포토샵에서 프레임을 구분해서 애니메이션을 제작해 줍니다. 24프레임 이하로 제작하는 것이 카카오 이모티콘의 제한입니다.
아래 배너를 누르고 구글드라이브에 연결된 서체들을 선택해서 설치해보세요. 각자 취향에 맞는 서체를 고르는 것도 하나의 기술력과 표현력입니다.
DOODLAND 두드랜드
계란, 과일, 화장지, 마스크 등 사물을 기반으로 일러스트레이터 표정으로 영상물 제작해 600만의 구독자가 보는 두드랜드에서 포트폴리오의 아이디어를 얻어보세요.
https://www.youtube.com/@Doodland_
'2D 그래픽 제작' 카테고리의 다른 글
일러스트 포트폴리오 제작 가이드 (1) | 2024.04.02 |
---|---|
2D 그래픽제작 - 캐릭터 기본형 - 스케치에서 일러스트 작업까지 (2) | 2024.03.20 |
아이디어스케치를 벡터형식으로 변환 (0) | 2024.03.04 |
Photoshop Preferences-General(Ctrl+K) (0) | 2024.01.17 |
포토샵 - 다양한 디자인시안 베리에이션, Image-Duplicate (0) | 2023.09.07 |