프레임 기반 애니메이션 만들기

마지막 업데이트 날짜 2025년 12월 4일

Adobe Photoshop에서 각 프레임의 레이어를 다른 위치, 불투명도 또는 스타일로 구성하여 프레임별 애니메이션을 만드세요.

Photoshop의 프레임 기반 애니메이션을 사용하면 각 프레임이 레이어의 다른 구성을 나타내는 프레임 시퀀스를 구축하여 간단한 애니메이션 콘텐츠를 만들 수 있습니다. 이 기법은 웹 콘텐츠, 소셜 미디어 게시물 또는 간단한 모션 그래픽용 애니메이션 GIF를 만드는 데 이상적입니다.

프레임 애니메이션은 프레임 시퀀스를 순서대로 표시하여 움직임의 환영을 만듭니다. 키프레임과 자동 보간을 사용하는 타임라인 애니메이션과 달리 프레임 애니메이션은 각 개별 프레임에 대한 정밀한 제어가 가능합니다. 이 워크플로는 복잡하고 유동적인 움직임보다는 뚜렷한 상태를 가진 간단한 애니메이션에 가장 적합합니다.

창 > 타임라인 및 창 > 레이어를 선택하여 타임라인 및 레이어 패널을 엽니다.

타임라인 패널 중간에 있는 아래쪽 화살표 아이콘을 선택하고 프레임 애니메이션 만들기를 선택합니다.

새 레이어를 추가하거나 배경 레이어를 일반 레이어로 변환합니다.

애니메이션에 내용을 추가합니다. 애니메이션에 독립적으로 움직이는 몇 개의 개별 오브젝트가 있거나, 색상을 변경하거나, 프레임의 내용을 변경하려면 별도의 레이어에서 오브젝트를 만듭니다.

타임라인 패널 하단의 선택한 프레임 복제 아이콘을 선택하여 새 프레임을 추가합니다.

타임라인 패널에서 새 프레임을 선택하고 레이어 패널에서 이 프레임의 레이어를 수정합니다. 다른 레이어의 가시성을 켜거나 끄고, 레이어 위치를 변경하고, 페이드 효과를 만들기 위해 불투명도를 조정하거나, 레이어 스타일을 수정할 수 있습니다.

필요에 따라 프레임을 추가하고 레이어를 편집합니다. 애니메이션에 필요한 만큼 프레임을 추가하세요. 프레임 수는 시스템의 사용 가능한 메모리에 의해서만 제한됩니다.

각 프레임 아래에 표시된 지연 시간을 선택하고 드롭다운 메뉴에서 지속 시간을 선택하여 각 프레임의 시간을 설정합니다.

타임라인 패널 하단의 반복 옵션 선택 드롭다운 메뉴에서 한 번, 계속 또는 기타를 선택하여 반복 옵션을 선택합니다.

타임라인 패널에서 재생 아이콘을 선택하여 애니메이션을 미리 봅니다.

애니메이션에 프레임 추가

학습

앱에서 바로 단계별 비디오 튜토리얼과 실습형 안내를 통해 학습하십시오.

커뮤니티

전문가들과 토론하고, 답변을 찾고, 배우며, 여러분의 지식을 공유하세요.

Adobe Home

선호하는 Creative Cloud 앱, 서비스, 파일 관리 등에 접근하세요.