모양 선을 테이퍼하여 흥미로운 애니메이션을 만들고 모양에 부드러움을 추가하는 방법을 알아봅니다.
2

물결 모양, 뽀족한 모양 또는 둥근 선을 모양 레이어에서 만들고 선 모양에 애니메이션 효과를 주어 흥미로운 그래픽 요소를 만듭니다. Illustrator와 달리 모양의 모든 지점에서 임의의 두께를 정의할 수 있습니다. 대신 After Effects에는 끝이 테이퍼되거나 흔들리도록 하는 매개 변수가 있습니다.

선을 테이퍼하는 기능과 함께 이 기능은 점차 두께를 줄여 더욱 세련된 모양을 연출합니다. 애니메이션 테이퍼가 시간에 따라 얼마나 부드럽게 시작되고 끝나는지를 강조할 수 있습니다. 모양 레이어에 새로 선을 만드는 경우 모양에 대한 선 및 채우기에서 시작할 수 있습니다.


[테이퍼 선]을 통해 다음과 같은 일을 할 수 있습니다.

adjust_taper_

패스를 따라 테이퍼가 시작되는 위치 조정

선의 시작과 테이퍼 길이 크기를 테이퍼하고 부드러운 정도를 조절할 수 있습니다.
예를 들어 선의 중간에서만 테이퍼를 시작하려면 길이 시작 속성을 사용하여 50%의 값을 설정합니다( 길이 단위를 퍼센트로 설정한 경우).

both-end

양쪽 끝에서 선 테이퍼

[시작 길이][끝 길이] 속성을 사용하여 양쪽에서 선을 테이퍼할 수 있습니다. 예를 들어 웨이브의 양쪽 끝이 중간에 비해 더 유동적이고 매끄럽게 되도록 할 수 있습니다.

adjust-roundness

테이퍼 원형률 조정

테이퍼로 뾰족한 가장자리를 만들 수 있지만 양쪽을 부드럽게 할 수 있습니다. [시작 완화][끝 완화] 속성을 사용합니다.

wave

선 전체 길이를 따라 가변 두께의 웨이브 만들기

선에 웨이브를 추가하고 실험적인 모양의 두께를 조정할 수도 있습니다. 웨이브 매개변수를 사용하여 웨이브를 추가합니다.

선 텍스트 애니메이션

테이퍼와 다른 사용자 지정 선 결합

또한 대시, 트림 패스 추가 등 다른 선 수정을 통해 다른 모양을 만들 수도 있습니다. 예를 들어, 쓰기 애니메이션을 만들고 트림 패스 속성을 사용하여 모션을 추가할 수 있습니다.

제어

먼저, 테이퍼 선으로 작업할 수 있는 컨트롤은 다음과 같습니다.

테이퍼: 패스를 따라 선의 폭을 조정하는 데 사용합니다.

길이 단위: 백분율픽셀 두 옵션 중 선택합니다. 패스 자르기 등을 통해 패스 크기에 애니메이션을 적용할 때 테이퍼 길이를 패스 길이에 고정하기 위해 픽셀을 사용하는 것이 좋습니다. 중간에서 끝까지 테이퍼(50% 사용)할 때 길이를 패스 길이 기준으로 하려면 백분율을 사용합니다.

시작 길이: 선의 시작 부분에서부터 테이퍼 길이를 조절합니다.

길이: 선의 끝 부분에서부터 테이퍼 길이를 조절합니다.

시작 너비: 패스의 시작 길이를 따라 테이퍼의 두께를 제어합니다. 효과를 보려면 시작 길이를 0이 아닌 값으로 설정해야 합니다.

너비: 패스의 끝 길이를 따라 테이퍼의 두께를 제어합니다. 효과를 보려면 끝 길이를 0이 아닌 값으로 설정해야 합니다.

시작 완화: 시작 길이를 따라 테이퍼의 원형을 제어합니다. 선를 따라 테이퍼의 날카로운 가장자리에 작용하여 더 자연스러운 모양을 위해 부드럽게 합니다. 슬라이더를 사용하면 음수 값은 뾰족하게 테이퍼되고, 0은 선형 테이퍼, 양수 값은 둥글게 테이퍼됩니다.

완화: 끝 길이를 따라 테이퍼의 원형률을 제어합니다. 선를 따라 테이퍼의 날카로운 가장자리에 작용하여 더 자연스러운 모양을 위해 부드럽게 합니다. 슬라이더를 사용하면 음수 값은 뾰족하게 테이퍼되고, 0은 선형 테이퍼, 양수 값은 둥글게 테이퍼됩니다.

