본문 바로가기
GIF 튜토리얼

[움짤 제작스킬] SP. 순차적으로 한 화면에서 재생되는 움짤만들기

by Jinsy 2013. 2. 8.


이미지 클릭시 움짤 만들기 강좌 모음으로 이동(ctrl+클릭 새창)


이번에 알아 볼 내용은 한 화면에 순차적으로 재생되는 gif 애니메이션 입니다. 예전에 배웠던 한 화면에 움짤 넣기의 응용편으로 간단하게 제작이 가능합니다.


※이 강좌는 포토샵 중급자 이상을 대상으로 작성한 글입니다. 움짤의 기초적인 내용은 상단의 이미지를 클릭해서 참고하세요.

 

한 화면에 움짤넣기 강좌 링크

 

 

완성 예시입니다. 한 화면이 멈추면 다음 화면이 움직이는 움짤입니다.

자세한 설명은 생략하고(전에 작성한 내용은 넘기고) 중요한 부분만 다루겠습니다.


1. 전 강좌를 참고해서 캔버스의 여백만들기를 끝내면 아래와 같이 2개의 파일을 만들어 불러옵니다.

 



2. 여기서 완성이 될 쪽을 psd1, 붙여넣을 복사본을 psd2라고 하겠습니다.


3. psd2의 모든 프레임을 복사합니다. psd1의 애니메이션창에서 가장 마지막 프레임을 선택하고 붙여넣기를 하면 Paste Frames 메뉴가 나오는데 여기서 Paste After Selection을 선택합니다. 아래와 같이 애니메이션창이 활성화 됩니다.(붙여넣기의 전과정은 지난강좌 참조)

 

 

붙여넣은 부분이 마지막 프레임의 다음에 붙여지는 것을 볼 수 있습니다.


4. 이제 필요없는 psd2는 닫아도 됩니다. 붙여진 psd2의 첫프레임(위 그림에서는 60프레임)과 맞는 레이어를 찾습니다.(눈이켜진)


5. psd1의 첫프레임을 선택하고 방금 찾은(60프레임) 레이어 눈을 켜줍니다. 그러면 모든 psd1 레이어에 psd2의 첫프레임이 들어가는 것을 확인할 수 있습니다.


 

60번 이전 프레임들에 모두 60번 프레임 이미지가 들어간 것이 보입니다. 이렇게 첫번째 빈공간을 채울 수 있습니다. 60프레임이 되기전까지 계속 멈춰진 모습으로 나오게 됩니다.


6. psd1의 마지막 프레임을(59프레임) 선택하고 레이어창에서 같은 레이어를 찾아 복사합니다.(ctrl+j) 그상태가 되면 psd1의 모든 프레임 이미지가 같은 프레임으로 변하게 되는데 애니메이션창 가장 첫프레임(psd1 첫 프레임)을 선택하고 방금 생성한 레이어의 눈을 꺼주면 정상적으로 돌아옵니다.


7. 이제 psd2의 첫프레임부터(60프레임) 끝까지 모두 선택합니다.(shift키를 이용해서) 그리고 방금 복사한 프레임(59번)의 레이어 눈을 켜줍니다. 그러면 아래와 같이 psd2의 여백도 모두 채워진 것을 확인 할 수 있습니다. 완성입니다.

 


두 화면을 합친다지만 끝부분이 부드럽게 첫프레임과 연결되지 않는다면 약간은 어중간한 움짤이 됩니다. 이것은 오버랩이나 트윈,페이드,리버스 효과로 어느정도 커버할 수 있으니 참고하시기 바랍니다. 

 

 

 

 

댓글