[2026 책갈피 릴레이 3] After Effects 익스프레션을 활용해보자.

카테고리 없음

[2026 책갈피 릴레이 3] After Effects 익스프레션을 활용해보자.

51GM4 2026. 3. 16. 18:07

📆 1주차
3월 2일 · 유성
https://yuseong-spa.tistory.com/

3월 3일 · 이원21
https://blog.naver.com/leejw888

3월 4일 · 픔MAD
https://otomad.tistory.com/

3월 5일 · ㅇㅈㅇ
https://heunyagye.tistory.com/

3월 6일 · 보리차
https://bolicha04.tistory.com/

📆 2주차
3월 9일 · KETURU
https://keturu0705.tistory.com/

3월 10일 · 킷캣
https://kitkat0627.tistory.com/

3월 11일 · C1G0
https://c1g0.tistory.com/

3월 12일 · 루즈윈
https://losewin.tistory.com/

3월 13일 · TangenT
https://crownshredder.blogspot.com/

📆 3주차
3월 16일 · SIGMA
https://sigmay2p.tistory.com/

3월 17일 · 민혜서
https://mineralsoju.tistory.com/

3월 18일 · 빈모드
https://slashpage.com/binmode

3월 19일 · 카이사르
https://kyser.tistory.com/

3월 20일 · 꿀바람
https://honeywind1020.tistory.com/

반갑반갑 SIGMA입니다.

슬슬 날이 풀리기 시작함에도 방심할 수 없는 일교차로 인해 외출 시 복장에 깊은 고민을 하게 되는 날입니다.

다들 이를 의식하여 감기 등 질병에 걸리지 않도록 유의하시길 바랍니다.

다름이 아니라 지난 2025 책갈피 릴레이 기사 2에 이어서, 이번 2026 책갈피 릴레이 기사 3에도 참가하게 되어 이렇게 새로운 기사로 만나 뵙게 되었습니다.

그때는 책 추천하는 그다지 합성과 관련 없는 조금 지루한 글을 보였었는데, 이번에는, 또 책 추천 같은 걸 올렸다간 재미없는 책벌래 이미지가 생길 것 같으니, 잠깐 분위기 전환을 해보고자 이전과 달리 합성에서도 활용할 만한 팁을 조금 드리려고 합니다.

애프터 이펙트를 사용하시는 분들께는 꽤나 쏠쏠한 도움이 될, 익스프레션에 대한 정보에 대해 말해보고자 합니다.

대부분 뇌피셜이라 틀린 부분이 있을 수도 있습니다. 다 읽을 거라 기대는 안 하는데 틀린 부분 혹은 궁금한 부분이 있다면 디스코드 혹은 X DM으로 연락 바랍니다.

디스코드 : 114_51gm4

트위터 : @sigma0914

0. 익스프레션이란

익스프레션은 특정 속성 값을 코드를 통해 조정하게 해주는 기능입니다.

가령 예를 들자면 우리가 가장 흔하게 쓰는 wiggle(위글) 같은 경우에는 "해당 속성 값을 임의의 값만큼 흔들어라"라는 명령을 내리는 것이죠.

코드를 작성해야한다는 점에서 선뜻 접근하기 어려워하시는 분들이 많았지만, 요즘 같이 챗GPT, 제미나이 같은 AI들이 발전한 지금, 제 주변에도 익스프레션을 활용하여 영상을 제작하는 분들이 적지 않게 보이고 있습니다.

따라서 본인이 코딩에 자신이 있다거나, 현재 구독 중인 AI가 있는 분들이라면 이번 기회에 익스프레션을 적극 활용해볼만 하실 겁니다.

그럼 이제 본격적으로 시작해보겠습니다.

1. wiggle

앞서 언급했듯이 합성계에서 가장 많이 사용할 것으로 추정되는 익스프레션입니다.

보통 "wiggle(a, b)"의 형태로 자주 사용하고, 이때 a는 흔들리는 빈도, b는 흔들리는 강도를 의미하죠.

평소에는 위와 같은 형태로만 사용하고 계셨다면, 이번 기회에 새로운 응용법을 배워보도록 합시다.

"자꾸 흔들리는 방향이 바뀌어요."

wiggle을 쓰실 때마다 느껴지는 것이 있을텐데, 바로 흔들리는 방향, 즉 랜덤 시드(Random seed)가 계속 바뀐다는 점입니다.

