표현식을 사용하여 애니메이션의 동작을 설정해 봅니다.
샘플 파일은 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 에셋입니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면Adobe Stock 에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오.
학습한 내용: 표현식의 다양한 적용 방법
표현식을 사용하는 이유
표현식을 사용하면 키프레임보다 빠르고 손쉽게 애니메이션을 만들 수 있습니다.
표현식 적용
Option(macOS) 또는 Alt(Windows)를 누른 상태에서 매개 변수의 초시계를 클릭하여 해당 매개 변수에 표현식을 적용합니다.
간단한 표현식으로 시작
우선 흔들기 표현식을 만들어 봅니다. 처음부터 만들려면 표현식을 적용하고 타임라인에서 선택합니다. 그런 다음 타임라인을 클릭하여 텍스트 상자를 열고 wiggle을 입력한 다음 (10,5)와 같이 괄호 안에 두 값을 입력합니다. 텍스트 상자 밖을 클릭하여 흔들기 표현식을 적용합니다.
흔들기 표현식의 첫 번째 숫자는 매개 변수가 초당 흔들리는 횟수입니다. 두 번째 숫자는 그 움직임의 정도를 나타냅니다. 위에 있는 예제의 경우 레이어가 초당 10회 움직이고 매개 변수에 대해 어느 방향으로도 5 정도만 조정합니다.
매개 변수 뚝딱 툴로 매개 변수 연결
상위 및 링크 열에서 매개 변수 뚝딱을 한 매개 변수에서 다른 매개 변수로 드래그하여 두 매개 변수를 연결하면 한 매개 변수가 다른 매개 변수를 제어합니다. 예를 들어 한 레이어의 회전으로 다른 레이어의 위치를 결정할 수 있습니다.
수학 계산을 사용하여 표현식 적용
표현식을 느리게(/) 하거나 표현식을 빠르게(*) 하려면 표현식 끝에 수학 연산자를 추가합니다. 또한 특정 숫자를 더하고(+) 뺄(-) 수 있습니다.
팁: 표현식은 많이 적용할수록 자연스러워집니다. 뚝딱 툴을 사용하여 여러 매개 변수를 서로 연결하고 수학 계산을 활용함으로써 표현식에 대한 이해의 폭을 넓힐 수 있습니다.