프레임 애니메이션 : 기초부터 고급 설정 가이드

0
68
프레임 애니메이션




프레임 애니메이션 이란 포토샵에서 움직이는 이미지를 쉽고 빠르게 만들 수 있는 기능입니다.
단순한 프레임 배치로 이미지를 움직이게 할 수 있으며, 프레임의 재생시간, 반복 횟수, 프레임의 연결 효과를 사용하여 GIF 이미지를 만들 수 있습니다.
레이어가 변경되면 프레임 애니메이션도 변경되니 주의하며 작업합니다.




Timeline Panel : 비디오 타임라인 설정과 조정 방법 알아보기

배경 분리 : 질감 이미지 분리 및 색상 변경 방법 총정리

채널의 특징 : 단순한 배경에서 이미지 분리하는 방법





▶ 프레임 애니메이션



프레임 애니메이션 작업하기
프레임 애니메이션 작업하기


















레이어와 프레임 애니메이션은 자동으로 동기화 됩니다.

프레임 애니메이션을 움직이는 이미지로 저장하려면 [File] – [Export] – [Save for Web]을 클릭하여, GIF 확장자로 저장해야 합니다.

Save for Web(웹용으로 저장) 단축키 = Shift + Ctrl + Alt + S


웹용으로 저장하는 방법
웹용으로 저장하는 방법




1. 프레임 애니메이션 패널

프레임 애니메이션 알아보기
프레임 애니메이션 알아보기












① Convert to video timeline(비디오 타임라인으로 변환) : 비디오 타임라인으로 변경합니다.

② Selects looping options(반복설정)

  • Once : 효과를 한번 적용합니다.
  • 3 times : 효과를 3번 반복합니다.
  • Forever : 반복 설정을 합니다.
  • Other : 재생 반복 횟수를 설정합니다.

③ 애니메이션 재생 제어 : 애니메이션 재생과 관련된 설정입니다.

④ Tweens animation frames(애니메이션 프레임을 트윈 처리) : 애니메이션 트윈 설정을 합니다.(프레임 효과)

⑤ Duplicates selected frames(선택한 흐레임을 복사) : 선택한 프레임을 복사합니다.

⑥ Deletes selected frames(선택한 프레임을 삭제) : 선택한 프레임을 삭제합니다.




2. 프레임애니메이션 조정하기


애프터 이펙트나 프리미어와 같은 영상 프로그램을 접해보지 못한 사용자라면 비디오 타임라인보다 프레임 애니메이션을 더 쉽게 사용할 수 있기 때문에 프레임 애니메이션으로 먼저 학습하는 것을 추천합니다.


1번 프레임에 레이어 활성화하기
1번 프레임에 레이어 활성화하기



① 1번 프레임에 BG(Background)레이어와

선글라스_컬러 레이어를 활성화합니다.








2번 프레임에 레이어 활성화하기
2번 프레임에 레이어 활성화하기


② 새 프레임을 추가한 후 2번 흐레임에

Background 레이어와 선글라스_컬러,

선글라스_컬러2 레이어를 활성화합니다.







3번 프레임에 레이어 활성화하기
3번 프레임에 레이어 활성화하기


③ 새 프레임을 추가한 후 3번 프레임에

Background 레이어와 선글라스_컬러,

선글라스_컬러2, 선글라스_컬러3 레이어를

활성화합니다.





4번 프레임에 레이어 활성화하기
4번 프레임에 레이어 활성화하기


④ 새 프레임을 추가한 후 4번 프레임에

Background 레이어와 선글라스_컬러,

선글라스_컬러2, 선글라스_컬러3,

선글라스_컬러4 레이어를 활성화합니다.







재생시간 설정하기
재생시간 설정하기




⑤ 모든 프레임의 재생시간을 설정한 후

플레이합니다. 사용자가 설정한 재생시간에 맞춰

프레임이 변경되며 움직이는 이미지가 생성됩니다.






프레임 애니메이션 - 틔윈 설정하기
트윈 설정하기


⑥ 1번 프레임을 선택한 후 트윈을 클릭하여

1번과 2번 프레임 사이에 생성할 프레임 수

3을 지정합니다.






4개의 프레임에 적용하기
4개의 프레임에 적용하기











⑦ 같은 방법으로 4개의 프레임에 모두 적용합니다.

1번과 2번 사이에 3장의 프레임을 추가하며 효과가 적용되었기 때문에 5번 프레임에서 Tween을 적용해야 합니다.




프레임 애니메이션 - 지연시간을 설정하기
지연시간을 설정하기



⑧ 지연시간을 설정하고 플레이하여 이미지를

확인합니다.

프레임 사이에 Tween 효과가 적용되면

이미지의 움직임이 더 부드러워집니다.

여러 개의 프레임을 선택한 후 재생시간을 설정하면

동일하게 시간을 설정할 수 있습니다.









포토샵의 프레임 애니메이션 기능은 정지 이미지에 생동감을 불어넣을 수 있는 강력한 도구입니다. 프레임 애니메이션 패널을 활용하면 각 프레임을 세밀하게 조정하여 자신만의 독창적인 애니메이션을 쉽게 만들 수 있습니다. 프레임 간 시간 조정, 반복 옵션 설정, 다양한 레이어 스타일 활용 등 다양한 기능을 통해 애니메이션의 품질과 효과를 극대화할 수 있습니다.

이제 프레임 애니메이션의 기본 사용법과 조정 방법을 익혔으니, 이를 바탕으로 창의적인 프로젝트를 진행해 보세요. 반복적인 연습과 실험을 통해 포토샵의 프레임 애니메이션 기능을 완벽하게 마스터할 수 있을 것입니다. 애니메이션 제작 과정에서 발견한 새로운 팁과 트릭을 공유하며, 더 나은 작품을 만들어 나가길 바랍니다.

프레임 애니메이션을 처음 접하는 사용자부터 숙련된 디자이너까지, 모두에게 도움이 되는 이 가이드를 통해 포토샵 애니메이션의 무궁무진한 가능성을 경험해 보세요. 앞으로도 포토샵의 다양한 기능을 활용하여 더 창의적이고 멋진 작품을 만들어 나가길 응원합니다.