웨이브: 패스를 따라 선에 웨이브를 추가하는 데 사용합니다.

  • : 선에 추가된 웨이브의 강도 및 개수를 제어합니다. 값이 작을수록 얕은 웨이브가 되고 값이 높을수록 더 깊은 웨이브가 됩니다.
  • 단위: 파장을 픽셀로 측정할지, 사이클로 측정할지를 제어합니다. 닫힌 모양 패스에는 사이클을 사용하면 가장자리의 연속성을 유지할 수 있습니다.
  • 파장: 웨이브 사이의 간격을 제어합니다. 작은 값을 사용하면 성긴 웨이브가 되며, 값이 높으면 웨이브가 촘촘해집니다.
  • 위상: 패스를 따라 웨이브의 위상차를 상쇄하여 웨이브를 패스 길이 전체에 걸쳐 애니메이션화합니다.

웨이브 단위 선택에 따라 결과가 달라집니다

[단위]를 [사이클]로 설정한 웨이브
[사이클]로 설정된 [단위]

[단위]를 [사이클]로 설정하면 [파장] 매개변수는 [사이클]이 됩니다. [파장] 값을 1로 설정하면 선에 웨이브가 하나만 표시됩니다. 파장 증가에 따라 웨이브 수도 증가합니다. 닫힌 모양에서 가장 잘 작동합니다.

[단위]를 [픽셀]로 설정한 웨이브
[픽셀]로 설정된 [단위]

[단위]를 [픽셀]로 설정하면 파장 매개변수는 픽셀이 됩니다. 열린 모양 선에서 가장 잘 작동합니다.

모양 선 테이퍼는 어떻게 사용하나요?

모든 설정을 완료하고 컨트롤을 이해한 후, 모양에 선을 만들어 보십시오.

테이퍼

  1. 컴포지션을 작성하려면 [컴포지션] > [새 컴포지션]을 선택합니다.

    또는

    홈 화면에서 [새 컴포지션] 타일을 클릭합니다.

    또는

    [프로젝트] 패널에서 [컴포지션] 아이콘을 클릭합니다.

  2. [펜] 도구를 클릭하거나 [G. Draw] 직선을 눌러 그에 따라 모양을 수정합니다. 선 크기와 칠 색상을 조정합니다. 굵은 선 크기에서 더 눈에 띄는 결과를 얻을 수 있습니다.

  3. [타임라인] 패널에서 삼각형을 클릭하여 구성 요소를 표시합니다. [모양 레이어] > [컨텐츠] > [스트로크1] > [테이퍼] 를 선택합니다.

    테이퍼 메뉴
    테이퍼 매개 변수
  4. 길이의 시작 부분에서 테이퍼하는 경우 [길이 시작] 속성 및 슬라이드를 사용하여 값을 조정합니다. 마찬가지로 다른 수정의 경우 [테이퍼] 매개 변수의 다른 컨트롤을 수정합니다.

    모션을 추가하려면 키프레임을 사용합니다. 속성 옆의 스톱워치를 클릭하고 값을 조정합니다. 작은 값으로 시작하여 점진적으로 늘릴 수 있습니다. 값을 변경할 때마다 현재 시간 지표를 기반으로 키프레임이 추가됩니다. 자세한 내용은 키프레임 설정 또는 추가를 참조하십시오.

웨이브

다음 단계를 사용하여 선에 웨이브를 추가합니다.

  1. 동일한 [선1] 매개 변수 아래 [테이퍼] 아래에 [웨이브]가 있습니다. 삼각형을 열어 속성을 표시합니다.

    웨이브 메뉴
    웨이브 매개 변수
  2. 속성을 사용하여 웨이브의 강도를 조정합니다.

  3. 예를 들어, 잎과 같이 촘촘한 웨이브의 경우 파장을 더 낮은 값으로 설정하십시오. 머리카락 가닥을 만드는 것과 같이 느슨한 웨이브의 경우 더 높은 값으로 설정하십시오.

  4. 패스를 따라 웨이브를 오프셋하도록 위상을 설정하여 웨이브가 패스 길이를 가로질러 애니메이션 적용할 수 있도록 합니다. 4초 간격으로 0에서 360까지 애니메이션화합니다.

참고:

Illustrator에서 테이퍼 선을 가져올 수는 없습니다. 현재는 After Effects의 기본 선에 있는 테이퍼 선만 사용할 수 있습니다.

예제 - 테이퍼 선으로 쓰기 효과 만들기

이 애니메이션을 만들고 실험해 보려면 샘플 .aep 프로젝트를 다운로드하여 시작하십시오. 테이퍼 및 웨이브 매개 변수를 사용해 보고 이 애니메이션을 기반으로 빌드할 수 있습니다.

테이퍼 텍스트 애니메이션

샘플 파일 다운로드

다운로드

질문이나 아이디어가 있으신가요?

ask-the-community

이 기능에 대해 이해하셨다면 커뮤니티에서 실제 예시를 확인하고 작업을 공유해 보세요. Adobe는 테이퍼 기능에 대한 사용자의 의견과 테이퍼 선으로 만든 결과물을 기다리고 있습니다.