애프터이펙트 AE/애프터이펙트 3분강좌

애프터이펙트 강좌]#18 컬러 트래지션 color transition - 모션그래픽 기초에서 중급으로 업그레이드 하기

빠르크 2015. 11. 23. 22:02
반응형

안녕하세요 빠르크 입니다.


애프터이펙트를 이용하여 모션그래픽의 기초에서 중급으로 업그레이드 할 수 있는 방법들을 알려드리고 있습니다.


오늘은 컬러 트래지션 color transition 을 구현해보도록 하겠습니다.





컬러 트래지션의 핵심 원리는 바로 매트(루마)입니다.


제작과정은 아래와 같습니다.






#1 텍스트가 들어간 컴포지션 만들기 (color_text1)



예제에 들어간 첫 번째 화면에는 3가지 레이어가 있어요.


1번은 비네팅을 위해 들어간 솔리드 레이어

2번은 텍스트 레이어 

3번은 배경색을 넣은 솔리드


아래 그림처럼 레이어를 배치해주시면 됩니다.





▲ 레이어를 배치하신 후에 pre-compose 해주세요 (color_text1 으로 컴포징)




▲배경과 글자색만 달리한 2번째 텍스트 화면입니다. pre-compose 해주세요 (Color_text2)





#2 트랜지션 화면 (shape layer 활용) 제작하기



트랜지션 화면은 shape layer를 추가해주시고 

키프레임을 활용하여 제작합니다.



▲ 새로운 컴포지션을 생성한 후에 

shape layer를 추가해줍니다.




▲ shape layer만 추가된 상태이기에 

모양을 만들어주어야 합니다.

메뉴 퀵바에서 사각형이나 원을 더블클릭해서 생성해도 되고

마우스로 드래그해서 만드셔도 됩니다.




▲ 저는 스케일을 키프레임을 주어서 연출을 해보기로 했어요.

항상 조절하실 때 체인으로 연결된 부분을 체크 해제 해주셔야 합니다.

그림에서는 가로가 0%이기 때문에 보이지 않습니다.




▲ 가로 스케일이 0%인 상태이기 때문에 저렇게 실선으로 보입니다.




▲ 적당한 곳에 키프레임을 두어서 가로 스케일을 키워주세요.




▲ 키프레임이 진행되는 중간의 화면입니다.





▲ 마지막 키프레임에서는 하얀 화면이 다 나오도록 합니다.


*하얀 화면(fill을 하얀색으로 해주세요) 으로 해야 보입니다. 

검은 화면으로 했더니 왜 안나오나 시행착오를 겪었습니다.





#3 프리컴포즈 된 레이어 배치 순서



(눈 체크해제)1. color_matte (트랜지션 효과 적용된 shape layer) 

(눈 보임)      2. color_text2 (2번 화면) (루마Luma 적용)

(눈 보임)      3. color_text1 (1번 화면) (맨 처음에 보입니다)



▲레이어 배치는 다음과 같아요. 

트랙매트 모드에서 2번 화면은 꼭 루마Luma 적용 시켜줘야 합니다.







▲ 다음 그림과 같이 적용됩니다. 

트랜지션 화면은 연출하기 나름인듯 합니다.






애프터이펙트를 이용해 멋진 영상 만드는 데 

이 강좌가 도움이 되었다면 

아래의 공감 버튼을 눌러주시면 감사하겠습니다.






반응형