[펜] 및 모양 도구를 사용하여 모양을 만들고 수정하며 Illustrator 및 Photoshop의 패스를 After Effects로 복사합니다.

[컴포지션] 패널에 모양 도구나 [펜] 도구로 그려서 모양 레이어를 만듭니다. 그런 다음 기존 모양에 모양 특성을 추가하거나 해당 모양 레이어 내에 모양을 만들 수 있습니다. 기본적으로 모양 레이어가 선택되어 있을 때 [컴포지션] 패널에서 그리면 해당 모양 레이어 내에서 선택한 모양이나 모양 그룹 위에 모양이 만들어집니다. 모양 레이어가 아닌 이미지 레이어를 선택한 상태로 [컴포지션] 패널에서 모양 도구나 [펜] 도구를 사용하여 그리면 마스크를 만들 수 있습니다. 자세한 내용은 After Effects에서 마스크 만들기를 참조하십시오.

[모양] 도구의 단축키는 Q이고 [펜 도구]의 단축키는 G입니다.

Heroimage

참고:

[컴포지션] 패널에서 그리기를 통해 모양 레이어를 만들기 전에 F2 키를 눌러 모든 레이어를 선택 해제하십시오.

일반적으로 새 모양에는 모양을 그릴 때 [도구] 패널에서 구성한 [칠] 및 [선] 설정에 해당하는 칠과 선이 있습니다. 해당 모양을 그린 후 [도구] 패널에서 같은 컨트롤을 사용하여 선택한 모양의 이러한 특성을 변경할 수 있습니다. 텍스트로 만든 모양은 원본 텍스트의 칠 및 선과 일치하는 칠과 선을 사용하여 만들어집니다.

벡터 아트 푸티지를 모양으로 전환하기

벡터 아트 푸티지 레이어로 모양 레이어를 만들고 이를 수정할 수 있습니다. 개체에 경사와 돌출을 만드는 After Effects의 기능을 사용하여 아트워크에 돌출을 적용하여 입체 로고를 만드는 등의 작업을 할 수 있습니다. 자세한 내용은 텍스트 및 모양 레이어에 돌출 적용을 참조하십시오.

벡터 아트 푸티지 레이어를 모양 레이어로 전환하려면 레이어 > 만들기 > 벡터 레이어에서 모양 만들기를 선택합니다. 해당하는 모양 레이어가 푸티지 레이어 위로 표시되고 푸티지 레이어는 보기 해제됩니다.

  • 현재 Illustrator 파일의 일부 기능이 유지되지 않습니다. 이러한 기능으로는 불투명도, 이미지 및 그라디언트가 있습니다.
  • 변환된 모양이 [푸티지 해석] 대화 상자에 지정된 PAR 재정의를 무시합니다.
  • 그라디언트 및 지원되지 않는 유형이 50%의 회색 모양으로 표시될 수 있습니다.
  • 패스가 수천 개 있는 파일의 경우 가져오는 속도가 느리며 피드백이 표시되지 않을 수 있습니다.
  • 메뉴 명령이 한 번에 하나의 선택된 레이어에서만 작동합니다.
  • Illustrator 파일을 컴포지션(여러 레이어)으로 가져오는 경우 한 번에 모든 레이어를 전환할 수 없습니다. 하지만 파일을 푸티지로 가져오면 명령을 사용하여 단일 푸티지 레이어를 여러 모양으로 전환할 수 있습니다.

모양 도구로 드래그하여 모양 만들기

모양 도구에는 [사각형] , [둥근 사각형] , [타원] , [다각형] 및 [별] 도구가 있습니다.

참고:

모양 도구를 활성화하고 순환하려면 Q 키를 누릅니다.

다각형은 [내부 반경]이나 [내부 원형률] 속성이 없는 별입니다. 따라서 다각형이나 별로 만든 모양의 이름은 똑같이 다각형 별입니다.

