After Effect의 Shape 전용 효과 중 인기있는 것이 바로 리피터이다. 도형이나 선형애니메이션에 적용하는 Trim Paths와 같이 즐겨사용하는 Repeater는 복제를 해주는 선형 애니메이션 기법 중 추가하는 기능으로 Shape가 있는 현재 레이어를 마치 여러개가 있는 것 같은다중 복제된 허상을 보이게하는 기능을 Repeater가 수행합니다.
Repeater 는 가만히 있어도 복제가 되지만, Echo는 움직임이 있어야 잔상이 보이는 차이점이 있습니다
잔상효과 Echo
애프터이펙트의 CG효과 중 모션블러 처럼 키프레임 애니메이션이나 광고 속 움직이는 비디오의 피사체의 잔상을 남기는 Echo의 표현방법을 소개하겠습니다. 메아리와 잔상 Echo특정레이어의 위치
oztv.tistory.com
★1 Shape자체내에 움직임이 있는 오브젝트 Repeater 하기
기본 도형인 타원, 직사각형, 선을 콤프의 중심기준으로 ★Shape를 그리고 / Add ▶ Repeater를 적용할 것입니다. 여러분이 아는 Effects&Presets에서 찾는 Echo와는 다르게 ★Shape 자체내에 Trim Path와 같은 Add 추가기능이 반복자 Repeater 입니다. 아래 자체내에 숨쉬며 움직이는 Shape의 선두께 이동 등 애니메이션 따라한 후 같은녀석들을 복제반복시켜보자
01. Shape 레이어 내부에서 애니메이션을 구현하라!
직사각형 Retangle 을 그려놓은 Shape1 레이어 내에서 그려놓은 형상의 이름을 엔터치고 Group이라 변경하고, 기본 Transform이 절대 아닌! Shape... 여기서는 Group이라는 Object(1개 레이어에 여러 오브젝트를 그려서 표현하는 일러스트레이터의 표현이 Shape내에서도 유사하게 표현된다) 내에서 애니메이션을 구현하는 미션을 수행해야 합니다. 마치 움직이는 손오공 캐릭터라고 생각하고 위로 올라가는 내공을 갖추고 기존의 P S R T Transform은 절대 사용하지 말고 아래 Size 등의 변화를 애니메이션해보세요.
[ 집중 ] 직사각형의 크기 Retangle Path1의 Size의 변화 / Stroke Width의 변화/ Transform Grou1의 Position의 변화를 Shape라는 작은 동네안에서 키프레임애니메이션을 구현해야 합니다.
02. Shape 레이어에 Repeater를 추가하고 속성수정하라!
움직이는 손오공이라고 생각한 직사각형 Retangle 을 그려놓은 Shape1를 Group이라는 Object내의 움직임이 위로만 올라가는 애니메이션이 재생되는데, 복제 없이 같은 오브젝트를 반복시키는 Repeater를 Add를 누르고 추가해서 아래 그림과 같이 속성을 일치시켜서 변경을 해주면, 원형으로8개의 오브젝트가 회전되어 배치되고 팡! 하는 효과를 다수가 표현할 수 있습니다. 신기한 기능같이 보입니다.
03. Shape 레이어를 복제하고 너의 맘대로 변용하라!
Ae가 제일 즐겨쓰는 부분이 나옵니다. 바로 복제해서 타임라인내에 다른 싯점에 보이게 이동시키고, 복제한 대상을 Fill컬러를 적용해 주고, 기본 변형인 회전과 크기를 조절하는데, 우선 R 회전으로 22.5도, S 크기를 조절해 커지는 것을 구현하면 팡! 팡! 폭죽터지는 효과가 멋지게 보여진다.
★2 Shape자체가 정적인 오브젝트 Repeater 하기
위에서는 Shape가 움직이려는 노력을 했다! 선도 가늘어지면서 크기가 줄어드는 키프레임 애니메이션이 된 녀석에 리피터를 적용했었다. 이번에는 움직이기도 싫고 가만히 그려놓은 타원에 몇몇 속성을 지정해서 터널과 같이 반복되는 것을 구현하는 방법을 알려준다.
Repeater 속성변경 : Copies를 3이상 100이내준다. Tansform Repeater의 Position 0,0 Scale 50%
Offset 앞 StopWatch를 Alt+클릭 후 time*-2 입력한다. 끝!
중심축으로 회전을 주는 경우에는
Transform:Repeater에서 Rotation의 각도는 Repeater1 Copies의 갯수만큼 정하기 힘들다. 이때 Rotation앞 Stopwatch를 Alt키를 누르고, 바로 Rotation @Exprssion Pick Whip을 Copies 제목에 올리면 자동으로 계산해 준다.
Sometimes the most productive thing you can do is relax.
때때로 당신이 할 수 있는 가장 생산적인 일은 긴장을 푸는 것입니다.
After Effect에서 직접 그린 Shape Layer의 Repeater
01. 선을 아래서 위로 Pen 도구를 이용해서 그리고 이동도구로 작업을 중지한다. 단순한 선형태도 좋고 아래 Taper에서 Start Length와 End Length 값을 조절해서, 그림과 같은 형태로 만들어도 됩니다. 일러스트레이터의 프로파일러와 같은 표현이 2020업데이트 버전에서 표현할 수 있습니다.
02. 선을 선택한 상태에서 Contents ▶ Add에서 Trim Paths 찾아서 기본 애니메이션 작업을 진행해 줍니다.
작업한 키프레임들을 모두 선택하고 F9 (Easy Ease)를 적용하고 그래프에디터를 띄어 뒷부분의 키프레임들을 시작지점인 왼쪽으로 이동하면 시작,끝을 제외한 중간에만 빠른 가속도 표현이 됩니다. 급격히 높거나 낮은 부분들이 가장 높은 Speed의 꼭대기를 기준으로 텐션감을 줄 수 있습니다.
03. 위에서 소개한 Trim paths외에도 현재 레이어의 S,P,R 등 표현하고 싶은 애니메이션을 주고 최종 완성된 상태에서 Repeater를 할 준비가 된 것입니다. 자! 02.단계의 모션그래픽 애니메이션을 처리한 현재 Shape 레이어를 선택한 상태에서 Contents ▶ Add에서 Repeater 찾아서 복제숫자인 Copies를 15 지정하고, 아래 ▼ Transform Repeater1를 펼친 후 Position 0 , Rotation을 24도로 지정해 줍니다. 원을 360도로 갯수를 입력해 회전되는 각도를 계산해 360/N=Rotation각도값을 지정하면된다.
만약에 중심을 아래로 해서 위와 같은 트림패스를 구현한 후에 Repeater를 적용한 후 중심기준의 회전이 안되는 경우에는 아래 그림과 같이 Anchor Point를 조절하면 휘도는 에러를 수정할 수 있다.
" 여기까지가
리피터의 주요 기능이고
아래는 응용형입니다."
Ai 레이어를 Shape 변환 후, Repeater
Ae에서 직접 멋진 Vector 드로잉을 할 수 없는 경우가 많습니다. 이럴때 Adobe illustrator에서 작업한 레이어를 구분한 Ai파일을 Import할때 Import type을 Composition - Retain Layer Size 혹은 Footage - Chose Layer로 원하는 레이어만 선택해서 가져 올 수 있습니다. Import 타입은 Ai, PDF 등 파일이 공통이며 이렇게 가져온 벡터레이어를 리피터 사용은 동일하며 화려한 모션그래픽을 표현할 수 있습니다. 참고로 PNG등 Raster Image( 비트맵 이미지)는 Repeater 모션그래픽 작업을 할 수 없습니다. 오직 Shape형태만 가능합니다.
 |
 |