새 레이어를 만들 때, 컨트롤 z를 눌렀을 때 등등 영상 제작을 하고 있노라면 자꾸 랜덤 시드가 바뀌어 맘에 들었던 위글이 자꾸 이리저리 바뀌는 모습을 볼 수 있습니다.

그럼 이 랜덤 시드를 하나로 고정시키려면 어떻게 해야할까요?

seedRandom(1);
wiggle(100,100)

간단합니다. 위에 "seedRandom(a);"만 추가해주면 돼요. 이때 a 위치에 원하는 시드 값을 정수로 입력해주세요.

위와 같이 seedRandom을 통해 시드 값을 고정해주면 다른 행동을 해도 언제나 그 시드 값으로 고정되어 움직임이 그대로 유지됩니다.

단, 같은 시드 값의 익스프레션을 다른 곳에 그대로 복사하면, 모두 하나로 묶인 듯이 똑같이 움직이게 되니, 서로 다른 움직임을 하게 원한다면 시드 값을 서로 다르게 설정해주시길 바랍니다.

"가로/세로만 움직이게 하고 싶어요."

기본적으로 wiggle은 위치, 비율과 같이 [x, y] 이렇게 2개의 값을 가진 속성에는 자동으로 모든 값에 각각 wiggle을 적용시켜줍니다.

따라서 우리는 wiggle을 하나만 적용해도 알아서 x 값에 적용할 wiggle이 하나, 그리고 y 값에 적용할 wiggle을 또 하나 적용시켜준다는 거죠. 게다가 3D를 활성화하여 [x, y, z]로 3개의 값으로 늘어도 마찬가지로 wiggle을 3번 적용시켜줍니다.

이런 점은 일반적으로는 좋은 기능이지만, 위와 같은 상황에서는 조금 불편할 수도 있겠네요.

그런고로 wiggle을 가로/세로 움직임에만 적용시키고 싶다면 어떻게 해야할까요?

[wiggle(100,100)[0], value[1]]	//가로 wiggle
[value[0], wiggle(100,100)[1]]	//세로 wiggle

위에 적힌 각 두 줄의 코드로 가로/세로만 wiggle을 적용시킬 수 있습니다.

두 줄 중에 원하는 것을 하나 골라서 사용해주시면 되겠습니다.

자세한 설명은 생략하겠습니다.

2. 속성 값을 코드로 추출하는 법

익스프레션으로 할 수 있는 수 많은 것들 중 코드의 ㅋ(키읔)자도 모르는 여러분들도 손쉽게 할 수 있을만한 것을 알려드리겠습니다.

사칙연산만 할 줄 알면 됩니다.

"속성 값을 가져오는 법"

애프터 이펙트에는 수많은 속성이 있습니다. 변형 탭에 있는 위치, 회전, 비율 등을 포함해 우리가 효과를 추가했을 때 그 안에서 수치를 조정할 수 있는, 키프레임을 생성할 수 있는 대부분의 속성 값을 우리는 익스프레션에 불러올 수 있습니다.

예를 들어 한 가지 익스프레션을 만들어봅시다.

어떤 레이어의 회전 값을 다른 레이어에도 적용하고 싶다면

이렇게 나선 모양의 아이콘을 가져오고 싶은 속성 쪽으로 드래그 해주시면 됩니다.

그러면 이렇게 가져올 속성을 코드(정확히는 해당 속성을 지칭하는 객체명)로 변환하여 익스프레션에 작성해줍니다.

이 상태로 "중간 회색-자주 단색 1" 레이어의 회전 값을 움직이면 익스프레션을 작성한 레이어의 회전 값 또한 같이 움직여지는 것을 볼 수 있습니다.

언젠가 한 번 생각해보시지 않았나요. NULL 레이어, 부모 링크를 활용하면서, 아예 같이 묶는 게 아닌 회전, 비율 값만 가져오고 싶다고. 방법을 몰라서 키프레임 무한 복사 지옥에 갇혔던 적이 있었다면 이젠 안심하십쇼. 이제 여러분은 익스프레션을 배웠으니까요. 여러분은 이제 문명인입니다.

그런데 이 방법은 하나의 값을 그대로, "변함 없는" 채로 가져옵니다. 그럼 만약

"어떤 속성 값에 조금 변화를 주고 싶어요."

위에서 사칙연산만 할 줄 안다면 괜찮다고 말씀드렸습니다.

말 그대로에요.

