이전 강의를 통해 키프레임 전환과 독립 레이어를 사용하여 애니메이션을 만드는 방법을 배웠습니다. 간단한 단일 개체 애니메이션을 만드는 데 사용할 수 있으며 오랫동안 Photoshop에서 애니메이션을 만드는 유일한 방법이었습니다. 오늘 우리는 타임라인을 사용하여 애니메이션을 적용하는 새로운 방법을 배울 것입니다. 타임라인 방법은 Premiere, AfterEffects 등과 같은 많은 영화 및 TV 제작 소프트웨어에서 널리 사용되며 Flash도 이 방법을 사용합니다.
키프레임 전환 애니메이션에는 우리가 언급하지 않은 많은 작업이 있습니다. 이는 타임라인 방법과 아무 관련이 없고 앞으로는 타임라인이 애니메이션을 만드는 주요 방법이 될 것이므로 생략하겠습니다.
소재를 통합하려면 여기를 클릭하여 소재 파일을 다운로드한 후 PSD 파일의 압축을 풀고 포토샵에서 열어주세요. 프레임 설정이 없는 파일입니다(직접 사용하셔도 됩니다). 아래 그림과 같습니다. 텍스트 레이어 사용으로 인해 글꼴이 누락되어 대체 옵션이 나타날 수 있습니다. 기본 글꼴이 충분히 아름답지는 않지만 교육 효과는 동일합니다.
PSD 파일에는 3개의 레이어(배경 레이어 제외)가 포함되어 있으며 그 중 2개는 텍스트 레이어이고 1개는 벡터 모양 레이어입니다. 벡터 모양 레이어가 무엇인지 모른다면 기본 사항을 잘 익히지 못했다는 의미입니다.
애니메이션 팔레트의 오른쪽 하단에 있는 클릭
버튼을 누르면 아래 그림과 같이 타임라인 모드로 전환됩니다. 주의깊은 독자라면 팔레트 이름이 "애니메이션(타임라인)"으로 변경된 반면 이전 이름은 "애니메이션(프레임)"으로 변경되었음을 알 수 있습니다. 오른쪽 하단에 있는 버튼이 다음으로 변경됩니다.
을 클릭하면 원래 프레임 모드로 전환됩니다.
이 두 가지 방법은 서로 호환되지 않으므로 생산 과정에서 전환하지 마십시오. 실수로 전환한 경우 실행 취소 명령 [CTRL+ALT+Z]을 사용하여 복원할 수 있습니다.
타임라인에는 레이어 팔레트의 이름과 유사한 레이어 이름이 표시되며, 높은 위치와 낮은 위치도 레이어 팔레트의 이름과 동일합니다. 레이어 왼쪽의 화살표 표시를 클릭하면 레이어의 모든 애니메이션 항목, 즉 애니메이션이 가능한 요소가 확장됩니다. 성격이 다른 레이어에서는 애니메이션 항목도 다릅니다. 소위 다른 속성은 일반 레이어, 마스크가 있는 일반 레이어, 텍스트 레이어, 조정 레이어 등을 의미합니다. 이들은 모두 다른 속성의 레이어입니다. 아래 왼쪽 그림과 같이 "Go and Stay" 텍스트 레이어와 "Shape 1" 벡터 모양 레이어 이후의 애니메이션 프로젝트가 각각 확장되어 있습니다. 이들 모두의 공통점은 위치, 불투명도, 스타일입니다. 차이점은 텍스트 레이어에는 "텍스트 변형" 항목이 하나 더 있고, 벡터 모양 레이어에는 마스크 관련 항목이 두 개 더 있다는 점입니다.
애니메이션 제작은 레이어 자체의 애니메이션 프로젝트를 초과할 수 없습니다. 예를 들어 모양 레이어에서는 "텍스트 변형"을 수행할 수 없습니다. 그러나 일부 애니메이션 항목은 나중에 추가할 수 있습니다. 예를 들어 텍스트 레이어에 마스크를 추가하면 마스크된 애니메이션 항목이 생깁니다.
팔레트 왼쪽 상단에는 0:00:00:00이라는 숫자가 있는데, 이는 현재 타임 코드입니다. 오른쪽부터 밀리초, 초, 분, 시간입니다. 일반적으로 초만 사용됩니다. 타임코드 뒤에는 초당 프레임 수를 나타내는 프레임 속도인 30.00fps도 있습니다. 일반적으로 값은 정수이며 십진수 프레임 속도는 영화 및 TV 편집에만 사용됩니다.
애니메이션 팔레트의 오른쪽 상단에 있는 클릭 버튼을 클릭하고 "문서 설정"을 선택하면 아래 오른쪽과 같은 타임라인 설정이 나타납니다. 여기서 총 애니메이션 지속 시간과 프레임 속도를 지정할 수 있습니다. 기본 설정에 따르면 전체 길이는 10초, 초당 30프레임이므로 총 프레임 수는 300프레임인데, 이는 웹 애니메이션 제작 시 상당히 많은 바이트를 차지하게 됩니다. 네트워크 전송에 도움이 되지 않습니다. 이제 지속 시간을 5초로 변경하고 프레임 속도를 5fps로 변경합니다. 확인되면 애니메이션 팔레트에 새로운 프레임 속도 표시기가 표시됩니다.
아래 그림과 같이 애니메이션 팔레트를 가로로 확장하면 01:00, 02:00 등의 시간 표시가 초 단위로 표시됩니다. 타임라인의 가장 오른쪽 끝은 방금 설정한 총 지속 시간인 5초입니다. 빨간색 화살표가 가리키는 슬라이더를 오른쪽으로 드래그하면 타임라인의 세부 정보가 확대됩니다. 확대된 타임라인은 빨간색 상자 영역 내에 있습니다. 초 사이에 01f, 02f 같은 표시가 있는 것을 볼 수 있습니다. 방금 설정한 설정은 5fps이므로 2초마다 5프레임이 있습니다. 우리는 최대값인 04f만 보지만 실제로는 05f가 01:00과 겹친다는 것을 알아야 합니다. 따라서 01:00f로 표현되는데, 이는 1초이면서 동시에 프레임이라는 의미입니다.
두 개의 주황색 화살표 사이에는 덜 눈에 띄는 얇은 선이 있습니다.이것은 렌더링 버퍼 표시기입니다.다른 영화 및 TV 편집 소프트웨어에도 이 표시기가 있지만 다음 과정에서는 그 역할이 그다지 중요하지 않습니다. .