애프터이펙트 강좌]#07 움직이는 배경 만들어보기 - 모션그래픽 기초에서 중급으로 업그레이드

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

모션그래픽 기초에서 중급으로 업그레이드 할 수 있는 방법들을 알려드리고자 합니다.

오늘은 움직이는 배경을 만드는 방법을 배워보겠습니다.

---

#1 텍스트 레이어 입력하기 (오버레이 모드로 바꿔봅시다)

▲ 텍스트 레이어를 추가해봅시다. 

마우스 오른쪽 버튼 - 새로 만들기(new) - 텍스트(text)

▲ 레이머 모드를 '일반'에서 '오버레이'로 변경해보겠습니다.

'오버레이'로 변경하면 좀 더 배경에 녹아드는 걸 볼 수 있습니다.

▲ 레이어 모드 "일반" 일 때 (기본값)

▲ 레이어 모드 "오버레이" 일 때 모습 입니다.

배경에 더 녹아드는 것을 볼 수 있습니다.

---

#2 움직이는 배경을 적용할 솔리드 만들기 

▲ 배경으로 만들 솔리드를 추가하겠습니다.

새로만들기(new) - 단색(solid)

▲ 솔리드의 이름은 자유롭게 정하셔도 됩니다. 

저는 편의상 이름을 "배경 솔리드"로 했습니다.

▲ 배경 솔리드에 "프랙탈 노이즈" 이펙트를 적용하겠습니다.

▲ 프랙탈 노이즈를 배경 솔리드에 적용시키면 회색빛 구름의 배경이 생성됩니다.

---

#3 표현식 (expression) 추가를 통해 배경 움직이기

애프터이펙트에서 움직임을 주는 방법은 크게 2가지가 있는데

하나는 키프레임이고, 다른 하나는 표현식 입니다.

표현식은 프로그래밍 공식을 통해 움직임을 주는 방법입니다.

표현식을 적용하는 방법에 대해 보겠습니다.

▲프랙탈 노이즈의 속성 중 진행(0x+0.00)이라고 되어 있는 부분에

표현식을 추가하겠습니다.

클릭해서 활성 상태로 두세요.

 

▲ 표현식을 추가하는 방법입니다. 

애니메이션(animation) - 표현식 추가 (add expression) 

단축키는 shift + alt + = 키 입니다.

▲ 표현식을 추가하면 파란색이던 글씨가 붉은색으로 변경되고 

타임라인쪽에 입력할 수 있는 창이 활성화 됩니다.

▲ 입력창에 

time*300

입력합니다.

▲  time*300 의 뜻은 재생이 되면서 시간이 증가하는데 그 값에 300을 곱하라는 뜻입니다.

진행 값이 변경되면서 프랙탈 노이즈 모양이 변하는데 그것을 연출하기 위함입니다.

---

#4 키프레임 추가를 통해 배경 움직이기

윗 부분이 표현식을 통해 움직임을 주었다면 이번에는 키프레임 추가로 배경을 움직이겠습니다.

▲ 키프레임을 주는 방법은 저기 스톱워치 처럼 생긴 아이콘을 누르면 됩니다.

▲ 일단 가장 처음 프레임에서 값을 부여했습니다.

저는 프랙탈 노이즈의 scale(비율)을 변경하고자 할거예요.

시간이 지나면서 점점 커져오는 프랙탈...

transform(변형) - scale(비율)을 처음에 120%로 주었습니다.

▲ 마지막 프레임으로 가서는 스케일 값을 160을 딱 입력했습니다.

그럼 이제 키 프레임이 적용되었는지 스페이스 키를 눌러보세요.

▲ 배경을 좀 더 강조하기 위해 대비(contrast) 값을 100에서 146으로 주었습니다.

---

#5 프랙탈 배경 색깔 바꿔보기

▲ 프랙탈 노이즈는 회색이 기본이기 때문에 색을 변경해서 쓰셔야 합니다.

▲ tint(색조) 이펙트를 추가하여 줍니다.

*이펙트 창 단축키 : ctrl + 5

▲ "검정으로 매핑"에서 검정색을 변경해줍니다.

▲ 저는 파란색으로 변경해주었습니다.

---

#6 비네팅(vignette) 효과 넣어주기

▲ 비네팅 효과를 적용할 솔리드를 생성합니다.

▲ 솔리드 이름은 vignette 

▲ 새로 만든 솔리드 선택된 상태에서 

메뉴바에 있는 저 원을 더블클릭 해줍니다. 따닥!

▲ 속성에서 마스크 반전됨(inverted)을 체크해주셔야 합니다.

▲ 그 외는 마스크 페더와 마스크 불투명도를 좀 변경해주시면서

보기 좋은 모습으로... 

---

#7 글자를 좀 더 강조해보기

이번에는 글자를 강조해보도록 하겠습니다.

오버레이로 적용된 글자가 있는데,

레이어 복제 후 레이어모드를 다시 일반으로 변경하여 글자를 중첩시켜

좀 더 강조해보도록 하겠습니다.

▲ 텍스트 레이어 생성 후 레이어 복제하기 

(단축키 : ctrl + d)

▲ 복제된 텍스트 레이어의 레이어 모드를 표준으로 변경해줍니다.

     

▲ 글자 색을 반대로 해서 검은색으로 바꿔주고,

선을 좀 더 강조해주었어요. (틀린 그림 찾기)

▲ 다음과 같은 모양으로 적용되었습니다.

---

#8 조정레이어에 곡선(curves)을 적용해서 대비 효과 주기

조정레이어를 넣어주면 좋은 점이 일일이 다 하나하나 이펙트 적용하는 것보다

그냥 조정레이어 하나에다가 넣으면 알아서 밑에 있는 레이어들이 적용되니까

수고를 좀 덜어주죠. 

▲ 조정레이어(adjustment layer) 생성하기

▲ 곡선(curves) 이펙트를 넣어줍니다.

단축키 : ctrl+5

▲ 조정레이어(adjustment layer)에 곡선(curves)를 삽입하여 s자 형태의 곡선을 만듭니다.

곡선을 만드는 방법은 주요 포인트를 마우스로 클릭한 후 드래그를 통해 당겨주시면 됩니다.

이상으로 움직이는 배경을 만드는 튜토리얼 이었습니다.

---

정리 :

모션그래픽에서 움직임을 주는 방법

1. 표현식 (add expression) (단축키 : shift + alt + =)

2. 키프레임 (스톱워치 아이콘을 눌러요)

프랙탈 노이즈는 색깔 바꿔서 쓰세요.