Ae 카메라활용한 모션그래픽(일러스트레이터,포토샵)

Ps 활용한 모션그래픽 작업

프리미어와 에펙으로 댕댕이편입니다.  각기 다른 장면은 별도의 프로젝트와 콤프로 만드는 것입니다. 트림패스와 3D 카메라오프닝 만들기 작업한 애펙파일의 각각 콤프파일을 프리미어 프로에서 C+I 로 프로젝트를 먼저 정하고 다음으로 여러분이 가져올 콤프파일을 현재 프리미어에 영상의 일부인 것처럼 가져와서 작업을 하면 원하는 영상편집을 통해 쉽게  mp4파일로 내보내기 할 수 있습니다.

 

포토샵의 레이어 이름을 명확히 구분하자. 불필요하게 이미지 크기를 줄일 필요는 없다.  배경을 필히 제거한 이미지로 구성되어 있어야 한다. 포토샵은 비트맵이미지라 화면에 맞게 줄여놓으면, Ae작업시 이미지 품질이 떨어질 수 있다는 점을 고려하는 것이다.

 

1. 프로젝트 생성후 별도의 Comp를 만들지 않고, 불러오기(C+I)한다.

 

2. 불러오기에서 PSD파일을 선택하고, 아래 옵션을 확인하여 불러오자.

▶Importing Adobe Photoshop File(PSD)
Import Kind : Composition - Retain Layer Sizes / Layer Option : Editable Layer Styles

레이어 크기 유지하는 콤포지션으로, 레이어 스타일이 있으면 편집가능하게 라는 옵션이다.

 

 

 

3. Impprt한 PSD파일명으로 하나의 Comp1이 생성된것을 확인한다. 각각의 레이어도 동일하게 배치되어 있다.

4. PSD파일로 구성된 새로운 Comp를 설정(C+k)을 통해  3D Render를 기본 Class 3D로 바꾸자.  두께를 줄필요가 없다면, 기본 Class 3D렌더러가 작업 능률이 더 월등하다.

5. 카메라추가와 하늘을 제외하고, 전체 레이어를 3D레이어로 전환시키고 Z축으로 배열하기

카메라 무빙을 위해 꼭 카메라를 추가해야한다.   카메라를 추가했다면, 1 view로 된 view mode를 2 view Horizontal 로 보기를 바꾼 후, 각각의 레이어별로 Z축으로 배치해본다.  카메라를 기준으로 무대와 주인공들을 멀리, 가까이 Z축으로 배열하는 것이다.

 

 

6. 카메라 무빙 애니메이션

배열된 각각의 3D 레이어들을 스쳐지나가는 카메라 무빙 키프레임을 적용해서 진행한다. 자세한 사용법은 아래 영상을 참고하자.

 

 

 

 

 

이모션댕댕이.zip

1.85MB

 

 

PNG 이미지를 구할수 있는 곳
 freepik  |  freePNGimg |  Pixabay  

 

아래파일 다운로드 소스제공

Ae_PSDwow.zip

6.78MB

 

1차 퍼핏을 이용한 움직이는 집과 바나나

famopenin_01.aep

0.40MB

 

 

---

 

Ai를 활용한 모션그래픽작업

 

How to Make an Opening Title in After Effects & Premiere Pro CC (Source Footage : PSD, AI)

포토샵파일속에는 풍경이미지 각요소별 레이어가 별도로 되어있습니다. 각각의 레이어들을 3D레이어화 한후에, 카메라 무빙을 해보겠습니다. 

 

만화 소년 캐릭터 템플릿 | 무료 벡터

 

 

https://youtu.be/EMBnMpgJkQs

강좌원본영상을 보려면 영상의  URL을 클릭하세요.

 

After Effects에서 Photoshop 파일을 가져와서 하는 것처럼 동일한 작업도 가능한데, 

1. 프로젝트 생성후 별도의 Comp를 만들지 않고, 불러오기한다. 

 

 

2. 불러오기에서 Ai파일을 선택하고, 아래 옵션을 확인하여 불러오자.

 

▶Importing Adobe Illustrator File(AI) 
Import Kind : Composition / Footage Dimensions : Layer Size

 

 

ai 다운로드

Happy_Tour_v2.ai

0.35MB

 

 

 

벡터 고유의 품질이 떨어지게 보이는 경우에는 아래 그림과 같이 “Continuously Rasterize” 버튼을 누르고 작업하면 Ae에서 드로잉한 Shape처럼 좋은 품질로 작업을 할 수 있다.

 

 

 

 

 

 

 

 

 

 

 

 

한장으로된 바다관련 PNG이미지를 활용해서 포토샵의 레이어를 활용해서 바다관련 오프닝을 만들어보다.

 

 

일러스트레이터 파일을 가져오기(Import)시의 기본 옵션을 위와 같이 지정하면 포토샵과 같이 작업가능하다.

 

After Effects에서 PSD, AI파일을 Import해서 3D Layer상태에서 Camera의 Positon과 Point of Interest에 Key Frame Animation하는 방법을 소개합니다.  포토샵과 일러스트레이터는 가급적  각각의 레이어별로 작업을 해아한다.  쉽게 레이어구성 그래도 가져와서 Comp를 생성하는 방법을 알면 더 좋습니다.

 

 

kids-3171905.svg

0.06MB

 

---

 

일러스트레이터를 활용한 오프닝 영상의 제작사례

냐옹은 페이크다 타이틀은 AE에서 만든 애니메이션으로 AI, PSD파일등이 이용되었다.

 

냐옹은 페이크다 타이틀 Decoding Meow Title Song from ZZZTV on Vimeo.