프레임 애니메이션 만들기

Photoshop에서는 [타임라인] 패널을 사용하여 애니메이션 프레임을 만들 수 있습니다. 각 프레임은 레이어 구성을 나타냅니다.

Photoshop에서 프레임 기반 애니메이션을 만들려면 다음과 같은 일반 작업 과정을 사용하십시오.

새 문서를 엽니다.

아직 표시되지 않으면 [타임라인] 및 [레이어] 패널을 엽니다. [타임라인] 패널이 프레임 애니메이션 모드인지 확인하십시오. [타임라인] 패널의 중앙에서 아래쪽 화살표를 클릭하여 [프레임 애니메이션 만들기]를 선택한 다음 화살표 옆에 있는 단추를 클릭합니다.

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

배경 레이어는 애니메이션으로 저장할 수 없으므로 새 레이어를 추가하거나 배경 레이어를 일반 레이어로 변환합니다. 자세한 내용은 배경 및 레이어 변환을 참조하십시오.

애니메이션에 내용을 추가합니다.

애니메이션에 독립적인 애니메이션으로 저장된 몇 개의 개체가 있거나, 개체의 색상을 변경하거나, 프레임의 내용을 완전히 변경하려면 별도의 레이어에서 개체를 만듭니다.

[타임라인] 패널에 프레임을 추가합니다.

자세한 내용은 애니메이션에 프레임 추가를 참조하십시오.

프레임을 선택합니다.

자세한 내용은 애니메이션 프레임 선택을 참조하십시오.

선택된 프레임의 레이어를 편집합니다.

다음 중 하나를 수행합니다.

• 각 레이어의 가시성을 켜거나 끕니다.

• 개체 또는 레이어의 위치를 변경하여 레이어 내용이 이동하게 만듭니다.

• 레이어 불투명도를 변경하여 내용에 페이드인 또는 페이드아웃 효과를 적용합니다.

• 레이어의 혼합 모드를 변경합니다.

• 레이어에 스타일을 추가합니다.

  Photoshop에는 프레임 전체에서 레이어 특성을 동일하게 유지할 수 있는 도구가 있습니다. 애니메이션 프레임에서 레이어 속성 통합을 참조하십시오.

필요에 따라 더 많은 프레임을 추가하거나 레이어를 편집합니다.

만들 수 있는 프레임 수는 Photoshop에서 사용할 수 있는 시스템 메모리의 양만 충분하다면 제한이 없습니다.

[트윈] 명령을 사용하면 패널에서 기존의 두 프레임 사이에 중간 단계를 추가하는 일련의 새 프레임을 자동으로 생성할 수 있습니다. 이 기능을 사용하면 개체가 화면을 가로질러 이동하거나 페이드인 또는 페이드아웃하는 효과를 빠르게 만들 수 있습니다. 자세한 내용은 트윈을 사용하여 프레임 만들기를 참조하십시오.

프레임 지연 및 루핑 옵션을 설정합니다.

각 프레임에 지연 시간을 할당하고 루핑을 지정하여 애니메이션이 한 번, 특정 횟수 또는 연속적으로 실행되도록 할 수 있습니다. 자세한 내용은 프레임 애니메이션의 지연 시간 지정 및 프레임 애니메이션의 루핑 지정을 참조하십시오.

애니메이션을 미리 봅니다.

애니메이션을 만들면서 [타임라인] 패널에 있는 컨트롤을 사용하여 애니메이션을 재생해 볼 수 있습니다. 그런 다음 웹용으로 저장 명령을 사용하여 웹 브라우저에서 애니메이션을 미리 봅니다. 

애니메이션을 효율적으로 다운로드할 수 있도록 최적화합니다.

자세한 내용은 애니메이션 프레임 최적화를 참조하십시오.

애니메이션을 저장합니다.

프레임 애니메이션을 저장하는 옵션은 다양합니다.

• [웹용으로 저장] 명령을 사용하여 애니메이션 GIF로 저장합니다.

• 나중에 애니메이션에서 더 많은 작업을 할 수 있도록 Photoshop 형식(PSD)으로 저장할 수 있습니다.

• 이미지 시퀀스, QuickTime 동영상 또는 별도의 파일로 저장할 수 있습니다. 자세한 내용은 비디오 파일 또는 이미지 시퀀스 내보내기를 참조하십시오.

애니메이션에 프레임 추가

애니메이션을 만드는 첫 번째 단계는 프레임을 추가하는 것입니다. 이미지를 열면 해당 이미지가 [타임라인] 패널에 새 애니메이션의 첫 번째 프레임으로 표시됩니다. 프레임을 추가할 때마다 이전 프레임이 그대로 복제되어 시작됩니다. 그런 다음 [레이어] 패널을 사용하면 프레임의 내용을 변경할 수 있습니다.

애니메이션 프레임 선택

특정 프레임으로 작업하려면 먼저 해당 프레임을 현재 프레임으로 선택해야 합니다. 현재 프레임의 내용은 문서 창에 표시됩니다.

[타임라인] 패널에서 프레임 축소판 둘레의 음영이 강조된 선택 영역 안에 좁은 테두리가 표시된 것이 현재 프레임입니다. 선택된 프레임은 프레임 축소판 둘레가 음영으로 강조되어 표시됩니다.

하나의 애니메이션 프레임 선택