[컴포지션] 패널이나 [레이어] 패널에서 모양 도구로 드래그하여 선택한 레이어에 마스크를 만들 수 있습니다. [컴포지션] 패널에서 모양 도구로 드래그하여 선택한 모양 레이어에 모양을 만들 수 있습니다. 레이어를 선택하지 않은 상태로 [컴포지션] 패널에서 모양 도구로 드래그하면 새 모양 레이어에 모양이 만들어집니다.

참고:

모양 레이어에 마스크를 그리려면 모양 도구를 활성화한 상태로 [도구] 패널에서 [도구로 마스크 만들기] 단추 를 클릭합니다.

[컴포지션] 패널에서 모양 도구로 드래그하여 모양을 만들면 파라메트릭 모양 패스가 만들어집니다. 대신에 베지어 모양 패스를 만들려면 클릭하여 드래그를 시작하기 전에 Alt 키(Windows) 또는 Option 키(Mac OS)를 누릅니다. 드래그 작업을 완료하기 전에 키를 놓을 수 있습니다. 모든 마스크 패스는 베지어 패스입니다. 자세한 내용은 모양 및 모양 레이어를 참조하십시오.

드래그는 [컴포지션] 패널이나 [레이어] 패널에서 클릭하여 그리기를 시작할 때 시작되고 마우스 버튼을 놓을 때 끝납니다. 단일 드래그 작업 중에 서로 다른 시간에 수정자 키를 누르면 다음과 같이 결과가 달라집니다.

  • 그리고 있는 모양이나 마스크의 위치를 변경하려면 드래그하는 동안 스페이스바나 마우스 가운데 단추를 누르고 있습니다.

  • 그리는 동안 해당 중심을 기준으로 원, 타원, 정사각형, 둥근 정사각형, 사각형 또는 둥근 사각형의 비율을 조정하려면 드래그를 시작한 후 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누르고 있습니다. 마우스 단추를 놓아서 그리기를 마칠 때까지는 키를 놓지 마십시오.

  • 그리기 작업을 취소하려면 Esc 키를 누릅니다.

참고:

각각의 모양 도구에는 해당 도구로 최근에 수행한 그리기 작업의 설정이 유지됩니다. 예를 들어 별을 그리고 점 개수를 10으로 수정하면 다음에 그리는 별에도 10개의 점이 있게 됩니다. 도구의 설정을 초기화하고 기본 설정에서 모양을 만들려면 [도구] 패널에서 해당 도구를 두 번 클릭합니다. 레이어 크기로 모양 또는 마스크 만들기를 참조하십시오.

사각형, 둥근 사각형, 정사각형 및 둥근 정사각형 그리기

  1. [사각형] 도구 또는 [둥근 사각형] 도구를 선택하고 다음 중 하나를 수행합니다.
    • 사각형이나 둥근 사각형을 그리려면 대각선으로 드래그합니다.
    • 정사각형이나 둥근 정사각형을 그리려면 Shift 키를 누른 상태에서 대각선으로 드래그합니다.
Rectangle

2.  (선택 사항) 둥근 사각형이나 둥근 정사각형을 그리는 경우 마우스 버튼을 놓기 전에 다음을 수행합니다.

  • 모서리의 원형률을 높이거나 낮추려면 위쪽 또는 아래쪽 화살표 키를 누르거나 마우스 휠을 앞 또는 뒤로 굴립니다.
  • 모서리의 원형률을 최소값이나 최대값으로 설정하려면 왼쪽 또는 오른쪽 화살표 키를 누릅니다.

3.  마우스 버튼을 놓아 그리기를 마칩니다. 정사각형이나 둥근 정사각형을 그리는 경우에는 마우스 버튼을 놓은 후 Shift 키를 놓습니다.

참고:

정사각형은 컴포지션의 픽셀 종횡비에 따른 정사각형으로 만들어집니다. 컴포지션의 픽셀 종횡비가 1이 아닌 경우 정사각형은 [컴포지션] 패널 아래쪽에서 [픽셀 종횡비 교정 켜기/끄기] 버튼 을 선택해야만 [컴포지션] 패널에 정사각형으로 나타납니다.