▼ 아래 워터멜론 wm.ai파일을 가져와서 실습해보세요.
01. Ai파일을 Composition - Retain Layer Size 형태로 가져온 벡터레이어를 우클릭후에 Create Shapes from Vector Layer로 Shape형태로 변환시켜줍니다.
02. Shape자체의 Position, Scale, Rotate등 기본적인 애니메이션을 적용한 후에, Repeater 실행전 Y키로 앵커포인트 도구에서 중심을 변경하고 다음 단계로 진행합니다.
03. Shape가 되었으니 Contents의 Add가 활성화 되니 Repeater를 적용합니다.
04. 위에서 적용한 Repeater를 Shape에 적용할 수 있습니다.
"Shape전용 Repeater는
간단히 레이어 1개에 허상이 복제품이
나열되어 보여지는 장점이 있습니다."
PNG와 Comp를 위한 Exprssion으로 Repeater 유사표현
Shape 전용의 Repeater에 비해 PNG, 움직이는 요소가 들어간 Composition은 Repeater가 적용되지 않습니다. 그래도 뭔가 방법은 있지 않을까? 다양한 Script기반의 표현식과 Null을 이용한 복잡한 방법들이 있습니다. 이번 장에서는 간단한 수평으로 복제본의 배열하는 대안을 소개합니다.
'VFX CG' 카테고리의 다른 글
| Ae CG 포토샵 영상자르기 / 필터 Spider-man verse Comic Book fx (0) | 2026.06.09 |
|---|---|
| Ae CG 움직이는 대상의 잔상효과 Echo (1) | 2026.06.09 |
| 포트폴리오 & 크리에이터, 취업팁, 추천 튜토리얼(Ae,이력서, 자기소개서 ) (44) | 2026.06.08 |
| Ae CG 끈끈한 액체 텍스트, Gaussian Blur, Matte Choker, CC Smear (1) | 2026.06.08 |
| 파티클 표현 CC Particle World (1) | 2026.06.08 |