여러 애니메이션 프레임 선택

애니메이션 프레임 편집

애니메이션 프레임에서 레이어 속성 통합

[레이어] 패널의 통합 단추들([레이어 위치 통합], [레이어 가시성 통합], [레이어 스타일 통합])은 활성 애니메이션 프레임에서 변경한 특성이 동일한 레이어의 다른 프레임에 적용되는 방식을 결정합니다. 통합 단추를 선택하면 활성 레이어의 모든 프레임에서 해당 특성이 변경됩니다. 그리고 이 단추의 선택을 해제하면 변경 내용이 활성 프레임에만 적용됩니다.

[레이어] 패널의 [프레임 1 전파] 옵션도 첫 번째 프레임에서 변경한 특성이 동일한 레이어의 다른 프레임에 적용되는 방식을 결정합니다. 이 옵션을 선택하면 첫 번째 프레임의 특성을 변경할 수 있으며, 활성 레이어에 존재하는 이후 프레임은 모두 첫 번째 프레임에 따라 변경됩니다. 이미 만들어진 애니메이션은 그대로 유지됩니다.

레이어 속성 통합

프레임 1 전파

레이어 통합 단추 표시 또는 숨기기

레이어 속성으로 프레임 복사

프레임을 복사하여 붙이는 작업의 원리를 쉽게 이해하려면 지정된 레이어 구성에서 이미지를 복제한 것을 프레임이라고 생각하면 편리합니다. 프레임을 복사하는 경우 각 레이어의 가시성 설정, 위치 및 기타 속성을 포함한 레이어의 구성을 복사한 다음 프레임을 붙이면 대상 프레임에 해당 레이어 구성이 적용됩니다.

트윈을 사용하여 프레임 만들기

트윈(tweening)이라는 용어는 이러한 과정을 설명할 때 사용되는 전통적인 애니메이션 용어 "in betweening"에서 착안된 말입니다. 트윈(보간이라고도 함)을 사용하면 페이드인이나 페이드아웃 또는 프레임 전반에 걸쳐 요소를 이동하는 것과 같은 애니메이션 효과를 만드는 데 필요한 시간이 줄어듭니다. 트윈 프레임을 만든 다음 프레임을 개별적으로 편집할 수도 있습니다.

[트윈] 명령을 사용하여 자동으로 기존의 두 프레임 사이에 일련의 프레임을 추가하거나 수정할 수 있습니다. 이 때 새 프레임들 간에 레이어 속성(위치, 불투명도 또는 효과 매개 변수)을 균일하게 변경하면 움직이는 모양을 만들 수 있습니다. 예를 들어, 레이어를 페이드아웃하려면 시작 프레임에서 레이어의 불투명도를 100%로 설정한 다음 같은 레이어의 불투명도를 끝 프레임에서 0%로 설정합니다. 이렇게 한 다음 두 프레임 간을 트윈하면 사이에 있는 새 프레임들 간에 레이어의 불투명도가 균일하게 점진적으로 줄어듭니다.

새로운 각 프레임에 새 레이어 추가

[새 프레임마다 새 레이어 만들기] 명령은 다른 프레임에 숨겨져 있지만 새 프레임에는 표시되는 새 레이어를 자동으로 추가합니다. 애니메이션을 만들어 각 프레임에 새로운 시각적 요소를 추가해야 할 때 이 옵션을 사용하면 시간을 절약할 수 있습니다.

애니메이션 프레임에서 레이어 숨기기

새 레이어를 만들면 기본적으로 모든 애니메이션 모든 프레임에서 볼 수 있습니다.

• 활성 프레임에만 새 레이어를 표시하려면 [타임라인] 패널 메뉴에서 [모든 프레임에 새 레이어 표시]를 선택 해제합니다.

• 특정 프레임에서 레이어를 숨기려면 프레임을 선택한 다음 [레이어] 패널에서 원하는 레이어를 숨깁니다.

프레임 애니메이션의 지연 시간 지정

애니메이션에서 하나의 프레임 또는 여러 프레임에 대해 하나의 프레임이 표시되는 시간, 즉 지연을 지정할 수 있습니다. 지연 시간은 초 단위로 표시되며 초 이하의 단위는 소수값으로 표시됩니다. 예를 들어, 1/4초는 .25로 표시됩니다. 현재 프레임에 지연 시간을 설정하면 이후 작성한 모든 프레임에 이 지연 시간 값이 기억되고 적용됩니다.

프레임 처리 방법 선택

프레임 처리 방법이란 다음 프레임을 표시하기 전에 현재 프레임을 버릴 것인지 여부를 지정하는 것입니다. 배경 투명도가 포함된 애니메이션의 처리 방법을 선택하여 다음 프레임의 투명 영역을 통해 현재 프레임을 볼 수 있도록 할 것인지 지정할 수 있습니다.

[처리 방법] 아이콘은 프레임이 [처리하지 않음] 으로 설정되어 있는지 [처리] 로 설정되어 있는지 나타냅니다. [처리 방법]을 [자동]으로 설정하면 아이콘이 나타나지 않습니다.

프레임 애니메이션의 루핑 지정

루핑 옵션을 선택하면 애니메이션 시퀀스가 재생될 때 반복되는 횟수를 지정할 수 있습니다.

전체 애니메이션 삭제