타원 및 원 그리기

  1. [타원] 도구 를 선택하고 다음 중 하나를 수행합니다.
    • 타원을 그리려면 대각선으로 드래그합니다.
    • 원을 그리려면 Shift 키를 누른 상태에서 대각선으로 드래그합니다.
  2. 마우스 버튼을 놓아 그리기를 마칩니다. 원을 그리는 경우에는 마우스 버튼을 놓은 후 Shift 키를 놓습니다.
Circle

참고:

원은 컴포지션의 픽셀 종횡비에 따른 원형으로 만들어집니다. 컴포지션의 픽셀 종횡비가 1이 아닌 경우 원은 [컴포지션] 패널 아래쪽에서 [픽셀 종횡비 교정 켜기/끄기] 버튼 을 선택해야만 [컴포지션] 패널에 원으로 나타납니다.

다각형 및 별 그리기

  1. [다각형] 도구 또는 [별] 도구를 선택하고 다음 중 하나를 수행합니다.
    • 다각형이나 별을 그릴 때 드래그하여 비율을 조정하고 회전합니다.
    • 다각형이나 별을 그릴 때 Shift 키를 누른 상태에서 드래그하여 회전을 방지하면서 비율을 조정합니다.
Starploygon

2.  (선택 사항) 마우스 버튼을 놓기 전에 다음을 수행합니다.

  • 점을 추가하거나 제거하려면 위쪽 또는 아래쪽 화살표 키를 누르거나 마우스 휠을 앞 또는 뒤로 굴립니다.
  • 외부 원형률을 높이거나 낮추려면 왼쪽 또는 오른쪽 화살표 키를 누릅니다.
  • 마우스를 이동하여 외부 반경을 높일 때 별의 내부 반경을 일정하게 유지하려면 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누르고 있습니다.
  • 별의 내부 원형률을 높이거나 낮추려면 Page Up 키 또는 Page Down 키를 누릅니다.

3.  마우스 버튼을 놓아 그리기를 마칩니다. Shift 키를 누른 상태에서 드래그하여 회전을 방지하는 경우에는 마우스 버튼을 놓은 후에 Shift 키를 놓습니다.

펜 도구를 사용하여 베지어 모양 또는 마스크 만들기

[컴포지션] 패널이나 [레이어] 패널에서 [펜] 툴을 사용하여 선택한 레이어에 베지어 마스크를 만들 수 있습니다. [컴포지션] 패널에서 [펜] 툴을 사용하여 선택한 모양 레이어에 베지어 패스가 있는 모양을 만들 수 있습니다. 레이어를 선택하지 않은 상태로 [컴포지션] 패널에서 [펜] 도구로 그리면 새 모양 레이어에 모양이 만들어집니다.

로토베지어 패스 만들기는 수동 베지어 패스 만들기와 유사합니다. 주된 차이점은 정점의 방향선과 패스 선분의 곡률이 자동으로 계산된다는 것입니다.

펜 도구를 사용하여 수동 베지어 패스 만들기

  1. [펜] 툴을 선택하고 [툴] 패널에서 [로토베지어] 옵션을 선택 해제한 상태로 [컴포지션] 패널에서 첫 번째 정점을 배치할 곳을 클릭합니다.
  2. 다음 정점을 배치할 곳을 클릭합니다. 곡선 선분을 만들려면 방향선 핸들을 드래그하여 원하는 곡선을 만듭니다.

    참고:

    클릭하여 배치한 후 마우스 단추를 놓기 전에 정점의 위치를 변경하려면 드래그하는 동안 스페이스바를 누르고 있습니다.

    마지막으로 추가한 정점은 내부가 칠해진 정사각형으로 표시되어 선택된 상태임을 나타냅니다. 이전에 추가한 정점은 정점을 더 추가함에 따라 내부가 칠해지지 않은 상태가 되고 선택 해제됩니다.

  3. 패스를 완성할 준비가 될 때까지 2단계를 반복합니다.
  4. 다음 중 하나를 수행하여 패스를 완성합니다.
    • 패스를 닫으려면 첫 번째 정점 위에 포인터를 놓고 포인터 옆에 닫힌 원 아이콘이 나타나면 정점을 클릭합니다.또한 마지막 정점을 두 번 클릭하거나 레이어 > 마스크 및 모양 패스 > 닫힘을 선택하여 패스를 닫을 수도 있습니다.
    • 패스를 열어 두려면 다른 도구를 활성화하거나 F2 키를 눌러 해당 패스를 선택 해제합니다.

