본문 바로가기


일러스트와 포토샵활용한 GIF송아돼지(송피그)

1개의 레이어에 다수의 오브젝트를 표현할 수 있는 일러스트레이터에서도 필요한 경우에 레이어를 구분한 작업을 합니다. 프레임마다 다른 변화를 통한 애니메이션 기법을 위해 이번 작업에 그런  작업을 해보겠습니다.

 

 

 

 

일러스트레이터(줄여서 일러스트)에서 각각의 개체들을 동물캐릭터의 구성요소로 제작해 1개 레이어에 완성했습니다.  각기 다른 구성요소들의 변화로 캐릭터의 움직임을 주고 싶어 레이어 구조 그대로로 복제된 레이어들 마다 다른 동작을 표현했습니다.  위 작업에 사용한 기본적인 일러스트의 사용법을 조금 알아야 합니다.

 

 

일러스트의 Object의 기본개념과 Object들의 묶음인 Group, 선택한 오브젝트 잠그기 Lock,  감추기 Hide등의 개념은 아래 게시물을 참고하세요.

 

일러스트레이션 기초1 - 오브젝트, 변형, 펜툴, 패스파인더

NCS학습모듈의 일러스트레이션의 학습목표는 광고 콘셉트 표현을 위한 일러스트레이션 계획을 수립하고 수작업과 컴퓨터 일러스트레이션을 하는 능력을 갖출 수 있다. 03_일러스트레이션.pdf 유

oztv.tistory.com

 

 

 

일러스트에서 각각의 레이어 모두 보이게 한 상태에서 File- Export -Export As... 메뉴로  PSD파일로 지정해서  기본 해상도 72ppi로 맞춰 내보낸 상태에서 PSD(포토샵 파일)이 되어 이모티콘 GIF를 만들어 보겠습니다 아래 원본 Ai파일을 교육목적으로 공유합니다.

songpig.ai
0.41MB

 

 

일러스트레이터에서 레이어 구조로 다른 캐릭터의 표현을 목적으로 복제된 레이어들을 모두 보이게 한 상태에서 Export as... 메뉴로  포맷을 PSD파일로 지정해서  기본 해상도 72ppi로 맞춰 내보낸 상태에서 송피그 이모티콘 GIF를 만들어 보겠습니다

 

 


 

 

01. 애니메이션 작업을 위해서 Photoshop에서 Workspace를 Motion으로 변경해줍니다.

 

 

 

02. Workspace의 Motion에서 Creat Frame Animaiton을 확인하고,  클릭해서 프레임애니메이션을 진행합니다.

 

 

 

03.프레임 애니메이션을 진행합니다. 대부분 현재 프레임을 복제하고 뒤에 복제된 프레임에서 레이어와 그룹의 눈아이콘을 보고, 끄고 등의 단순 애니메이션입니다.  

 

 

04. Save for Web [CAS+S]로 GIF128 Colors Matte:None으로 맞춘 후 내보내기를 합니다.

 

 

 

 

 

05.  내보내기한 GIF파일을 Power Point에 삽입해 확인 해 봅니다..

 

 

 

 

 

 

 

songpig.psd
0.44MB

 

 

 

https://emoticonstudio.kakao.com/mypage/proposals/auditions

 

카카오계정

 

accounts.kakao.com