시간 표시 막대 애니메이션 워크플로우 만들기

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

레이어, 키프레임 및 타임라인 패널을 사용하여 Photoshop에서 타임라인 기반 애니메이션을 만드는 방법에 대해 자세히 알아보세요.

타임라인 애니메이션 패널 개요

A. 재생헤드 B. 타임라인 패널 메뉴 C.트랙에 미디어 추가 D.키프레임 E.확대 F.확대/축소 슬라이더 G.축소 H. 프레임 애니메이션으로 변환 I. 키프레임 애니메이션 활성화 J.재생 옵션

애니메이션에 적합한 크기로 새 문서를 만듭니다. 웹 표준 애니메이션의 경우 색상 모드가 RGB로 설정되어 있고 해상도가 72픽셀/인치인지 확인합니다.

타임라인 패널을 열려면 Window > 타임라인을 선택합니다. 패널에 프레임 애니메이션 모드가 표시되면 왼쪽 아래 모서리에 있는 비디오 타임라인으로 변환 <여기에 아이콘 삽입> 아이콘을 선택합니다.

드롭다운 메뉴에서 비디오 타임라인 만들기를 선택한 다음 화살표 왼쪽의 버튼을 클릭합니다.

새 레이어를 만들거나(레이어 > 새로 만들기 > 레이어) 레이어 패널에서 배경 레이어를 두 번 클릭하여 일반 레이어로 변환하여 콘텐츠를 추가합니다.

타임라인 패널 메뉴를 선택하고 타임라인 프레임 속도 설정을 선택하여 타임라인 프레임 속도를 설정합니다.

팁:

비디오 표준인 24fps와 같은 적절한 속도를 선택하세요.

현재 시간 표시기(재생헤드)를 첫 번째 키프레임을 설정할 위치로 이동합니다.

레이어 이름 옆의 삼각형을 클릭하여 레이어 속성을 펼친 다음, 위치, 불투명도 또는 스타일과 같이 애니메이션을 적용할 속성 옆의 키프레임 애니메이션 활성화 아이콘을 선택합니다.

현재 시간 표시기를 다른 시점으로 이동한 다음 레이어 속성을 변경합니다(레이어 이동, 불투명도 조정 등). Photoshop이 자동으로 새 키프레임을 만듭니다.

비디오 출력의 경우 파일 > 내보내기 > 비디오 렌더를 선택하고, 애니메이션 GIF의 경우 파일 > 내보내기 > 웹용으로 저장(이전)를 선택하여 애니메이션을 저장합니다.

참고:

타임라인 패널의 재생 버튼을 선택하여 애니메이션을 미리 봅니다.