애프터이펙트 표현식(Expression) 5편 - random으로 무작위 값 만들기, seedRandom으로 고정하기

 

 

4편에서는 wiggle로 레이어를 부드럽게 흔들었습니다. 5편에서는 random을 다룹니다. wiggle이 "원래 값 주변을 부드럽게 오가는" 움직임이라면, random은 "범위 안에서 아무 값이나 하나 뽑는" 기능입니다. 레이어를 여러 개 복제했을 때 위치, 크기, 색을 하나하나 정하지 않고 알아서 흩어지게 만들 때 씁니다.

애프터이펙트 표현식(Expression) 4편 - wiggle로 흔들기, 한 축만 흔들기와 슬라이더로 세기 조절

 

이걸 알면 달라지는 것

별 20개를 화면에 흩뿌리고 싶을 때, 20개의 위치를 손으로 정하는 대신 한 줄짜리 표현식을 넣고 복제하면 끝납니다. AI에게 물어봐도 random([0,0],[1920,1080]) 같은 코드는 바로 나옵니다. 그런데 그대로 붙여 넣으면 별들이 매 프레임 자리를 옮기며 깜빡입니다. 이걸 멈추는 게 seedRandom 한 줄이고, 이번 편의 핵심입니다. 이 한 줄을 알면 "무작위인데 고정된" 배치를 원할 때마다 다시 뽑을 수 있습니다.

화면은 영문 인터페이스로 캡처했습니다. 한글 UI에서는 Source Text는 소스 텍스트, Position은 위치, Scale은 비율, Opacity는 불투명도, Fill은 칠, Slider는 슬라이더로 보입니다. 영문판으로 바꾸는 방법은 한글판 애프터이펙트 영문판으로 바꾸는 방법에 정리해 두었습니다.

맥에서 한글판 애프터이펙트 영문판으로 바꾸는 방법 (ae_force_english.txt)

 

1. random() 하나만 써 보기

텍스트 레이어의 Source Text(소스 텍스트) 스톱워치를 Option(Alt) + 클릭하고 입력합니다.

random()

 

 

화면에 0.9859612926342435 같은 숫자가 나옵니다. 재생하면 이 숫자가 매 프레임 바뀝니다. 값은 항상 0 이상 1 미만입니다.

2. 범위 정하기

괄호 안에 숫자를 넣으면 범위를 정할 수 있습니다.

코드	나오는 값
random()	0 ~ 1
random(100)	0 ~ 100
random(50, 100)	50 ~ 100

3편에서 배운 Math.floor를 같이 쓰면 정수로 뽑을 수 있습니다. 주사위라면 이렇습니다.

애프터이펙트 표현식(Expression) 3편 - time으로 키프레임 없이 움직이기, Math.round로 숫자 정리하기

 

Math.floor(random(1, 7))

 

 

random(1, 7)은 1 이상 7 미만이므로, 소수점을 내리면 1~6 중 하나가 나옵니다. 위 화면은 5가 나온 순간입니다. 반올림(Math.round)을 쓰면 7이 나올 수 있으니 주사위에는 내림이 맞습니다.

3. 배열로 뽑기: 위치를 무작위로

셰이프 레이어로 별을 하나 만들고 Position(위치)에 입력합니다. 값이 2개인 위치에는 배열 두 개를 넣습니다. 첫 번째가 최소, 두 번째가 최대입니다.

random([0, 0], [1920, 1080])

 

 

X는 0~1920, Y는 0~1080 사이에서 각각 뽑혀서 별이 화면 아무 곳에나 놓입니다. 문제는 이 위치가 매 프레임 바뀐다는 점입니다. 재생하면 별이 화면 여기저기로 순간이동합니다.

4. seedRandom으로 고정하기

무작위로 뽑되 한 번 뽑은 값을 계속 유지하려면 앞에 한 줄을 넣습니다.

seedRandom(1, true);
random([0, 0], [1920, 1080])

• 첫 번째 숫자(1)는 "씨앗"입니다. 이 숫자를 바꾸면 다른 무작위 값이 나옵니다. 주사위를 다시 굴리는 버튼이라고 생각하면 됩니다.
• 두 번째 true는 "시간이 지나도 바꾸지 마라"라는 뜻입니다. 이것이 빠지면 여전히 매 프레임 바뀝니다.

아래 두 화면은 플레이헤드를 2초 29프레임과 4초 29프레임에 둔 모습입니다. 시간이 달라도 위치는 832.1, 1016.7로 같습니다.

 

 

 

 

별이 화면 아래쪽에 걸려 있어서 마음에 안 들면 1을 2, 3으로 바꿔 보면 됩니다.

5. 복제하면 레이어마다 다른 값

이 표현식이 들어간 레이어를 Cmd(Ctrl) + D로 여러 번 복제해 보세요. 코드는 똑같은데 레이어마다 다른 위치에 놓입니다. 애프터이펙트가 무작위 값을 만들 때 레이어 번호도 함께 섞기 때문입니다.

 

 

위 화면은 별 하나를 20개로 복제한 모습입니다(Shape Layer 1~20). 위치를 하나도 손으로 정하지 않았는데 화면에 흩어졌습니다. 별, 눈송이, 점 같은 요소를 하나 만들어 두고 복제만 하면 됩니다.

6. 크기와 색도 무작위로

같은 방식으로 다른 속성에도 씁니다.

크기(Scale)는 찌그러지지 않게 값 하나를 뽑아 양쪽에 씁니다(4편과 같은 방법).

애프터이펙트 표현식(Expression) 4편 - wiggle로 흔들기, 한 축만 흔들기와 슬라이더로 세기 조절

 

