지금까지 배운 제작 방법은 대부분의 플랫 애니메이션 제작 요구 사항을 충족하기에 충분합니다. 이 단원에서는 특수 레이어, 가속 및 감속, 모션 블러, 텍스트 변형 등 애니메이션 작품에 더 많은 효과를 추가할 수 있는 몇 가지 기술을 배웁니다. 또한 모두가 자신의 제작 기술을 요약하고 다른 사람들과 공유할 수 있기를 바랍니다.
이러한 기술은 이전 과정을 기반으로 합니다. 따라서 이전 강좌를 모두 완벽하게 숙지하는 것이 필요합니다.
Photoshop에서 애니메이션을 적용할 수 있는 항목에는 레이어 위치, 레이어 마스크, 레이어 불투명도, 레이어 스타일이 포함됩니다. 기본 튜토리얼 단계에서는 색상 조정 레이어와 채우기 레이어에 대해 배웠습니다. 이 유형의 레이어는 특별합니다. 전자는 이미지를 직접 생성하지 않지만 기본 레이어에 색상을 조정합니다. 후자는 이미지를 생성하지만 이는 "가상 픽셀"이므로 채워진 내용은 나중에 변경할 수 있습니다. 이제 이를 애니메이션에 사용하여 어떤 효과를 얻을 수 있는지 살펴보겠습니다. 색상 조정 레이어에 대해 알아보려면 여기를 클릭하세요. 채우기 레이어에 대해 알아보려면 여기를 클릭하세요.
색상 조정 레이어는 비교적 사용하기 쉽고 색상 변경 효과를 만드는 데 사용할 수 있습니다. 이러한 효과의 범위는 밝고 어두운 변화, 회색조 변경, 반전 등입니다. 구현 방법도 매우 간단합니다. 즉, 먼저 색상 조정 레이어를 만들고 관련 설정을 지정한 다음 조정 레이어의 불투명도에 애니메이션을 적용합니다. 아래 애니메이션 예는 곡선 어둡게 하기, 곡선 밝게 하기, 그라데이션 매핑 및 반전입니다. 이미지를 회색조로 변경하려면 그라디언트 맵의 회색조 그라데이션을 사용하거나 색조 채도를 사용할 수 있습니다.
이러한 종류의 색상 변경 애니메이션은 이전 프레임과 다음 프레임 사이의 픽셀이 대부분 다르기 때문에 많은 바이트를 차지한다는 점에 유의해야 합니다. 프레임 수, 프레임 속도 또는 애니메이션 크기를 최대한 줄여 균형을 맞춰야 합니다. 또한 조정 레이어의 마스크를 만들어 특정 영역에 대해서만 색상 조정 효과를 얻을 수도 있지만 여기서는 설명하지 않습니다.
때로는 극적인 변화를 보여줘야 할 때도 있습니다. 소위 급격한 변화는 픽셀의 큰 움직임이나 색상의 큰 변화를 의미하며 색상의 급격한 변화를 달성하기 위해 사용할 수 있습니다. 이전 예제를 통해 반전을 전환으로 사용한 효과가 좋지 않다는 것을 확인했습니다. 전환 효과를 끄면 색상이 급격히 변할 수 있습니다. 이는 두 가지 방법으로 달성할 수 있습니다. 하나는 보간을 유지하도록 프레임을 설정하는 것입니다. 두 번째는 두 키 프레임 사이에 간격을 두지 않기 때문에 전환이 있든 없든 상관이 없습니다.
두 번째 방법은 나중에 수정하기가 어렵다는 점에 유의해야 합니다. 문서 설정에서 프레임 속도를 높이면 간격이 가까운 두 원본 키프레임 사이에 새 프레임이 삽입되어 전환 효과가 발생합니다. 따라서 이 방법은 권장되지 않습니다. 대신 첫 번째 접근 방식을 취하십시오.
이제 누구나 스스로 이 애니메이션을 만들 수 있습니다. 파일 패키지에는 완성품의 소재 사진과 PSD가 포함되어 있습니다. PSD 파일을 아직 열지 마시고 직접 분석하고 만들어 보세요. 완료 후 샘플 PSD 파일을 참고하세요.
반전 조정 레이어를 사용하는 기술을 보여주는 이 샘플 애니메이션에는 특정 플롯이 있습니다. 첫 번째는 떨어지는 검은 유성입니다. 유성은 페이드 단계를 사용하여 브러시로 그린 직선 또는 수직선을 45도 회전한 다음(각도는 사용자 정의 가능) 건물을 제외한 하늘 부분이 생성됩니다. 마스크로. 마스크 연결을 해제한 후 유성은 독립적으로 이동하여 건물에 폐색 효과를 만들 수 있습니다. 이후의 역상교체는 기술적인 어려움이 없으므로 다시 설명하지 않겠습니다. 마스크 생성에 대해서는 기본 튜토리얼의 레이어 마스크 관련 내용을 참고하시기 바랍니다.
최종 페이드 아웃은 색조 및 채도 조정 레이어를 사용한다는 점에 유의해야 합니다. 차이점은 이전의 흰색으로 페이드 아웃하는 대신 검은색으로 페이드 아웃이 사용된다는 것입니다. 조정 레이어를 사용하여 페이드아웃을 만드는 경우 곡선이나 광도 대비를 사용하지 않는 것이 가장 좋습니다. 이러한 두 가지 색상 조정 명령은 색조 채도 명령처럼 이미지를 완전한 흰색이나 검은색으로 정확하게 바꾸지 않기 때문입니다.
조정 레이어를 사용하는 것 외에도 채우기 레이어를 사용하거나 일반 레이어를 채워 페이드아웃을 만들 수도 있습니다. 페이드아웃의 원리는 레이어의 불투명도를 0%에서 100%까지 점차적으로 높여가는 과정입니다. 이것의 장점은 흑백 외에 빨간색, 파란색 등 다른 색상으로도 페이드아웃될 수 있다는 점입니다. 다음은 2000년에 제작된 애니메이션입니다. 당시 개인 사진을 두 개의 다른 영역으로 자른 다음 세 개의 세그먼트로 나누어 시뮬레이션된 노출 전환 효과를 만들기 위해 흰색 채우기 레이어를 사용했습니다. 클래식 포럼에서는 개인 아바타로 사용되기 때문에 애니메이션의 크기와 바이트 수가 엄격하게 제한됩니다.
애니메이션의 부드러움을 최대한 유지하면서 바이트 수를 최대한 작게 유지하는 것은 쉬운 작업이 아닙니다. 이를 위해서는 좋은 아이디어조차 희생해야 할 수도 있습니다. 그러나 제작된 애니메이션이 요구 사항을 충족하지 못하거나 전송 속도가 느리면 가장 중요한 가치를 잃게 됩니다. 다른 자료를 사용하여 이 애니메이션을 모방할 수 있으며 파일 크기는 약 5K로 제한됩니다(예: 3.65K). 그리고 이 전제하에 당신만의 새로운 아이디어를 추가해 보세요. 단색 및 실크 실 효과에 관해서.
채우기 레이어에는 일반적으로 사용되는 단색 채우기 외에도 패턴 채우기 및 그라데이션 채우기도 있습니다. 사용 방법에 대한 추가 지침은 없습니다. 직접 사용해 보세요.
우리는 움직이는 객체를 만드는 방법을 오래 전에 배웠지만, 우리가 만든 객체는 모두 일정한 속도로 움직였습니다. 이제 키프레임의 위치를 변경하여 가속 및 감속 효과를 시뮬레이션할 수 있습니다. 이 효과는 객체의 움직임에만 국한되지 않고 페이드 인 및 페이드 아웃과 같은 모든 전환 효과에도 사용할 수 있습니다. 그리고 이 방법은 다른 비디오 편집 소프트웨어뿐만 아니라 웹 페이지 제작 소프트웨어 GoLive의 타임라인 DHTML 효과에도 적용할 수 있습니다.
먼저 새로운 150×100 흰색 배경 이미지를 생성하고 문서를 1초, 30fps로 설정합니다. 새 일반 레이어를 만들고 직사각형을 그린 다음 왼쪽에서 오른쪽으로 이동하도록 애니메이션을 설정합니다. 타임라인 설정은 대략 아래 그림과 같습니다. 현재 이동 속도는 일정합니다.
다음으로 시간 벤치마크를 10f로 이동하고 "Position" 항목의 다이아몬드 버튼을 클릭한 후 현재 순간에 키프레임을 수동으로 추가합니다. 이 키프레임은 애니메이션 프로세스를 변경하지 않으므로 현재 중복됩니다. 이제 원래 10분 안에 어떤 장소에 도착할 예정이었는데 지금은 5분 안에 도착해야 한다면 속도를 높여야 한다고 상상해 보세요. 이 원리를 이해하면 가속 애니메이션을 만드는 방법을 이해할 수 있습니다. 즉, 시간 10f의 키 프레임을 시간 05f로 이동하는 것입니다. 이러한 방식으로 개체는 0f와 05f 사이에서 빠르게 이동하고 05f 이후에는 원래 속도로 돌아갑니다.
비유하자면 15f를 10f로, 20f를 15f로, 25f를 20f로 이동합니다. 속도가 느려지는 개체를 만들 수 있습니다. 우리는 효과를 설명하기 위해 여기에 있지만 실제 제작에서는 실제로 그렇게 많은 키프레임을 변경할 필요가 없습니다. 개체가 이동하는 거리에 따라 일반적으로 2~3개의 키프레임을 변경하면 충분합니다. 이동거리가 너무 긴 경우 GIF 표현에는 적합하지 않습니다. 또한 프레임 속도를 30fps만큼 높게 설정하지 마십시오.
모션 블러는 실제로 객체의 움직임과 관련이 있습니다. 때로는 객체의 빠른 움직임을 표현하기 위해 더 적은 수의 프레임을 사용해야 할 때 모션 블러를 사용하면 사진의 점프 느낌을 줄일 수 있습니다. 다음 예제 애니메이션 데모에서 캐릭터 이동을 위해 제공되는 프레임 수는 4프레임입니다. 이러한 환경에서는 장거리 이동(소위 장거리 이동도 개체의 크기를 참조해야 함)을 완료하기에는 매우 비좁습니다. 제한된 수의 프레임. 이러한 단점을 보완하기 위해 캐릭터 레이어를 복제하고 모션 블러 필터로 처리하여 잔상 효과를 만듭니다. 잔상을 캐릭터 레이어로 이동시켜 움직임의 시작과 끝 부분에 숨겨주세요. 이 문자 그래픽은 Photoshop과 함께 제공되는 모양 라이브러리에서 찾을 수 있습니다. 모두가 스스로 모션 블러 효과를 만들려고 노력합니다. 완성 후 누구나 비교할 수 있도록 PSD 소스 파일을 제공합니다.
여기서는 모션 블러를 사용하여 프레임에 캐릭터의 전체 이미지를 그대로 유지한다는 점에 유의해야 합니다. 실제 작업에서는 캐릭터의 불투명도를 줄이거나 단순히 잔상만 유지하여 더 빠른 움직임 감각을 얻을 수도 있습니다. . 잔상만을 남기는 방식에서는 잔상의 길이가 적절하게 늘어나야 하며 움직임이 끝난 물체의 위치에 가까워야 한다. 샘플 애니메이션을 주의 깊게 보시면 잔상의 위치 차이에 주목하실 수 있습니다.
모션 블러는 영화 및 TV 제작 분야에서 널리 사용되며 After Effects와 같은 대부분의 영화 및 TV 제작 소프트웨어에는 이를 위한 특수 기능이 있습니다. 일부 영화 및 TV 클립에서는 빠르게 움직이는 개체를 일시 정지하면 유사한 잔상을 볼 수 있습니다. 모션블러(Motion Blur)의 영문명은 Motion Blur 입니다. GIF 애니메이션 제작 시 잔상 효과 자체에 많은 전환 색상이 포함되어 있기 때문에 모션 블러로 인해 애니메이션의 색상 수가 늘어날 수 있습니다. 출력할 때 색상 수와 애니메이션 품질 간의 균형에 주의하세요.
필터를 사용하여 잔상을 만드는 것 외에도 레이어의 여러 복사본을 복사하고 색상이나 불투명도를 연속적으로 변경하여 보다 규칙적인 잔상 효과를 만들 수도 있습니다. 아래 오른쪽 그림과 같이 문자 레이어를 3개의 복사본으로 복사할 수 있습니다. 색상이 다양한 회색 수준으로 변경됩니다. 이런 잔상은 적은 색상으로도 잘 표현될 수 있습니다. 필터에 의해 형성된 잔상은 더 적은 수의 색상에서도 색 반점을 생성할 수 있습니다.
텍스트 레이어를 사용할 때 일부 세심한 독자는 " 텍스트 변형 " 애니메이션 프로젝트를 발견했을 수도 있습니다. 아래 그림과 같이 애니메이션에서 변형 스타일을 "없음" 또는 다른 스타일로 설정하여 전환 변형 효과를 만들 수 있습니다. 이 애니메이션 프로젝트는 실제로 사용하기가 매우 쉽지만 불행히도 모든 그래픽에 효과적일 수 있다면 더 좋을 것입니다. 그러나 때로는 텍스트의 구두점이나 특수 문자를 통해 간단한 개체 모양을 시뮬레이션할 수 있으므로 예를 들어 "-" 기호를 직사각형으로 확장할 수 있습니다.
