포토샵으로 움짤 만들기 활용편 - 애니메이션 효과

 

이번 시간에는 비디오 애니메이션 기능을 사용해서

움짤에 애니메이션 효과를 넣는 방법을 배워보겠습니다 

움짤을 만드는데 필수적인 기능은 아니지만 

배워두면 재미있는 효과들을 넣을 수 있어요 

그럼 애니메이션 기능 하나씩 차례대로 알아볼까요 

 

 

먼저 애니메이션 효과를 넣기 위해서는 프레임 애니메이션을 비디오 타임라인으로 변환해주어야 합니다 

 

먼저 프레임 애니메이션에서 작업한 움짤을 띄우고 

하단에 표시한 아이콘을 누르면 

 

이렇게 비디오 애니메이션으로 바뀝니다 

 

비디오 애니메이션으로 변환한 타임라인 창에서

애니메이션 효과를 주고 싶은 레이어를 왼쪽의 화살표를 누르면 

다양한 애니메이션 효과를 선택할 수 있어요

 

하단 슬라이더로 비디오 레이어를 확대/축소할 수 있고 

상단의 CTI (파란색 삼각형 표시기) 으로 원하는 프레임으로 이동할 수 있습니다

 

* 비디오 타임라인에서 애니메이션 효과를 넣고 움짤로 저장하는 경우 

다시 프레임 애니메이션으로 되돌릴 필요 없이 비디오 타임라인 상태에서 바로 저장하시면 됩니다 

프레임 애니메이션으로 되돌릴 경우 애니메이션 효과가 유지되지 않는 경우가 많기 때문에 

프레임 애니메이션에서 가능한 작업들은 (예. 프레임 지연 시간 설정) 미리 해놓고 

비디오 타임라인으로 전환해주세요!

 

위치 

 

뒤에 모사쯔 따라가는 자막을 이 기능으로 만들었어요 

대상을 움직이는 효과를 넣어주는 기능입니다 

 

애니메이션 효과가 시작될 프레임으로 이동한 후

위치 옆의 시계 아이콘을 누르면 해당 애니메이션 효과가

활성화 되고 해당 프레임에 키프레임이 생성됩니다 

키프레임 단어가 낯설다면 애니메이션 효과의 시작점이라고 보시면 돼요

 

애니메이션 효과가 끝나는 프레임으로 이동한 후 

시계 아이콘 옆의 키프레임 을 누르면 해당 프레임에 키프레임 (애니메이션이 끝나는 지점) 이 추가됩니다 

 

이동 툴으로 대상을 원하는 위치로 옮겨주면 

 

이렇게 움직이는 지코바가 나오게 됩니다 

 

단, 모든 레이어를 위치 기능으로 움직일 수 있는 건 아니에요

윗 짤처럼 단색 레이어에 마스크로 도형을 만들었을 경우 도형을 움직이려면 레이어 마스크 위치를,

도형 툴로 만든 레이어를 움직이려면 벡터 마스크 위치를 사용해서 움직여야 합니다 

 

레이어 마스크 위치 기능을 사용하면 이렇게 보정 전/후 비교짤도 쉽게 만들 수 있어요

 

보정 레이어들을 그룹으로 묶은 후 그룹에 레이어 마스크를 생성하고 

 

레이어 마스크 위치를 사용해 마스크가 움짤 밖에서 안으로 움직이게 설정해주면 됩니다

 

지난 강의에서 썼던 이 짤도 반투명한 회색 선을 만들고 블러셔 강조에 쓰인 레이어들만 묶어서 마스크를 회색 선과 같이 이동시켜서 만들었어요

 

변형 

 

대상을 자유 변형시키는 애니메이션 효과를 주는 기능입니다 

변형 효과는 일반 레이어에서 사용할 수 없구요 

고급 개체로 변환해야 사용할 수 있습니다 

 

레이어 창에서 레이어를 우클릭한 후 고급 개체로 변환을 눌러주세요 

 

위치 효과가 변형으로 바뀌었어요 

 

사용 방법은 위치 기능과 같지만 이동 툴이 아닌 자유 변형 툴(ctrl+t) 을 사용합니다 

대상을 이동시키는 것뿐만 아니라

확대하고 축소하고 찌그러뜨리고 늘리고 돌리고 별별 효과를 다 넣을 수 있어요! 

 

쭈그러들고 돌고 사라진 돈까스

 

 

움짤 움직이기 

 

움짤 자체에 애니메이션 효과를 먹이기 위해선 

움짤 레이어들을 하나의 고급 개체로 바꿔줘야해요 

4강에서 빠르게 필터 효과 적용하기에서 소개해드린 방법과 같이 움짤을 고급 필터용으로 전환해줍니다 

 

비디오 타임라인 상태에서 레이어 창에서 모든 움짤 레이어를 선택, 필터 탭에서 고급 필터용으로 전환을 눌러줍니다 

 

* 비디오 타임라인으로 전환 전, 프레임 애니메이션에서 리사이즈, 크롭, 조정 레이어로 보정을 해주셨다면 

타임라인 창에서 햄버거 버튼을 누르시고 레이어로 프레임 병합을 누르시고 

레이어 창에서 새롭게 병합된 레이어들을 모두 삭제, 새롭게 병합된 레이어들만 선택해서 

고급 필터용으로 전환해주시면 됩니다 

 

이해가 잘 안가시면 

umgo.tistory.com/190

포토샵으로 움짤 만들기 4강. 노이즈 제거와 선명 효과, 액션

에서 하단의 '빠르게 필터 효과 적용하기' 부분에서 고급 필터용으로 전환, 기존 레이어 삭제 부분까지만 보고 따라해주세요!

 

변형 효과로 움짤 위치를 이동시켜주면 

 

짠! 움직이는 미나리가 나왔습니다 

 

활용하면 이렇게 움짤 2개를 붙여서 만든 후 변형 효과로 화면을 넘기는 것처럼 연출할 수 있어요 

윗 움짤에 사용된 부드러운 움직임은 심화편에서 알아볼게용 

 

 

불투명도 

 

마지막으로 배워볼 효과는 불투명도 효과입니다 

 

이전에 배운 효과들과 동일하게 불투명도 효과를 생성하고 키프레임을 찍은 상태에서 

레이어 창에서 불투명도를 설정해주시면 됩니다 

 

방금 배운 위치 효과와 불투명도 효과를 활용하면 이런 재밌는 효과도 만들 수 있어요

 

갑자기 켜진 조명을 중화시키는 용도로도 쓸 수 있어요 

윗 움짤은 중간에 갑자기 미나에게 색조명이 켜진게 눈에 띄죠? 

무대에서 조명이 켜지고 꺼지는건 흔한 일이지만

보정을 하다 보면 대비와 채도를 높이면서 조명이 켜지고 꺼지는 차이가 

눈에 띄게 보이는 경우가 많습니다 

 

조명이 켜지기 전과 후의 차이를 최대한 줄이기 위해서 

명도의 차이를 줄이기 위해서 레벨 레이어를, 조명의 색이 노란색 계열인 것을 감안해 

선택 색상과 색상 균형 레이어를 사용해 색조 차이를 줄여봤어요 

 

조명이 켜지기 바로 전 프레임까지 불투명도를 0%, 켜진 후 100%,

유지하다가 이후 색조명이 옅어지는 구간부터 서서히 0%로 줄였어요 

 

짜잔 

전보다 조명이 켜지고 꺼지는 차이가 덜 느껴지죠? 

 

궁금한 점 있음 댓글로 알려주세용