애니메이션을 적용하려는 텍스트로 계속 진행하겠습니다. 여기서는 손으로 쓰고 상당히 정적인 이 텍스트가 매 프레임마다 다시 그려지는 것처럼 보이기를 원합니다.
예전에는 텍스트를 왼쪽에서 오른쪽으로 이동하려면 각 위치에 대해 개별적으로 이미지를 그려야 했기 때문입니다.
애니메이션에 텍스트를 그리려면 첫 번째 획을 그리고 사진을 찍은 다음, 두 번째 획을 그리고 사진을 찍는 식으로 반복해서 그려야 합니다. 이렇게 하면 약간 불규칙해져서 카메라를 약간 흔들고 페이지를 약간 움직이는 등 스톱모션처럼 보이게 됩니다.
이것이 바로 우리가 여기서 시뮬레이션하고자 하는 것입니다. 이 구식 만화 모양을 모방하고 이 텍스트 흔들림을 추가하려고 합니다.
1단계
효과 및 사전 설정에서 검색할 수 있는 효과를 사용하겠습니다: 터뷸런트 오프셋입니다.
이 옵션을 클릭하고 마우스 버튼을 누른 상태에서 '애니메이션 만들기 쉬운' 텍스트 레이어로 드래그합니다.
그러면 다음과 같이 표시됩니다:
2단계
실제로 무슨 일이 일어나고 있을까요?
이 효과가 정확히 어떤 기능을 하는지 보여드리기 위해 조정 레이어를 추가하겠습니다.
난기류 노이즈를 가져와 이미지로 드래그합니다. 노이즈, 즉 구름 패턴으로 변합니다. Photoshop에서는 이 필터를 구름 필터라고 합니다.
기본 설정은 비교적 복잡성이 낮습니다. 대비와 밝기를 약간 높이면 어떤 일이 발생하는지 확인할 수 있습니다.
이제 이것을 텍스트와 비교하면 무슨 일이 일어나고 있는지 분명합니다:
텍스트는 이 흑백 값에 따라 이동합니다. 검은색은 모두 왼쪽으로 이동한다는 의미입니다. 흰색은 모두 오른쪽 또는 위아래로 이동한다는 의미입니다.
3단계
이 작업을 손으로 하려면 하위 컴포지션으로 소스가 필요하며, 텍스트를 마우스 오른쪽 버튼으로 클릭하거나 검색을 다시 사용하여 이미지에 변위 효과를드래그할 수 있습니다. 이것은 기본적으로 변위 매핑입니다 ...
4단계
... 예를 들어 흰색은 특정 방향으로 이동하고 검은색도 이동하므로 이전과 똑같은 일이 일어납니다.
올바른 변위 수준을 설정 한 다음 수평 및 수직으로 약간 이동합니다.
여기 있는 이 노이즈는 진화를 통해 애니메이션화할 수도 있고, 이 노이즈를 가져와 텍스트를 이동시키는 등 난기류 변위와 정확히 같은 일이 일어납니다.
5단계
프로젝트 탭에서 이 색상 레이어를 다시 삭제합니다.
훨씬 더 실용적이고 추가 노력 없이 이 효과를 통해 두 가지를 동시에 얻을 수 있습니다. 변위와 이 노이즈가 이 효과에 콤팩트하게 결합되어 있습니다.
강도를 높이면 이 효과로 매우 흥미로운 작업을 할 수 있습니다. 이것은 매우 추상적인 패턴까지 갈 수 있지만 여기서는 강도를 7 정도, 크기를 13 정도로 아주 미묘하게 설정합니다.
이렇게 하면 fx를 켜고 끌 때 볼 수 있는 약간의 흔들림이 생깁니다.
6단계
프레임마다 다르게 보이게 하려면 어떻게 해야 하나요? 에볼루션이 노이즈에 영향을 미치는 방식과 관련이 있다는 것을 이미 확인했습니다. 진화를 움직이면 텍스트가 변형되거나 흔들리지만 여전히 너무 유동적이어서 점프하고 싶습니다. 다른 키프레임으로 애니메이션을 적용하는 것만으로는 충분하지 않습니다. 그래서 저는 진화를 Alt+클릭하고 표현식을 추가합니다. 아주 간단합니다. 난수입니다.
여러분 중 일부는 이미 알고 있을 수도 있는 흔들림을 사용하고 싶지 않습니다. 저는 더 무작위적인 함수인 랜덤 명령을사용하고 싶습니다. 흔들기 명령은 노이즈를 사용하여 무작위로 선택된 개별 포즈 사이에 무작위 움직임과 부드러운 전환을 생성합니다. 하지만 제가 원하는 것은 그런 것이 아닙니다. 저는 서로 완전히 독립적인 임의의 값을 원합니다.
"무작위(-9999,9999)"를 입력하면 무작위 값으로 무엇을 가져갈지 완전히 자유롭게 선택할 수 있습니다.
이를 자세히 살펴보면 각 프레임이 실제로 완전히 다른 값을 가지며 따라서 완전히 다른 서체를 사용한다는 것을 알 수 있습니다. 이제 텍스트가 약간 흔들립니다.
7단계
이 작업을 실행해 보니 깜박임이 상당히 바쁘다는 것을 깨달았습니다. 왜 이렇게 바쁘고 원하는 효과를 얻지 못했을까요?
애니메이션에서는 보통 초당 24프레임으로 작업하는데, 이는 영화 프레임 속도이기 때문입니다. 24프레임을 모두 그리지 않고 초당 12프레임만 그려서 각 프레임을 두 번만 보여주기도 했습니다. 이렇게 하면 특히 중간중간 작업량이 훨씬 줄어들고 시청자는 이를 알아차리지 못합니다.
대부분의 작업이 자동으로 이루어지기 때문에 여기서 반드시 작업을 절약할 필요는 없습니다. 하지만 저는 이 효과를 얻기 위해 동일한 그레이딩을 하고 싶습니다.
효과에서 '포스터화 '를 검색하고 포스터화 시간을 선택합니다 . 이 효과를 텍스트 레이어로 드래그합니다.
8단계
이제 전체가 프레임 속도 24로 그레이딩되었으므로 모든 프레임에서 아무것도 변경되지 않아야 합니다. 그 사이에는 아무것도 변하지 않는 프레임이 있습니다.
"25/10"으로 설정하면 10프레임마다만 변경됩니다. 그냥 놔뒀는데 너무 느립니다.
그래서 '25/3'으로 설정했는데, 이 정도면 괜찮아 보입니다. 이제 텍스트가 3프레임마다 바뀝니다. 이렇게 하면 멋진 피드인 효과를 얻을 수 있습니다.
이 두 가지 효과는 모든 텍스트에 쉽게 적용할 수 있습니다.
9단계
시간 단계 효과를사용하지 않는 한 가지 방법은 표현식을 다르게 작성하는 것입니다. 저는 3프레임마다 진화 값만 변경하는 표현식을 준비했습니다. 이 효과를 사용하면 먼저 25프레임을 모두 계산한 다음 원하는 값까지 시간에 따라 단계적으로 변경하기 때문에 성능이 조금 더 향상됩니다. 이것은 가장 간단한 해결책이지만 최고는 아닙니다. 따라서 이미 준비한 표현식을 삽입합니다.
빠른 팁: CC부터는 "EE" 단축키를 사용하여 기존 표현식을 확장할 수 있습니다.
표현식에 관심이 있는 분들을 위해
"seedRandom"은 무작위 명령에 대한 무작위 목록을 선택하며, 명령의 첫 번째 값이 변경될 때만 변경됩니다(두 번째 값인 timeless가 true로 설정되어 있다고 가정).
numFrames는 값이 몇 프레임 후에 변경되어야 하는지를 제어합니다. 따라서 3프레임마다 새로운 임의의 값을 얻으려면 3프레임마다 변경되는 숫자가 필요합니다. 이를 위해 현재 시간을 numFrames로 나누고 그 결과를 반내림합니다. 따라서 숫자는 3프레임마다 1씩 증가하며 3프레임마다 새로운 진화 값을 갖게 됩니다. 이것이 원리입니다.
numFrames를 사용하면 10프레임마다 설정할 수도 있지만, 여기서는 3프레임으로 남겨두겠습니다.
이 솔루션은 성능이 조금 더 뛰어나지만 그렇게 할 수는 있지만 그럴 필요는 없습니다.
