키프레임을 사용하지 않고 표현식으로 애니메이션 설정

이 비디오에서는 키프레임을 사용하지 않고 깜빡이는 불빛 애니메이션을 만들어 문자를 보다 흥미롭고 강렬하게 보이도록 해보겠습니다.

먼저 이 그래픽이 어떻게 구성되어 있는지 살펴보죠.

레이어 1은 빨간색 글자입니다.

이 레이어의 가시성을 끄면 검은색 그림자가 있습니다.

그 아래에는 흰색 윤곽이 있고 그 아래에는 폭발하는 모양, 그 아래에는 배경이 있습니다.

모든 레이어의 가시성을 다시 켜고 흰 윤곽을 불빛으로 변경해 보죠.

POW!

white 레이어 3을 선택하고 상단에 있는 효과 메뉴에서 흐림/선명을 선택하고 패스트 박스 블러를 선택합니다.

흐림 반경 설정을 7로 변경하면 불빛이 번지는 효과가 생성됩니다.

애니메이션을 만들기 위해 키프레임 대신 표현식을 추가해 보죠.

Windows의 경우 Alt 키, Mac은 Option 키를 누른 상태에서 흐림 반경 옆에 있는 초시계를 클릭하면 표현식이 자동으로 추가됩니다.

타임라인을 보면 흐림 반경 아래에 "표현식: 흐림 반경"으로 되어 있고 오른쪽에는 텍스트 편집 영역이 표시됩니다.

이때 안을 클릭하지 않고 자동으로 입력을 시작해 보겠습니다.

흔들기 표현식을 추가할 것이므로 wiggle을 입력해 보죠. w-i-g-g-l-e 그런 다음 왼쪽 괄호를 입력하고 초당 20회 흔들리도록 하기 위해 20을 입력한 다음 쉼표 키를 누르고 5포인트씩만 흔들리도록 하기 위해 5를 입력한 다음 오른쪽 괄호를 입력하고 흰색 줄 바깥쪽 아무 데나 클릭하여 흔들기 표현식을 설정합니다.

스페이스바를 누르면 실제로 불빛이 흔들리는 것처럼 보입니다.

스페이스바를 다시 눌러 재생을 중지합니다.

표현식을 처음부터 입력하여 설정하는 방법을 살펴봤는데요.

또 다른 방법은 레이어 또는 효과의 한 매개 변수가 다른 매개 변수에 영향을 주도록 하는 것입니다.

흐림 반경의 강도를 기반으로 그림자의 회전을 조정해 보겠습니다.

레이어 2를 선택하고 R을 눌러 회전을 엽니다.

회전 옆을 보면 상위 및 링크 열에 뚝딱 툴이 있는데 회전에 영향을 주는 툴입니다.

이 회전 값을 흐림 반경과 일치시켜 보죠.

뚝딱 툴을 클릭하고 길게 누른 상태에서 흐림 반경으로 드래그한 다음 마우스를 놓으면 자동으로 표현식이 만들어집니다.

표현식 적용 여부는 빨간색 숫자로 알 수 있습니다.

또한 키프레임 버튼의 왼쪽에 화살표가 있는데요.

이 화살표를 열면 회전 표현식이 있고 이 컴포지션 레이어 ("POW!

white")에는 흐림 반경을 기반으로 한 패스트 박스 블러 효과가 적용되어 있다고 적혀 있습니다.

두 효과가 잘 어울리므로 스페이스바를 누르면 불빛과 동일한 강도로 회전합니다.

이 효과가 약간 투박해 보이는데요.

이렇게 많이 회전하지 않고 불빛의 흔들기 정도와 동일하게 회전하도록 해보죠.

스페이스바를 눌러 재생을 멈추고 회전 표현식에 해당하는 문자에서 아무 데나 한 번 클릭하여 문자의 모든 글자가 선택되면 오른쪽을 클릭한 다음 / 버튼을 누르고 10을 입력합니다.

이렇게 하면 표현식이 10으로 나눠집니다.

따라서 흐림 반경의 강도가 1/10이 됩니다.

바깥쪽을 클릭하면 이것은 8.1로 되고 여기는 0.8이 됩니다.

스페이스바를 다시 누르면 회전 효과가 동일한 속도로 깜빡이는데 이전처럼 많이 회전하지 않죠.

지금까지 살펴본 것처럼 키프레임을 사용하지 않고 표현식만으로 다이내믹한 애니메이션을 만들 수 있습니다.