펜 도구로 직선 수동 베지어 패스 선분 그리기

[펜] 툴로 그릴 수 있는 가장 단순한 패스는 직선으로, [펜] 툴로 클릭하여 두 개의 정점을 만들면 직선을 그릴 수 있습니다. 계속해서 클릭하면 꼭짓점으로 연결된 직선 선분으로 구성된 패스가 만들어집니다.

  1. [펜] 툴을 직선 선분이 시작될 곳에 놓고 클릭하여 정점을 배치합니다. 드래그하지 마십시오.
    펜 도구로 클릭하면 직선 선분을 만들 수 있습니다.
    펜 도구로 클릭하면 직선 선분을 만들 수 있습니다.
  2. 선분이 끝날 곳을 다시 클릭합니다. Shift 키를 누른 상태에서 클릭하면 모퉁이 점에서 선분 사이의 각도가 45°의 정배수로 제한됩니다.
  3. 계속해서 클릭하여 추가 직선 선분의 정점을 설정합니다.

펜 툴로 곡선 수동 베지어 패스 선분 그리기

방향선을 드래그하여 곡선 패스 선분을 만듭니다. 방향선의 길이와 방향에 따라 곡선 모양이 결정됩니다.

참고:

Shift 키를 누른 상태에서 드래그하면 방향선의 각도가 45°의 정배수로 제한됩니다. Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 상태에서 드래그하면 나가는 방향선만 수정됩니다.

1.  곡선을 시작할 곳에 [펜] 도구를 놓고 마우스 버튼을 누르고 있습니다. 정점이 나타나고 [펜] 도구 포인터가 화살촉 모양으로 바뀝니다.

2.  드래그하여 정점의 양쪽 방향선 모두의 길이와 방향을 수정한 다음 마우스 버튼을 놓습니다.

곡선 패스의 첫 번째 정점 그리기
곡선 패스의 첫 번째 정점 그리기

A. 펜 툴 배치 B. 마우스 버튼을 누른 상태에서 드래그 시작 C. 드래그하여 방향선 확장 

3.  곡선 선분을 끝낼 곳에 [펜] 도구를 놓고 다음 중 하나를 수행합니다.

  • C자 모양의 곡선을 만들려면 이전 방향선을 드래그한 방향과 반대되는 방향으로 드래그한 다음 마우스 버튼을 놓습니다.
곡선 패스의 두 번째 정점 그리기
곡선 패스의 두 번째 정점 그리기

A. 드래그 시작 B. 이전 방향선과 반대 방향으로 드래그하여 C자 곡선 만들기 C. 마우스 버튼을 놓은 후의 결과 
  • S자 모양의 곡선을 만들려면 이전 방향선과 같은 방향으로 드래그한 다음 마우스 버튼을 놓습니다.
S자 곡선 그리기
S자 곡선 그리기

A. 드래그 시작 B. 이전의 방향선과 같은 방향으로 드래그하여 S자 곡선 만들기 C. 마우스 버튼을 놓은 후의 결과 

4.  계속해서 다른 위치에서 [펜] 도구를 드래그하여 일련의 매끄러운 곡선을 만듭니다.

