Ae 5-2편. 일러스트레이터 파일(Ai)을 활용한 포트폴리오 제작

포토샵과 일러스트레이터는 After Effects에서는 레이어 그대로를 가져와(Import) Compositon(이하 콤프 Comp)로  구성되어 모션그래픽을 할 수 있는 다이나믹링크의 정수를 보여주는 조합이 가능합니다.  반면에 After Effects에서  일부 혹은 한장면 한장면을 그려나가는 방식을 상당히 많을 시간을 요할 수 있습니다.

 

 

 

 

애괴CCL.ai

0.38MB

 

 

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

 

댕댕이마을.ai

0.76MB

 

댕댕이 얼굴 레이어를 복제해서 다른 표정을 만들어 주고, 얼굴표정의 변화는 Layer-Split Layer SC+D를 이용해서 아래 그림과 같이 하나의 클립을 인디케이터 기준으로 현재의 레이어를 분리해서 전/후로 마디 하나하나가 이어지게 자르는 편집기법도 있다. 

 

★Ai로 Ae작업시 참고 : Ai파일을 가져올때 ★Import As... Comp Retain Layer Size / 관련대상 레이어끼리 콤프(Pre-Comp, ★콤프화면 하단의 Region of Interest로 범위를 정하고 Crop Comp to RoI로 대상에 맞춰 자르기로 여러마리 표현가능, ★KF3개의 변화를 주고 KF앞 스톱워치를 Alt키 누르며 클릭하고, LoopOut()추가하면 반복됨 )

★Ai레이어를 그대로 가져와서, 준비중인 그림은 미리 Ai레이어를 빈거라도 준비, 그림 표현하면 Ae에서도 그대로 반영됨(Update)★만약에 뒤늦게 레이어 추가한 경우에는 Footage로 레이어 선택해서 가져 와야한다.

 

 

Transform과 효과 단축키
After Effects Work Area, Keyboard Shortcuts : B, N Begin ~ eNd / Clear WA : CA+B 

 

---

 

Animation in After Effects FULL COURSE

걸작에는 시간과 노고가 필요하다는 것을 증명하는 부분인 것 입니다. 

일러스트레이터의 원본인 Ai파일을 가져와서 애프터이펙트의 애니메이션작업은 아래 2개의 영상을 참고하세요.

 

character animation frames

 

https://www.freepik.com/search?format=search&last_filter=query&last_value=character+animation+frames&query=character+animation+frames

 

 

 

일러스트레이터를 활용한 모션그래픽

 

---

Frame By Frame기법으로 After Effects에서 애니메이션을 표현하기 위해 드로잉과 모션그래픽 작업하는 과정을 참고한다면 단편적인 애니메이션을 제작할 수 있습니다. 

펜툴을 이용해서 일일히 Shape를 만들어서 표현한 모션그래픽

 

4시간 21분 드로잉과 애니메이션 전체 과정은 아래 영상을 참고하세요.

After Effects에서 4시간에 걸쳐서 Frame By Frame Animation에 프레임 마다 일일히 펜툴로 그려서 표현한 기법소개영상 

---

 

일러스트레이터의 기본포맷인 Ai와 함께하는 Ae포폴-마을풍경 프로젝트  작업소스를 파일을 공유하고 학습해봅니다.

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

 

 

 

Ai파일을 After Effects에서 Comp형태로 가져오는 방법

Adobe Illustrator 작업파일(Ai)을 Import로 가져올때는 Import As: Composition - Retain Layer Sizes를 선택하고 Import 버튼을 눌러서, 쉽게 Adobe Illustrator파일의 Layer를 유지하고, 각 Object의 크기만큼 쉽게 모션그래픽을 할 수 있습니다. Adobe Illustrator에서 수정한 내용은 바로 Dynamic Link기능으로 바로 Update가 되니 Adobe제품군들끼리의 협업을 여기에서 느낄 수 있습니다. (타사의 영상편집과 모션그래픽 응용프로그램들이 못하는 파일간의 네트워킹 작업은 Adobe의 우월함을 느낄 수 있는 부분입니다.)

 

별도로 Footage형태로 가져올 경우는 별도로 All Layer, 혹은 Choose Layer로 가져와서 별도의 새로만든 Comp속에 삽입해서 레이어를 추가하는 요소로 사용해야 합니다. 

 

 

누락된 작업소스들인 Footage 손실없이 가져가기 위해서는 

애프터이펙트에서는 File - Dependencies - Collect Files   [Collect...] 버튼으로 푸티지 포함해 백업저장하고. Save As...로 17x버전으로 낮은 버전 저장한 파일입니다. 프리미어 프로의 프로젝트 매니저로 푸티지를 이용합니다. 

 

 

 

일러스트레이터와 애프터이펙트  콤프작업/프리콤포즈(Pre-compose), QR코드를 이용한 정보제공을 담은 제작기법을 소개합니다.   영상속에 담을 수 있는 QR코드는 MQR [ http://mqr.kr/ ]을 이용했습니다. 영상속에 담고자 하는 인포그래픽 요소로 정보를 제공하며 더 많은 정보를 담은 URL, SMS등의 미디어 연결로 다양한 서비스를 연결시킬 수는 IT키술인 QR코드를 활용하세요.

---

Next

https://oztv.tistory.com/166

Ae 6-1편. 자체움직임 갖는 개체의 경로운동