시작하기 전에 마지막 수업 후 숙제인 두 물체가 함께 움직이는 애니메이션에 대해 먼저 설명하겠습니다. 소위 두 개체는 실제로 두 개의 레이어입니다. 각각 사각형과 원을 그린 다음 한 프레임을 복사하고 레이어의 위치를 상대적으로 이동합니다. 기술적으로 어렵지는 않습니다.
하지만 샘플 애니메이션에 주의하세요. 원은 처음에는 움직이지 않고 일정 시간 후에 시작됩니다. 즉, 처음 몇 프레임에서는 원형 레이어가 아닌 정사각형 레이어만 이동하면 됩니다. 원을 움직이기 시작하기 전에 사각형이 몇 프레임 이동한 후 애니메이션 팔레트는 아래 이미지와 같습니다. 빨간색 화살표를 클릭하여 팔레트 옵션을 열고 프레임 축소판 크기를 직접 설정하세요. 녹색 화살표에서 한 프레임씩 재생하려면 클릭하세요. 이전 프레임을 재생합니다. 버튼을 누르면 시작 프레임으로 돌아갑니다.
우리는 보다 복잡한 애니메이션은 종종 많은 개체로 구성되며 이러한 개체가 모두 함께 움직이는(예: 이동) 것은 아닐 수 있음을 모든 사람에게 알리기 위해 이 예를 준비했습니다. 예를 들어, 한 개체가 다른 개체를 치는 애니메이션을 만들 때, 맞은 개체는 맞은 개체가 접촉할 때까지 움직이지 않은 상태로 유지되어야 합니다.
이전에는 레이어의 움직임을 활용한 변위 애니메이션을 만들었습니다. 또한 레이어 투명도를 다르게 설정하여 애니메이션을 만들 수도 있습니다. 레이어 팔레트의 부분 투명도 값을 프레임별로 변경하는 제작 방법은 누구나 짐작할 수 있을 것입니다. 이제 새로운 100×100 이미지를 생성하고, 새로운 레이어를 생성한 후 정사각형을 그립니다. 그런 다음 한 번에 5개의 프레임을 복사하면 6개의 프레임이 모두 동일한 내용을 갖는 것을 볼 수 있습니다. 아래 왼쪽 그림과 같이 모든 프레임의 유지 시간을 0.1초로 변경합니다.
그런 다음 프레임 2를 선택하고 레이어 팔레트에서 사각형 레이어의 불투명도를 80%로 변경한 다음 프레임 3의 불투명도를 60%로 변경하는 방식으로 프레임 6이 0%가 될 때까지 계속합니다. 효과는 아래 오른쪽에 표시된 것과 유사합니다. 이때 플레이를 하면 블록의 효과가 점차 사라지는 것을 볼 수 있습니다. 이를 통해 주목해야 할 것은 레이어를 숨기는 버튼은 불투명도를 0%로 설정하는 것과 같습니다.
이번 제작에서 가장 큰 차이점은 한 프레임을 복사해 바로 설정하고, 설정 후 다른 프레임을 복사하는 기존 방식을 바꾼 점이다. 이번에는 모든 프레임을 한꺼번에 복사한 후 해당 프레임을 선택하여 설정합니다. 이것도 생산방식이다.
작업 중에 다른 프레임을 선택하면 레이어 팔레트의 불투명도가 100%로 돌아가는 것을 어렵지 않게 찾을 수 있습니다. 이는 한 프레임의 불투명도를 변경해도 다른 프레임에는 영향을 주지 않는다는 사실을 보여줍니다. 다시 상상해 보세요. 이 방법을 사용하여 초기 블록 이동을 생성하면 이전 프레임에서 레이어를 이동한 후 다음 프레임을 선택하면 어떻게 될까요?
분명히, 우리는 사각형이 다시 원점으로 돌아가는 것을 보게 될 것입니다. 그리고 이때 레이어 위치 설정이 이전 프레임의 궤적을 따르지 않으면 부드러운 이동 효과를 얻을 수 없습니다. 따라서 모든 프레임을 미리 구축한 후 수정하는 이 방법은 변위 애니메이션에는 적합하지 않으며 다른 애니메이션에도 적합하지 않습니다. 지정된 프레임 수에 애니메이션을 적용해야 하는 경우에만 사용됩니다.
이제 애니메이션 효과를 생성할 수 있는 두 가지 설정을 마스터했으므로 하나는 레이어 위치이고 다른 하나는 레이어 불투명도입니다. 이제 두 가지 설정을 모두 사용하여 이동하고 페이드되는 애니메이션을 만들 수 있습니다. 이것은 지금의 간단한 페이드를 기반으로 수정될 수 있습니다. 즉, 간단한 방법을 사용하여 프레임을 선택한 다음 조금 이동하는 등의 작업을 수행합니다.
그런데 왼쪽 끝에서 오른쪽 끝으로 이동하는 효과가 필요합니다. 즉, 블록의 시작 위치는 왼쪽 끝이어야 하는데 이제 모든 프레임의 블록이 중간에 있게 됩니다. "모든 프레임"이 중앙에 있으므로 "모든 프레임"을 왼쪽으로 이동하도록 하겠습니다. 애니메이션 팔레트에서 모든 프레임을 선택하고 이동 도구를 사용하여 레이어를 가장 왼쪽으로 이동하면 모든 프레임의 사각형 위치가 변경된 것을 확인할 수 있습니다.
또 다른 방법이 있습니다. 전체 애니메이션 과정은 원인과 결과의 관계로 볼 수 있습니다. 첫 번째 프레임에서 레이어를 삭제하면 이후의 모든 프레임에는 더 이상 존재하지 않게 됩니다. 따라서 Photoshop 애니메이션 설정에서 첫 번째 프레임은 상대적으로 특별합니다. 이제 첫 번째 프레임을 선택하고 아래 왼쪽 이미지의 빨간색 화살표와 같이 레이어 팔레트에서 "프레임 1 확산"이 활성화되어 있는지 확인하십시오. 그런 다음 레이어를 이동하면 아래 오른쪽 그림과 같이 모든 프레임의 블록이 균일하게 이동한 것을 확인할 수 있습니다. "Propagate Frame 1"이 유효하지 않은 경우 프레임 1의 블록 위치만 변경됩니다.
두 방법 모두 장단점이 있습니다. "프레임 1 전파"는 실제로 "프레임 1 전파"를 의미하며, 이는 전체 애니메이션에서 특정 개체의 설정을 쉽게 변경할 수 있다는 의미입니다. 모든 프레임을 선택하는 방법은 프레임 수가 많을 때 약간 번거로울 수 있지만, "특정 프레임을 선택하는" 방법에서 파생될 수 있습니다. 예를 들어 처음 3개의 프레임만 변경해야 하는 경우에는 다음을 선택할 수 있습니다. 처음 3개의 프레임을 함께 설정합니다.
"Propagate Frame 1"은 원래 각 프레임에 대해 다른 레이어 위치가 설정되어 있어도 여전히 유효하다는 점에 유의해야 합니다. 이 효과는 첫 번째 프레임에 따라 오프셋되는 모든 프레임의 좌표와 동일합니다.
여러 프레임을 다시 선택하는 문제에 대해 이야기해 보겠습니다. 처음 4개 프레임을 선택하려면 먼저 프레임 1을 선택한 다음 Shift 키를 누른 채 프레임 4를 클릭하거나 그 반대일 수 있다는 것을 이미 알고 있습니다. 완료. 하지만 프레임 1, 프레임 3, 프레임 4 등 불연속적인 프레임을 선택하려면 먼저 이전 방법에 따라 프레임 1부터 프레임 4까지 선택한 다음 Ctrl 키를 누른 채 프레임 2를 클릭하여 선택한 프레임 2. . 선택 프레임 2를 추가하려면 작업을 한 번 반복하십시오. 프레임 2, 프레임 11, 프레임 17, 프레임 27 등 멀리 있는 개별 프레임을 선택하려면 먼저 개별적으로 하나를 선택한 다음 Ctrl 키를 누른 채 다른 프레임을 추가하고 선택할 수 있습니다.
모든 프레임의 블록을 왼쪽으로 이동시킨 후, 프레임별로 블록의 위치를 설정하기만 하면 됩니다. 즉 조금 이동하려면 2번째 프레임, 조금 이동하려면 3번째 프레임을 선택하면 됩니다. 물론 이미 언급한 문제가 있는데, 즉 원활한 움직임을 보장하기 어렵다는 것이다. 우리는 이동 도구를 선택할 때 키보드의 화살표 키를 사용하여 레이어를 한 번에 1픽셀씩 이동할 수 있고, Shift 키를 사용하여 장거리로 이동할 수 있다는 것을 Photoshop에서 배웠습니다.
이제 프레임 2를 선택하고 SHIFT+오른쪽 화살표 키를 눌러 이동해 보겠습니다. 그런 다음 프레임 3을 선택합니다. 이 프레임의 블록이 시작점으로 돌아왔으므로 SHIFT + 오른쪽 화살표 키를 두 번 눌러야 합니다. 프레임 4에서는 3번입니다. 설정은 아래 표시된 것과 유사합니다. 프레임 6에서는 사각형이 사라졌으므로 설정이 필요하지 않습니다.
방향키를 사용하여 이동하는 방식은 궤적의 일관성을 보장할 수 있지만, 수평, 수직, 45도 각도 등의 궤적을 만드는 데에만 적합하다는 한계도 분명하다. 보다 무작위적인 이동 궤적(예: 호)이 필요하지만 부드러움을 유지하고 싶다면 어떻게 해야 할까요? 물론 처음부터 "프레임 복사 및 레이어 이동" 방법을 사용하면 지금의 문제는 없다고 다들 말씀하시겠지만, 모션 궤적을 수정하는 경우가 많다는 점을 잊지 마시기 바랍니다. 따라서 작동 방법을 신중하게 생각하십시오.