레이어 크기로 모양 만들기

  1. 새 모양의 대상을 선택합니다.

    • 기존 모양 레이어에 모양을 만들려면 모양 레이어를 선택합니다.
    • 컴포지션 치수로 새 모양 레이어에 모양을 만들려면 F2 키를 눌러 모든 레이어를 선택 해제합니다.
    • 모양 패스를 바꾸려면 [컴포지션] 패널이나 [타임라인] 패널에서 모양 패스(그룹이 아님)를 선택합니다.
  2. [도구] 패널에서 [사각형] , [둥근 사각형] , [타원] , [다각형] 또는 [별] 도구를 두 번 클릭합니다.

텍스트 문자로 모양 만들기

텍스트로 모양 만들기를 사용하여 각 문자의 외곽선을 추출하고 이를 이용해 모양을 만들어 새 모양 레이어에 배치할 수 있습니다. 이렇게 만든 모양은 다른 모양과 똑같이 사용할 수 있습니다.

텍스트로 마스크 만들기를 사용하여 각 문자의 외곽선을 추출하고 이를 이용해 마스크를 만들어 새 단색 레이어에 배치할 수 있습니다. 이렇게 만든 마스크는 다른 마스크와 똑같이 사용할 수 있습니다.

참고:

Webdings와 같은 일부 글꼴 모음에는 텍스트가 아닌 그래픽 이미지인 문자가 포함됩니다. 이러한 글꼴 모음의 텍스트를 변환하는 것은 모양 레이어에서 단순 그래픽 요소로 시작하는 좋은 방법이 될 수 있습니다.

텍스트에서 모양 만들기
  1. 모양으로 변환할 텍스트를 선택합니다.
    • 텍스트 레이어에 있는 모든 문자의 모양을 만들려면 [타임라인] 패널 또는 [컴포지션] 패널에서 텍스트 레이어를 선택합니다.
    • 특정 문자의 모양을 만들려면 [컴포지션] 패널에서 문자를 선택합니다.
  2. 다음 중 하나를 수행합니다.
    • 레이어 > 텍스트로 모양 만들기를 선택합니다.
    • 레이어를 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(macOS)하고 컨텍스트 메뉴에서 텍스트로 모양 만들기를 선택합니다.

  • 텍스트 레이어의 [비디오] 스위치 가 꺼집니다.
  • 레이어 겹침 순서 맨 위에 새 모양 레이어가 만들어집니다. 새 레이어에는 선택한 문자마다 하나의 모양 그룹이 포함되고 텍스트의 칠 및 선 속성과 일치하는 칠 및 선 속성도 포함됩니다.
  • ie와 같이 복합 패스로 구성되는 문자의 경우 여러 패스가 만들어져 [패스 병합] 패스 작업과 결합됩니다.
  • 텍스트 레이어의 [변형] 속성 그룹에 있는 속성의 효과, 마스크, 레이어 스타일, 키프레임 및 표현식이 새 모양 레이어 또는 단색 레이어에 복사됩니다.

Illustrator 또는 Photoshop에서 패스 복사

Illustrator 또는 After Effects에서 패스 복사

Illustrator 또는 Photoshop에서 패스를 복사하여 After Effects에 마스크 패스나 모양 패스로 붙여넣을 수 있습니다.

Illustrator에서 복사한 데이터가 After Effects와 호환되도록 하려면 Adobe Illustrator [환경 설정] 대화 상자의 [파일과 클립보드] 섹션에서 [AICB] 옵션을 선택해야 합니다.

Photoshop에서 가져온 패스의 비율을 올바르게 조정하려면 Photoshop 문서의 해상도가 72dpi여야 하는데, 72 dpi는 [필름 및 비디오] 사전 설정을 사용하여 Photoshop에서 만든 문서의 [해상도] 설정입니다.

복사한 Illustrator 또는 Photoshop 패스를 After Effects 동작 패스로 사용할 수도 있습니다. 마스크, 모양 또는 페인트 패스로 동작 패스 만들기를 참조하십시오.