위의 익스프레션과 달리 어떤 레이어의 회전 값의 2배로 빠르게 움직이게 하고 싶다면 다음과 같이 익스프레션을 바꿔줍시다.

thisComp.layer("중간 회색-자주 단색 1").transform.rotation * 2

와 진짜 간단하다.

아까 전의 익스프레션 뒤에 " * 2 ", 이 두 글자만 추가해주면 됩니다.

만약 회전 값보다 180도 더 크게 움직이고 싶다면 " + 180 ", 절반만큼만 움직이고 싶다면 " / 2 "를 붙여주면 됩니다.

단, 이렇게 붙이면 속성 값을 직접 조정하는 것이 불가능해지고, 키프레임을 만들어도 적용되지 않는 걸 볼 수 있습니다. 직접 속성 값을 드래그 해서 움직여도 그대로일 겁니다.

thisComp.layer("중간 회색-자주 단색 1").transform.rotation * 2 + value

그럴 때는 이렇게 "value"를 더해주면 해당 레이어의 속성 값에 가져온 다른 레이어의 속성 값을 더해서 적용할 수 있습니다.

아까 wiggle에서도 사용했는데, value는 해당 속성 자체의 값을 나타냅니다.

그럼 위의 코드는 해당 레이어의 속성 값에 "중간 회색-자주 단색 1 레이어의 회전 값의 두 배"만큼 더해주는 동작을 하게 됩니다.

3. time

time, 말그대로 현재 위치한 곳의 시간을 나타내는 객체입니다.

보통 시간의 흐름에 따라 바뀌는 모션 등을 짜고 싶을 때 사용할 수 있죠.

그럼 time을 활용해서 어떤 모션을 만들 수 있을까요?

"위아래로 흔들거리는 모션을 만들고 싶어요."

여기서는 수학 관련 함수들을 사용할 수 있게 만들어주는 Math도 같이 사용합니다.

우선 이 모션을 만들기 위한 익스프레션부터 보도록 하죠.

[value[0], value[1] + 50 * Math.sin(10 * time)]

처음 보는 게 등장하네요.

"Math.sin(10 * time)" 부분을 간단하게 설명해보겠습니다.

"Math.sin()" 함수는 삼각함수 중 "sin 함수"를 불러오는 함수입니다.

대충 이렇게 생긴 곡선이 바로 sin 함수입니다.

이때 Math.sin() 함수의 괄호 안에 time을 집어 넣어주면, 시간이 지남에 따라 위의 그래프 곡선처럼 오르락 내리락하는 값을 내보냅니다.

위에서 보여준 익스프레션을 보면 y 값에 원래 속성 값인 "value[1]"에 Math.sin() 함수를 더해주었는데, 이는 y축 방향, 즉 위아래로 사인 곡선처럼 일정하게 흔들리게 만들어주는 함수인 것이죠.

그런데 단순히 Math.sin(time)이 아닌 다른 숫자를 곱해주는 부분들이 있는데, 이는 sin 그래프 곡선의 모양을 조절해주는 파라미터 같은 역할을 해줍니다.

"a * Math.sin(b * time)"과 같이 적었다면, a는 곡선의 위아래 높이, b는 위아래로 흔들리는 빈도를 나타내죠. a가 클수록 더 높이 움직이고, b가 클수록 더 자주 흔들리게 되는 겁니다.

[value[0] + 10 * Math.sin(50 * time), value[1]]	//좌우로 흔들리게
value + 10 * Math.sin(5 * time)		//회전 속성에 적용 시 좌우로 까딱거리는 모션이 완성

또한 위와 같이 응용하여 위 아래가 아닌 좌우로 흔들리게, 회전 속성에 적용하여 좌우로 까딱거리는 모션을 만들 수도 있습니다.

참고로 위에서는 반복 운동을 하는 sin 함수를 활용하였는데, 대각선 모양의 일차함수, 포물선 모양의 이차함수 등, 다른 모양의 함수들도 따라서도 만들 수 있답니다.

"time만 적으니까 0초를 기준으로 증가해서 영상 후반부에는 값이 너무 커져요."

time은 영상에서 현재 시간을 나타내므로, 몇 분 씩이나 뒤로 가서 사용하면 그 값이 너무 커져서 원하는 모션이 나오지 않을 때도 있습니다.

그렇다면 특정 시점을 기준으로 시간을 측정하게 하기 위해서는 어떻게 하면 좋을까요?

