본문 바로가기

애프터이펙트 강좌]#08 반짝 빛을 내는 GLOW 효과 간단하게 연출하기 - 모션그래픽 기초에서 중급으로 업그레이드

빠르크의3분강좌 2015. 11. 3.

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


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


오늘은 반짝 빛을 내는 GLOW 효과를 간단하게 연출하는 방법에 대해 알려드리겠습니다.






#1 구글에서 배경이미지 구하기


GLOW 효과를 좀 더 극대화 하기 위하여 배경 이미지를 구글 이미지 검색을 통해 찾아보겠습니다.


뭔가 파티클이나 영상 소스 이용해서 보케 효과를 연출하면 좋겠지만 


구글 이미지 검색을 통해 나오는 이미지들도 상당히 고화질이고 


키프레임 애니메이션 적용시키면 충분히 그럴듯 하게 나옵니다. (네, 쉽게 말하면 이건 야매예요!)



구글에서 bokeh 라고 이미지 검색을 해줍니다.

(관련 링크 : https://www.google.co.kr/search?q=bokeh&safe=off&biw=1680&bih=864&tbm=isch&tbo=u&source=univ&sa=X&ved=0CCAQsARqFQoTCP3Q6IyV9MgCFeMZpgodSrYJNg)





 검색어에 bokeh 라고 입력하면 다양한 이미지들이 나옵니다. 



요 근래 들어 더욱 강화된 저작권과 관련해 함부로 타인의 이미지를 쓰기에는 어려움들이 많지요.


구글링을 통해 이미지 저작권에서 조금은 자유로운 것들을 검색하는 방법은 


다음 그림과 같이 검색도구 - 사용권한 - 수정 후 비상업적 용도로 재사용 가능 을 검색해주시면


저작권에서 조금은 자유로운 이미지들이 검색이 됩니다.








구글링을 통해 다음과 같은 이미지를 구했습니다.










#2 배경 이미지와 텍스트 레이어를 입력해주세요.



다운받은 배경이미지를 넣어주시고, 텍스트도 입력해보겠습니다. (GLOW)




▲ 레이어 구성을 보면 

#1 텍스트 레이어,       

#2 배경 이미지 입니다. 

(배경은 맨 밑에 깔려있어야 합니다)



자, 위에 화면을 보시면 화면 안에 이미지가 꽉 차 있지 않습니다.

제가 만든 컴포지션 사이즈는 1280*720(가로*세로) 픽셀인 반면에, 

구글에서 구한 이미지는 1024*768(가로*세로) 입니다.

이미지 사이즈가 맞지 않기 때문에 애프터이펙트에서 이미지를 크게 키워줘야 합니다.

이미지를 크게 키워주도록 합시다.





▲ 변형(transform) - 비율(scale)을 키워주세요. 지금은 100이지만 한 150 정도로 키워볼게요.





▲ 비율(scale)을 150%로 늘렸더니 화면 사이즈에도 이미지가 꽉 차네요.

약간의 이미지 저하는 감수하셔야 합니다...







#03 텍스트 레이어 복제 후 레이어 모드 변경하기



Glow 효과를 위해 텍스트 레이어를 복제한 후에 레이어 모드를 add(추가)로 변경해보겠습니다.


우선 텍스트 레이어를 선택한 후에 레이어 복제 해주세요.



▲레이어를 복제하는 방법은 


1. 편집(edit) - 복제(duplicate)  방법과                            

2. 단축키 ctrl+d (애프터이펙트 맥 버전은 cmd+d) 입니다.



복제된 레이어에 레이어 모드를 변경해 줍니다.

표준(normal)에서 추가(add)로 변경합니다.




▲ 복제된 레이어는 뒤에 숫자가 붙어요.  모드를 표준(normal)에서 추가(add)로 바꿔줍니다.




▲ 혹시 모드가 안보인다고 하는 분들은 창 하단에 위치한 스위치/모드 전환 버튼을 눌러주세요.




▲ 네, 바로 이 버튼이예요.





▲ 아니면 마우스 오른쪽 버튼 누르신 후에 혼합모드 - 추가(add)로 변경하셔도 됩니다.





▲  글자가 좀 밝아진 느낌이네요.






#04 fast blur(빠른 흐림) 이펙트 적용하기




fast blur(빠른 흐림) 이펙트를 복제한 레이어(GLOW 2)에 적용해줍니다.

먼저 이펙트 창을 열어봅시다. 단축키 : ctrl+5




▲ 빠른 흐림(fast blur)을 검색해주세요.





▲ 흐림 부분을 이리저리 값을 드래그 해주시면

 글자의 혼(?)이 빠져나갔다가 들어오는 것을 볼 수 있습니다.



GLOW2의 글자색을 바꿔볼게요.

단축키 ctrl + 6 을 눌러주세요(문자 패널)



▲ 문자 패널입니다. 글자 색을 변경해줍니다.




▲ GLOW2(복제된 레이어) 는 #FFD90D 노란색으로.





GLOW (원본 텍스트) 는  흰색(#FFFFFF) 으로 글자색을 변경했어요.





#05 키프레임 작업


키프레임 작업을 주어 이제 글자 GLOW 효과를 주겠습니다.


첫 번째는 빠른 흐림(fast blur)에 적용된 흐림에 키프레임을 주었습니다.


0프레임 : 흐림 0

100프레임 : 흐림 170






▲ 키프레임은 저기 스톱워치 아이콘을 누르셔야 합니다. 




두 번째는 배경 이미지에 한 번 넣어볼게요.

비율(scale)에 키프레임을 넣어볼게요.




▲ 배경 이미지가 있는 레이어에 단축키 s를 눌러보세요.




▲ 그러면 scale (비율)만 뜨게 됩니다. 





▲ 0 프레임 : 비율 150%



▲ 100프레임 : 비율 135%







#06 비네팅 효과 적용하기 


비네팅 효과 적용은 다음 포스팅은 참조해주세요 (http://parkpic.tistory.com/153)








#07 에필로그






정리 : GLOW 효과 연출을 위해서는


1. 레이어 복제 후 모드 "추가"로 변경

2. fast blur 적용                             

3. blur(흐림) 조절 (+키프레임) 



        




댓글