표현식을 사용하여 애니메이션의 동작을 설정해 봅니다.

필요 항목

샘플 파일은 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 에셋입니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면 Adobe Stock에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오.

학습한 내용: 표현식의 다양한 적용 방법

표현식을 사용하는 이유

표현식을 사용하면 키프레임보다 빠르고 손쉽게 애니메이션을 만들 수 있습니다.

표현식 적용

  • Option(macOS) 또는 Alt(Windows)를 누른 상태에서 매개 변수의 초시계를 클릭하여 해당 매개 변수에 표현식을 적용합니다.

간단한 표현식으로 시작

  • 우선 흔들기 표현식을 만들어 봅니다. 처음부터 만들려면 표현식을 적용하고 타임라인에서 선택합니다. 그런 다음 타임라인을 클릭하여 텍스트 상자를 열고 wiggle을 입력한 다음 (10,5)와 같이 괄호 안에 두 값을 입력합니다. 텍스트 상자 밖을 클릭하여 흔들기 표현식을 적용합니다.

흔들기 표현식의 첫 번째 숫자는 매개 변수가 초당 흔들리는 횟수입니다. 두 번째 숫자는 그 움직임의 정도를 나타냅니다. 위에 있는 예제의 경우 레이어가 초당 10회 움직이고 매개 변수에 대해 어느 방향으로도 5 정도만 조정합니다.

매개 변수 뚝딱 툴로 매개 변수 연결

  • 상위 및 링크 열에서 매개 변수 뚝딱을 한 매개 변수에서 다른 매개 변수로 드래그하여 두 매개 변수를 연결하면 한 매개 변수가 다른 매개 변수를 제어합니다. 예를 들어 한 레이어의 회전으로 다른 레이어의 위치를 결정할 수 있습니다.

수학 계산을 사용하여 표현식 적용

  • 표현식을 느리게(/) 하거나 표현식을 빠르게(*) 하려면 표현식 끝에 수학 연산자를 추가합니다. 또한 특정 숫자를 더하고(+) 뺄(-) 수 있습니다.

팁: 표현식은 많이 적용할수록 자연스러워집니다. 뚝딱 툴을 사용하여 여러 매개 변수를 서로 연결하고 수학 계산을 활용함으로써 표현식에 대한 이해의 폭을 넓힐 수 있습니다.

Adobe 로고

내 계정 로그인