지난 주에 저는 "선을 가지고 노는 그래픽 디자인의 단순성에 대한 송가"라는 제목의 게시물을 게시했으며 여기에는 선, 원과 같은 단순한 모양을 사용하는 놀라운 아트워크 및 그래픽 디자인 탐색 모음이 포함되어 있습니다. 몇 가지 예에는 정말 멋진 공통점이 있었습니다. 원의 격자와 같은 단순한 패턴이지만 영리하게 변형된 것입니다. 간단한 선 격자에 Photoshop의 변위 효과를 사용한다고 상상해 보십시오. 결과는 확실히 놀랍고 After Effects 자체 교육 프로그램을 계속하기 위해 이를 복제하고 여기 Abduzeedo에서 약간의 After Effects 자습서와 함께 공유하기로 결정했습니다.

따라서 이 자습서에서는 사용 가능한 필터와 효과만 사용하여 After Effects에서 간단한 변형 효과를 만드는 방법을 보여 드리겠습니다. 전체 프로세스는 20분 이상 걸리지 않지만 렌더링은 영원히 걸릴 수 있습니다.

애프터 이펙트 튜토리얼

1 단계

가장 먼저 할 일은 간단한 패턴을 만들어 캔버스에 적용하는 것입니다. 이를 위해 저는 Illustrator를 사용했습니다. 아마 이보다 더 쉬운 방법은 없을 것입니다.

따라서 Illustrator를 열고 새 문서를 만듭니다. After Effects에서 컴포지션 크기를 1080x1440픽셀로 사용하고 있습니다.

그런 다음 타원 도구(L)를 선택하고 원을 만듭니다. 그런 다음 개체> 패턴> 만들기로 이동하십시오. 패턴 옵션 패널이 표시됩니다. 아트에 타일 크기 조정 및 아트와 함께 타일 이동을 선택합니다. 그런 다음 취향에 따라 H Spacing과 V Spacing을 조정하십시오.

2 단계

Illustrator에서 아트웍을 내보냅니다. Illustrator 파일을 가져오거나 단순히 PNG를 가져올 수 있습니다. 나는 작은 파일 크기를 생성했기 때문에 후자를 수행했습니다. After Effects에서 새 컴포지션을 추가하고 이름을 Dots로 지정합니다. 1080x1440픽셀을 사용하고 있습니다. 거기에서 점 파일을 가져옵니다.

3단계

다른 컴포지션을 만들고 이름을 Main으로 지정합니다. Dots 컴포지션을 타임라인으로 드래그합니다. 이렇게 하는 이유는 나중에 점에서 선으로 이미지를 바꿀 수 있고 주요 효과는 변경되지 않기 때문입니다.

그런 다음 Dots comp를 선택하고 Effects>Distort>Turbulent Displacement로 이동합니다. 난류 스무더 또는 벌지 스무더를 선택합니다. Size를 약 400-500으로 변경하고 Amount를 40-50으로 변경합니다. 고정이 없음이고 레이어 크기 조정이 선택되어 있는지 확인합니다.

4단계

이제 Evolution을 애니메이션으로 만들면 됩니다. 첫 번째 프레임은 0x00으로 유지하고 마지막 프레임에는 3x00을 추가하면 됩니다. 3번의 진화를 수행합니다.

결론

이제 간단하게 애니메이션을 적용할 수 있습니다. 다양한 패턴 유형 또는 변형을 생성하는 다른 방법을 탐색할 수도 있습니다. 저는 Wrap과 Displace Map을 가지고 놀았고 결과는 매우 흥미로웠습니다. 아래에서 몇 가지 예를 볼 수 있습니다.