SVG 파일 가져오기

검색

마지막 업데이트 날짜 2026년 6월 17일

변환 없이 바로 애니메이션을 적용할 수 있는 기본 편집 가능한 셰이프 레이어로 SVG 파일을 가져오는 방법을 알아보세요.

프로젝트 패널 내부를 두 번 클릭하거나 파일 > 가져오기 > 파일을 사용하여 SVG 파일을 찾아보고 가져옵니다.

메모

최신 After Effects 버전에서는 파일을 푸티지 또는 컴포지션으로 가져올 수 있습니다.
가져온 SVG 파일을 타임라인 패널로 끌어다 놓습니다.
속성 패널의 레이어 콘텐츠 섹션을 사용하여 SVG 구조를 보려면 레이어를 선택하세요.

속성 패널을 사용하여 SVG 파일 콘텐츠를 보고 해당 속성을 조정합니다.

레이어 옆의 화살표를 선택하여 펼친 다음 콘텐츠 섹션을 펼칠 수도 있습니다. 경로, 채우기, 변형과 같은 모든 개별 요소와 해당 속성이 표시됩니다.

SVG 레이어의 콘텐츠 섹션을 펼쳐 경로, 채우기, 변형을 포함한 속성에 액세스하고 편집합니다.
다른 셰이프 레이어와 마찬가지로 이러한 속성을 사용하여 애니메이션을 적용할 수 있습니다. 예를 들면 다음과 같습니다.
- 경로를 애니메이션화하여 모핑 효과 만들기
- 동적 전환을 위해 시간에 따라 채우기 색상 변경
- 변형 속성을 사용하여 요소를 개별적으로 크기 조정, 회전 또는 이동
레이어에 그레이디언트 채우기와 선이 있는 경우 크기 조정 및 회전 속성을 사용하여 그레이디언트에 애니메이션을 적용할 수 있습니다.

그레이디언트 채우기 속성을 사용하여 그레이디언트를 조정하거나 애니메이션을 적용합니다.

SVG 파일을 푸티지 또는 컴포지션으로 가져오기

After Effects의 SVG 가져오기 기능은 프로젝트에서 SVG 파일을 가져오는 방법에 대한 유연하고 향상된 제어 기능을 제공합니다. 최신 버전에서는 SVG 파일을 가져올 때 푸티지 또는 컴포지션으로 가져올지 선택할 수 있습니다.

푸티지로 가져오기	컴포지션으로 가져오기
SVG를 연속적으로 래스터화 가능한 단일 벡터 레이어로 가져옵니다.	편집 가능한 모양 레이어로 구성된 컴포지션으로 SVG를 가져옵니다.
외부 SVG 파일과의 연결을 유지합니다.	모든 요소가 편집 가능한 고유한 모양으로 변환됩니다.
아트워크를 부분으로 나눌 필요가 없는 단일 레이어 벡터 그래픽에 적합합니다.	개인 요소를 애니메이션화할 때 경로, 모양 및 레이어 레벨 세부 사항을 편집하는 데 유용합니다.

가져오기 환경설정에서 여러 파일 항목을 다음으로 드래그 옵션을 설정하여 SVG 파일을 가져올 때 기본적으로 사용할 가져오기 방식을 제어할 수 있습니다.

macOS: After Effects > 설정 > 가져오기 > 여러 파일 항목을 다음으로 드래그
Windows: 편집 > 환경 설정 > 가져오기 > 여러 파일 항목을 다음으로 드래그

환경 설정 대화 상자가 열려 있습니다. 가져오기 탭에서 여러 파일 항목을 다음으로 드래그 드롭다운 메뉴가 열리고, 가져오기 방법을 선택하는 옵션이 제공됩니다. — SVG 파일을 가져오는 기본 환경설정을 설정하여 푸티지 또는 컴포지션으로 가져올지 선택합니다.

프로젝트 패널 내부를 두 번 클릭하거나 파일 > 가져오기 > 파일을 사용하여 SVG 파일을 찾아보고 가져옵니다.
파일 가져오기 대화 상자의 다른 이름으로 가져오기 드롭다운 메뉴를 사용하여 다음 중 하나를 선택하십시오.
- 푸티지
- 컴포지션 - 레이어 크기 유지
푸티지를 선택하면 파일이 개인 요소에 액세스할 수 없는 단일 평면화된 레이어로 가져와지므로 정적 사용이나 애니메이션이 필요하지 않을 때 적합합니다. 컴포지션 – 레이어 크기 유지를 선택하면 각 소스 레이어가 실제 콘텐츠 크기로 개별적으로 가져와지는 새 컴포지션이 생성되어, 고정점이 더 깔끔해지고 애니메이션을 위한 변환이 더 쉬워집니다.