[value[0], value[1] + (time - inPoint) * 500]			//레이어의 시작 부분을 기준으로
[value[0], value[1] + (time - key(1).time) * 500]		//첫번째 키프레임을 기준으로
[value[0], value[1] + (time - marker.key(1).time) * 500]	//첫번째 마커를 기준으로

다음과 같이 3가지 방법이 있습니다.

첫번째 방법은 레이어의 시작 부분을 기준으로 시간을 측정하는 방법으로, 원래 time이 들어갈 위치에 "(time - inPoint)"를 넣어줍니다.

inPoint는 레이어가 화면에 보이기 시작하는, 즉 레이어의 시작 부분의 시간을 나타내는 것으로 이를 통해 시작 부분을 기준으로 시간을 다시 측정할 수 있게 만들어줍니다. 반면, 레이어가 끝나는 시점은 outPoint로 표현할 수 있습니다.

두번째 방법은 해당 속성의 첫번째 키프레임을 기준으로 시간을 측정하는 방법으로, time 대신 "(time - key(1).time)"을 넣어줍니다.

key(1).time이 현재 속성 첫번째 키프레임의 시간을 나타내며, 1 대신에 다른 숫자를 넣어서 첫번째가 아닌 키프레임을 기준으로도 삼을 수 있습니다.

마지막으로 세번째 방법은 레이어에서 첫번째 마커를 기준으로 시간을 측정하는 방법으로, time 대신 "(time - marker.key(1).time)"을 넣어줍니다.

marker.key(1).time이 레이어의 첫번째 마커의 시간을 나타내며, 키프레임의 경우와 마찬가지로 1 대신 다른 숫자를 넣어서 다른 마커를 기준으로 삼을 수 있습니다.

갑자기 좀 복잡한 이야기가 되었네요.

다음은 wiggle보다는 아니지만, 마지막으로 여러분도 조금은 써봤을 익스프레션을 다뤄보도록 하겠습니다.

4. loopOut

흔히 키프레임 반복을 위해 사용하는, 애프터 이펙트에서 자체적으로 제공하는 익스프레션 프리셋에도 존재하는 함수입니다.

이번에는 이 loopOut에 대해 조금 자세히 알아보도록 하겠습니다.

"loopOut의 파라미터"

loopOut에는 두 가지 파라미터가 존재합니다.

loopOut(type, numKeyframes)

첫번째 파라미터는 type으로, cycle, offset, pingpong, continue, 이렇게 4가지가 있으며, 어떤 식으로 반복할 지를 결정합니다.

두번째 파라미터는 numKeyframes, 반복할 키프레임의 개수를 결정합니다. 단, 0이라면 모든 키프레임을 반복하도록 설정합니다.

참고로 type의 종류 별 반복 방식은 다음과 같습니다.

출처 : https://motiondesign.school/blog/top-3-after-effects-expressions/

numKeyframes는 앞서 말했듯 반복할 키프레임의 개수인데, 이때 반복하는 키프레임은 가장 마지막 키프레임에서부터 역방향으로 셉니다. 예를 들어 키프레임 1, 2, 3, 4, 5가 있을 때, numKeyframes를 3으로 설정하면 1부터 5까지 이동 후, 3, 4, 5를 type에 맞춰서 반복하게 되는 것입니다.

또한, 각 파라미터는 입력하지 않아도 자동으로 설정되는 디폴트 값이 존재합니다.

loopOut()처럼 괄호 안을 비워버리면, type은 cycle, numKeyframes는 0으로 설정됩니다.

이상으로 간단한 익스프레션 강좌를 마치도록 하겠습니다.

시청각 자료가 감자칩 봉지 속 감자칩 양만큼이나 적은 읽기 힘든 글을 읽어주셔서 정말 감사합니다.

생각보다 별거 없기는 하지만, 이 정도만 알아도 영상 제작에는 작지 않은 도움은 될 거라고 생각합니다.

사실 제가 작업할 때는 조금 더 복잡한 익스프레션을 사용합니다만, 그걸 여기에 적었다가는 읽다가 중도 탈주하는 분들이 대량 발생하거나 제가 마감일을 맞추지 못하는 사태가 벌어질 수도 있으므로 과감하게 누락시켰습니다.

비록 제가 아는 모든 걸 적지는 못했다만, 그 대신이라고 할까, 여러분 영상 제작에 도움이 되시라고 기존에 제작했던 스크립트들을 재차 공유하겠습니다.

https://youtu.be/gW3NE7XhfcE?si=yoiqsQ5W3Stds98Q