seedRandom(1, true);
var s = random(50, 150);
[s, s]

색은 셰이프 레이어의 Contents > Polystar 1 > Fill 1 > Color(내용 > 다각형 1 > 칠 1 > 색상)에 입력합니다. 솔리드 레이어라면 Effect > Generate > Fill(효과 > 생성 > 칠)을 넣고 그 Color에 넣으면 됩니다.

seedRandom(1, true);
random([0, 0, 0, 1], [1, 1, 1, 1])

 

 

표현식에서 색은 [빨강, 초록, 파랑, 알파] 네 개의 값이고, 각각 0~1 사이입니다. 255가 아니라 1이 최대라는 점이 처음에 헷갈리는 부분입니다. 위 화면에서 별마다 크기(84.0% 등)와 색이 제각각인 것을 볼 수 있습니다.

7. 씨앗을 슬라이더로

2편에서 배운 슬라이더를 씨앗에 연결하면, 코드를 열지 않고 슬라이더 값만 바꿔서 배치를 다시 뽑을 수 있습니다. 별마다 seedRandom(1, true)가 들어 있으면 배치를 바꿀 때 20개 레이어의 숫자를 전부 고쳐야 하니, 숫자를 Null 개체 하나에 모아 두는 방식입니다.

애프터이펙트 표현식(Expression) 2편 - 표현식 컨트롤로 슬라이더·체크박스 연결하기

 

1. Layer > New > Null Object로 Null 1을 만듭니다.
2. Null 1에 Effect > Expression Controls > Slider Control을 넣고 이름을 "씨앗"으로 바꿉니다(효과 이름 선택 후 Return).
3. 별 레이어의 Position에 아래처럼 입력하고 복제합니다. 가운데 부분은 표현식 뚝딱 도구로 "씨앗" 슬라이더를 끌어다 놓으면 자동으로 들어갑니다.

seedRandom(thisComp.layer("Null 1").effect("씨앗")("Slider"), true);
random([0, 0], [1920, 1080])

 

 

위 화면은 "씨앗" 슬라이더를 2로 바꾼 상태입니다. 슬라이더 값을 바꿀 때마다 모든 별의 배치가 한꺼번에 새로 바뀝니다. 템플릿을 만들 때 "배치 다시 섞기" 버튼처럼 쓸 수 있습니다. 한글 UI라면 마지막 이름이 "슬라이더"입니다.

8. 활용: 반짝이는 별

true를 빼면 매 프레임 바뀐다는 성질을 일부러 쓸 수도 있습니다. 별의 Opacity(불투명도)에 넣으면 깜빡이는 효과가 됩니다. 4편의 posterizeTime을 붙이면 너무 정신없지 않게 속도를 늦출 수 있습니다.

posterizeTime(8);
random(30, 100)

 

 

위치는 seedRandom(…, true)로 고정하고, 불투명도만 매 프레임 바뀌게 두었습니다. 별마다 밝기가 달라지며 제자리에서 반짝입니다.

9. wiggle과 random의 차이

	wiggle	random
움직임	부드럽게 오감	뚝뚝 순간이동
기준	원래 값 주변	정한 범위 안 아무 곳
고정	할 수 없음(계속 움직임)	seedRandom(n, true)로 고정
주 용도	흔들림, 떠다님	배치, 크기·색 섞기, 깜빡임

10. 자주 하는 실수

증상	확인할 것
레이어가 매 프레임 순간이동한다	seedRandom(n, true)의 true를 넣었는지
위치가 한쪽 축만 바뀐다	최소·최대를 둘 다 배열 [x, y]로 썼는지
색이 전부 흰색이다	색 값을 0~255가 아니라 0~1로 썼는지
주사위에 7이 나온다	Math.round가 아니라 Math.floor를 썼는지
세미콜론 오류	seedRandom(...) 줄 끝에 ;가 있는지(1편)
슬라이더 연결 코드에서 오류	Null 이름, 효과 이름, 속성 이름이 화면과 같은지(Slider / 슬라이더)

AI에게 random을 시킬 때 확인할 것

AI가 짜 준 코드를 그대로 붙여 넣기 전에 이것만 보면 됩니다.

• 고정된 배치를 원했는데 seedRandom이 빠진 코드가 오면, 첫 줄에 seedRandom(1, true);를 직접 넣으면 됩니다.
• 색 코드에 255가 보이면 0~1 범위로 바꿔야 합니다.
• 레이어마다 다른 값을 내려고 index를 복잡하게 섞는 코드가 오는 경우가 있습니다. 애프터이펙트는 기본으로 레이어마다 다른 값을 내므로, 대개 그 부분은 없어도 됩니다.
• "부드럽게 움직이게" 하고 싶은데 random을 주면 뚝뚝 끊깁니다. 그때는 4편의 wiggle이 맞습니다.

정리

항목	핵심
random()	0 ~ 1
random(최소, 최대)	범위 안에서 하나
random([x1,y1], [x2,y2])	위치처럼 배열로
seedRandom(n, true)	한 번 뽑은 값 고정, n을 바꾸면 다시 뽑기
복제	코드가 같아도 레이어마다 다른 값
색	[R, G, B, A], 각각 0~1

다음 편

6편에서는 noise를 다룹니다. random처럼 무작위지만 이웃한 값끼리 자연스럽게 이어지는 값으로, 구름처럼 천천히 일렁이는 움직임을 만들 때 씁니다.

 

참고: Adobe After Effects 표현식 공식 문서, François Lefebvre 『After Effects: The Power of Expression』(개념 참고), Manuel Steinhauser 『Expressions Cheat Sheet』(예제 참고)