macOS

Windows
해당하는 경우 다음 옵션을 선택하십시오:
- 컴포지션 만들기: 기본 설정을 사용하여 새 컴포지션을 생성하고 가져온 SVG를 푸티지 또는 모양 레이어가 있는 컴포지션으로 타임라인에 자동으로 배치하여, 수동으로 컴포지션을 생성하고 SVG 파일을 드래그하는 과정을 생략할 수 있습니다.
- 확장 가능한 벡터 그래픽 시퀀스: 번호가 매겨진 여러 SVG 파일을 가져와서 프레임별 벡터 이미지 시퀀스로 처리합니다.
SVG 파일을 컴포지션으로 가져온 경우 속성 패널의 레이어 콘텐츠 섹션이나 타임라인에서 레이어의 콘텐츠 섹션을 사용하여 개인 요소와 해당 속성을 보고 작업하십시오.

푸티지로 가져온 경우 일반 레이어처럼 작동하며 표준 변형 속성을 사용하여 조정할 수 있습니다.

팁

Illustrator 파일과 마찬가지로 벡터 파일을 푸티지로 가져온 경우 타임라인에서 레이어를 선택한 다음 마우스 오른쪽 버튼을 클릭하고 만들기 > 벡터 레이어에서 모양 만들기를 선택하여 편집 가능한 모양 레이어로 변환할 수 있습니다. 이를 통해 개인 경로, 선 및 채우기에 애니메이션을 적용할 수 있습니다.
SVG를 푸티지로 가져오면 After Effects가 원본 파일에 대한 실시간 링크를 유지하므로 애플리케이션 외부에서 해당 SVG에 적용한 모든 변경 사항이 프로젝트 내에서 자동으로 업데이트됩니다.

Illustrator 및 SVG 콘텐츠 복사 및 붙여넣기

클립보드의 SVG 콘텐츠를 이제 편집 > 붙여넣기를 사용하여 After Effects에 붙여넣을 수 있습니다. 콘텐츠는 중간 가져오기 단계 없이 애니메이션할 준비가 된 기본 편집 가능한 모양 레이어로 가져와집니다.

Illustrator에서 콘텐츠 복사

Adobe Illustrator에서 아트워크를 엽니다.
SVG 코드 포함 기본 설정이 선택되어 있는지 확인합니다.
- macOS: Illustrator > 설정 > 클립보드 처리를 선택하고 SVG 코드 포함을 선택합니다.
- Windows: 편집 > 기본 설정 > 클립보드 처리를 선택하고 SVG 코드 포함을 선택합니다.
다른 Adobe 애플리케이션에서 아트워크를 편집 가능하고 고품질로 유지하려면 SVG 기호 포함을 활성화하세요.
복사할 아트워크를 선택하세요.

팁

SVG 텍스트는 붙여넣기 시 지원되지 않으므로 복사하기 전에 SVG 텍스트를 곡선으로 변환하세요.
편집 > 복사를 선택합니다.
After Effects로 전환하고 프로젝트 상태에 따라 다음 중 하나를 수행하십시오.
- 열린 프로젝트가 없는 경우 편집 > 붙여넣기를 선택하여 SVG 콘텐츠를 셰이프 레이어로 포함하는 컴포지션이 있는 새 프로젝트를 만드십시오.
- 프로젝트가 열려 있지만 선택된 컴포지션이 없는 경우 편집 > 붙여넣기를 선택하여 현재 프로젝트에 붙여넣은 콘텐츠가 포함된 새 컴포지션을 만드십시오.
[편집] > [붙여넣기]는 애니메이션할 준비가 된 편집 가능한 셰이프 레이어로 콘텐츠를 가져옵니다.

After Effects에서 컴포지션이 선택된 경우 편집 > 붙여넣기를 선택하여 해당 컴포지션에 SVG 콘텐츠를 새 셰이프 레이어로 추가하십시오.