Adobe Illustrator에서 그린 패스(왼쪽)와 After Effects에 마스크로 붙여넣은 패스(오른쪽)
Adobe Illustrator에서 그린 패스(왼쪽)와 After Effects에 마스크로 붙여넣은 패스(오른쪽)
  1. Illustrator 또는 Photoshop 내에서 전체 패스를 선택하고 편집 > 복사를 선택합니다.

  2. After Effects에서 다음 중 하나를 수행하여 붙여넣기 작업의 대상을 정의합니다.
    • 마스크를 만들려면 레이어를 선택합니다.
    • 기존 마스크 패스 또는 모양 패스를 바꾸려면 해당 [패스] 속성을 선택합니다.

    참고:

    패스를 모양 패스로 붙여넣으려면 모양 레이어에서 기존 모양의 [패스] 속성을 선택해야 합니다. 이렇게 선택하면 After Effects에 붙여넣기 작업의 대상이 지정됩니다. 이 방법으로 대상을 지정하지 않으면 전체 레이어가 대상으로 간주되므로 새 마스크가 그려집니다. 모양 레이어가 비어 있는 등의 이유로 [패스] 속성이 없는 경우에는 [펜] 도구로 자리 표시자 패스를 그린 다음 Illustrator에서 가져온 패스를 해당 자리 표시자 패스에 붙여넣을 수 있습니다.

  3. [편집] > [붙여넣기]를 선택합니다. 여러 패스를 한 모양 패스로 붙여넣으면 첫 번째 패스가 모양 패스에 들어가고 나머지 패스는 새 마스크 패스로 붙여넣어집니다.

동작 패스로 모양 만들기

위치 키프레임, 기준점 키프레임 또는 효과 조절점 위치 키프레임을 복사하여 선택한 마스크 패스나 모양 패스에 붙여넣을 수 있습니다. 동작 패스로 마스크 패스나 모양 패스를 만들 때는 단일 [위치] 속성에서만 키프레임을 복사해야 합니다. 다른 속성의 키프레임은 복사하지 마십시오.

참고:

[동작 스케치]를 사용하여 동작 패스를 그린 다음 해당 패스를 마스크 패스 또는 모양 패스에 붙여넣습니다.

동작 패스로 마스크 또는 모양 만들기
우주선의 동작 패스를 배경 레이어에 복사하여 애니메이션화

동작 패스로 모양 패스 만들기

  1. [타임라인] 패널에서 동작 패스를 복사할 [위치] 속성 또는 [기준점] 속성 이름을 클릭합니다. 그러면 모든 키프레임이 선택됩니다. 동작 패스에서 일부 키프레임만 선택하려면 Shift 키를 누른 상태로 클릭합니다.
  2. [편집] > [복사]를 선택합니다.
  3. 모양 레이어를 만들려면 F2 키를 눌러 모든 레이어를 선택 해제한 다음 [펜] 도구로 [컴포지션] 패널을 클릭하여 단일 점 베지어 패스를 만듭니다.

  4. 모양의 [패스] 속성을 표시하려면 SS를 누릅니다. 모션 패스의 키프레임을 붙여넣을 [패스] 속성의 이름을 클릭합니다.
  5. [편집] > [붙여넣기]를 선택합니다.

동작 패스로 마스크 패스 만들기

동작 패스로 마스크 만들기를 참조하십시오.

변형하는 동안 모양 그룹 복제

그룹 선택 모드에서 모양 그룹을 선택한 경우 [컴포지션] 패널에서 이동 또는 회전하거나 비율을 조정하는 동안 그룹을 복제할 수 있습니다.

Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 상태에서 드래그하여 그룹을 변형합니다.

키를 누른 상태에서 포인터를 그룹 변형 상자 가까이에 놓으면 포인터가 복제 포인터( 또는 )로 바뀝니다.