사용 안내서

SVG 파일 가져오기

  1. After Effects 사용 안내서
  2. Beta 릴리스
    1. Beta 프로그램 개요
    2. After Effects Beta 홈
  3. 시작하기
    1. After Effects 시작하기
    2. After Effects의 새로운 기능 
    3. 릴리스 정보 | After Effects
    4. After Effects 시스템 요구 사항
    5. After Effects 키보드 단축키
    6. 지원하는 파일 형식 | After Effects
    7. 하드웨어 권장 사항
    8. Apple Silicon용 After Effects
    9. 계획 및 설정
    10. 오늘의 팁
  4. 작업 영역
    1. 일반 사용자 인터페이스 항목
    2. After Effects 인터페이스 알아보기
    3. 워크플로우
    4. 작업 영역, 패널, 뷰어
    5. UI 언어 지원 개선
  5. 프로젝트 및 컴포지션
    1. 프로젝트
    2. 컴포지션 기본 사항
    3. 사전 구성, 중첩, 사전 렌더링
    4. 컴포지션 프로파일러를 사용하여 자세한 성능 정보 보기
    5. Cinema 4D 컴포지션 렌더러
  6. 푸티지 가져오기
    1. 스틸 이미지 준비 및 가져오기
    2. After Effects 및 Adobe Premiere Pro에서 가져오기
    3. 비디오와 오디오 가져오기 및 해석
    4. 3D 이미지 파일 준비 및 가져오기
    5. 푸티지 항목 가져오기 및 해석
    6. SVG 파일 가져오기
    7. 푸티지 항목을 사용한 작업
    8. [장면 편집 감지]를 사용하여 편집 지점 감지
    9. XMP 메타데이터
  7. 텍스트 및 그래픽
    1. 텍스트
      1. 문자 서식 지정 및 문자 패널
      2. 텍스트 효과
      3. 텍스트 레이어 만들기 및 편집
      4. 단락 서식 지정 및 단락 패널
      5. 돌출 텍스트 및 모양 레이어
      6. 텍스트에 애니메이션 적용
      7. 텍스트 애니메이션 예제 및 리소스
      8. 라이브 텍스트 템플릿
    2. 모션 그래픽
      1. After Effects에서 모션 그래픽 템플릿을 사용해 작업하기
      2. 표현식을 사용하여 모션 그래픽 템플릿에 드롭다운 목록 만들기
      3. 기본 속성으로 모션 그래픽 템플릿 만들기
      4. 모션 그래픽 템플릿에서 이미지와 비디오 바꾸기 및 기본 속성
      5. 속성 패널로 보다 빠르고 간편해진 애니메이션 작업
    3. 가변 글꼴 축
      1. 가변 글꼴 축 지원
      2. 가변 글꼴 축 작업
      3. 가변 글꼴 축에 대한 스크립팅 지원
      4. 가변 글꼴 축에 대한 FAQ
  8. 그리기, 페인트, 패스
    1. 모양 레이어, 패스, 벡터 그래픽 개요
    2. 페인트 도구: 브러쉬, 복제 도장, 지우개
    3. 테이퍼 모양 선
    4. 모양 레이어의 모양 속성, 페인트 작업, 패스 작업
    5. 오프셋 패스 모양 효과를 통한 모양 변경
    6. 모양 만들기
    7. 마스크 만들기
    8. 내용 인식 채우기 패널로 비디오에서 개체 제거
    9. 로토 브러시와 매트 다듬기
    10. 위치 속성 및 패스에 대한 Null 만들기
  9. 레이어, 마커, 카메라
    1. 레이어 선택 및 정렬
    2. 혼합 모드와 레이어 스타일
    3. 3D 레이어
    4. 레이어 속성
    5. 레이어 만들기
    6. 레이어 관리
    7. 레이어 마커와 컴포지션 마커
    8. 카메라, 조명 및 관심 영역
  10. 애니메이션, 키프레임, 동작 추적, 키잉
    1. 애니메이션
      1. 애니메이션 기본 사항
      2. 퍼펫 도구를 사용한 애니메이션
      3. 모양 패스와 마스크를 관리하고 애니메이션을 적용하기
      4. After Effects를 사용하여 스케치 및 캡처 모양에 애니메이션 적용하기
      5. 종합 애니메이션 도구
      6. 데이터 기반 애니메이션 작업
    2. 키프레임
      1. 키프레임 보간
      2. 키프레임 설정, 선택 및 삭제
      3. 키프레임 편집, 이동 및 복사
    3. 동작 추적
      1. 동작 추적 및 안정화
      2. 얼굴 추적
      3. 마스크 추적
      4. 마스크 참조
      5. 속도
      6. 시간 스트레치와 시간 다시 매핑
      7. 시간 코드 및 시간 표시 단위
    4. 키잉
      1. 키잉
      2. 키잉 효과
  11. 투명도 및 합성
    1. 합성과 투명도 개요 및 리소스
    2. 알파 채널 및 마스크
    3. 트랙 매트와 이동하는 매트
  12. 색상 조정
    1. 색상 기본 사항
    2. 색상 관리
    3. 색상 교정 효과
    4. OpenColorIO 및 ACES 색상 관리
    5. 향상된 HDR 지원
    6. HDR 가져오기 및 내보내기 
  13. 효과 및 애니메이션 사전 설정
    1. 효과 및 애니메이션 사전 설정 개요
    2. 효과 목록
    3. 효과 관리자
    4. 시뮬레이션 효과
    5. 스타일 효과
    6. 오디오 효과
    7. 왜곡 효과
    8. 원근 효과
    9. 채널 효과
    10. 생성 효과
    11. 시간 효과
    12. 전환 효과
    13. 롤링 셔터 복구 효과
    14. 흐림 및 선명 효과
    15. 3D 채널 효과
    16. 유틸리티 효과
    17. 매트 효과
    18. 노이즈 및 그레인 효과
    19. 세부 사항-확대 유지 효과
    20. 더 이상 사용되지 않는 효과
    21. Cycore 플러그인
  14. 표현식 및 자동화
    1. 표현식
      1. 표현식 기본 사항
      2. 표현식 언어 이해
      3. 표현식 컨트롤 사용
      4. JavaScript와 레거시 ExtendScript 표현식 엔진 간 구문 차이
      5. 표현식 편집
      6. 표현식 오류
      7. 표현식 편집기 사용
      8. 표현식을 사용하여 텍스트 속성 편집 및 액세스
      9. 표현식 언어 참조
      10. 표현식 예제
    2. 자동화
      1. 자동화
      2. 스크립트
  15. 몰입형 비디오, VR 및 3D
    1. After Effects에서 VR 환경 만들기
    2. 몰입형 비디오 효과 적용
    3. VR/360 비디오용 합성 툴
    4. 고급 3D 렌더러
    5. 컴포지션에 3D 모델 가져오기 및 추가
    6. Creative Cloud Libraries에서 3D 모델 가져오기
    7. 파라메트릭 망 만들기
    8. 이미지 기반 조명
    9. 애니메이션 환경 조명
    10. 조명의 그림자 표시 활성화
    11. 3D 모델에서 조명과 카메라 추출 및 애니메이션 적용
    12. 3D 카메라 움직임 추적
    13. 3D 컴포지션의 기본 카메라 설정 조정
    14. 그림자 표시 및 허용
    15. 포함된 3D 모델 애니메이션
    16. 그림자 캐처
    17. 3D 심도 데이터 추출
    18. 3D 레이어의 질감 속성 수정
    19. Substance 3D 재질 적용하기
    20. 3D 디자인 공간에서 작업하기
    21. 3D 변형 기즈모
    22. 다중 3D 레이어를 위한 단일 3D Gizmo
    23. 3D 애니메이션을 사용하여 더 많은 작업 수행
    24. Mercury 3D 엔진으로 3D 디자인 변경 사항 실시간 미리 보기
    25. 그래픽에 반응형 디자인 추가 
  16. 보기 및 미리 보기
    1. 미리 보기
    2. Mercury Transmit를 사용한 비디오 미리 보기
    3. 보기 수정 및 사용
    4. 무손실 압축 재생
  17. 렌더링 및 내보내기
    1. 렌더링 및 내보내기 기본 사항
    2. After Effects의 H.264 인코딩
    3. After Effects 프로젝트를 Adobe Premiere Pro 프로젝트로 내보내기
    4. 동영상 변환
    5. 멀티 프레임 렌더링
    6. 자동 렌더링 및 네트워크 렌더링
    7. 스틸 이미지와 스틸 이미지 시퀀스 렌더링 및 내보내기
    8. After Effects에서 GoPro CineForm 코덱 사용
  18. 기타 애플리케이션으로 작업
    1. Dynamic Link 및 After Effects
    2. After Effects와 다른 애플리케이션을 사용한 작업
      1. After Effects 프로젝트를 Premiere Pro 프로젝트로 내보내기
    3. After Effects의 Creative Cloud Libraries
    4. 플러그인
    5. Cinema 4D 및 Cineware
  19. 공동 작업: Frame.io, Team Projects
    1. Premiere Pro 및 After Effects의 공동 작업
    2. Frame.io
      1. Frame.io 설치 및 활성화
      2. Premiere Pro 및 After Effects에서 Frame.io 사용
      3. 자주 묻는 질문
    3. Team Projects
      1. Team Projects 시작 하기
      2. 팀 프로젝트 만들기
      3. Team Projects 공동 작업
  20. 메모리, 저장소, 성능
    1. 메모리 및 저장소
    2. After Effects가 미리 보기 시 메모리 부족 문제를 처리하는 방식    
    3. 성능 향상
    4. 환경 설정
    5. After Effects의 GPU 및 GPU 드라이버 요구 사항
  21. 기술 자료
    1. 알려진 문제
    2. 해결한 문제
    3. 자주 묻는 질문
    4. After Effects 및 macOS Ventura
    5. 미리 보기를 하는 동안 After Effects에서 메모리 부족 문제를 처리하는 방법

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

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

    참고:
  2. 가져온 SVG 파일을 타임라인 패널로 끌어다 놓습니다.

  3. 속성 패널의 레이어 콘텐츠 섹션을 사용하여 SVG 구조를 보려면 레이어를 선택하세요.

    속성 패널이 열려 있고 레이어 콘텐츠 아래에 SVG 콘텐츠가 나열되어 있습니다.
    속성 패널을 사용하여 SVG 파일 콘텐츠를 보고 해당 속성을 조정합니다.

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

    SVG 파일이 있는 레이어가 선택되고 콘텐츠 섹션이 펼쳐져 경로, 채우기, 변형을 포함한 속성이 표시됩니다.
    SVG 레이어의 콘텐츠 섹션을 펼쳐 경로, 채우기, 변형을 포함한 속성에 액세스하고 편집합니다.

  4. 다른 셰이프 레이어와 마찬가지로 이러한 속성을 사용하여 애니메이션을 적용할 수 있습니다. 예를 들면 다음과 같습니다.

    • 경로를 애니메이션화하여 모핑 효과 만들기
    • 동적 전환을 위해 시간에 따라 채우기 색상 변경
    • 변형 속성을 사용하여 요소를 개별적으로 크기 조정, 회전 또는 이동
  5. 레이어에 그레이디언트 채우기와 선이 있는 경우 크기 조정회전 속성을 사용하여 그레이디언트에 애니메이션을 적용할 수 있습니다.

    그레이디언트 요소가 있는 레이어 중 하나가 선택되고 그레이디언트 채우기 1이 강조 표시되어 있습니다.
    그레이디언트 채우기 속성을 사용하여 그레이디언트를 조정하거나 애니메이션을 적용합니다.

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

새로운 Beta 기능 사용

SVG 파일을 푸티지 또는 컴포지션으로 가져오는 기능을 테스트하고 피드백을 제공할 수 있습니다. 지금 바로 After Effects(Beta)에서 사용해 보실 수 있습니다.

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

푸티지로 가져오기

컴포지션으로 가져오기

SVG를 연속적으로 래스터화 가능한 단일 벡터 레이어로 가져옵니다.

SVG를 편집 가능한 모양 레이어로 구성된 컴포지션으로 가져옵니다.

외부 SVG 파일과의 연결을 유지합니다.

모든 요소가 편집 가능한 고유한 모양으로 변환됩니다.

아트워크를 부분으로 나눌 필요가 없는 단일 레이어 벡터 그래픽에 적합합니다.

개인 요소를 애니메이션화할 때 경로, 모양 및 레이어 레벨 세부 사항을 편집하는 데 유용합니다.

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

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

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

  2. 파일 가져오기 대화 상자의 다른 이름으로 가져오기 드롭다운 메뉴를 사용하여 다음 중 하나를 선택하십시오.

    • 푸티지
    • 컴포지션 - 레이어 크기 유지

    푸티지를 선택하면 파일이 개인 요소에 액세스할 수 없는 단일 평면화된 레이어로 가져와지므로 정적 사용이나 애니메이션이 필요하지 않을 때 적합합니다. 컴포지션 – 레이어 크기 유지를 선택하면 각 소스 레이어가 실제 콘텐츠 크기로 개별적으로 가져와지는 새 컴포지션이 만들어져 앵커 포인트가 더 깔끔해지고 애니메이션을 위한 변형이 더 쉬워집니다.

    macOS

    파일 가져오기 대화 상자가 열리고 파일을 푸티지 또는 컴포지션으로 가져오는 옵션이 있습니다.

    Windows

    파일 가져오기 대화 상자가 열리고 파일을 푸티지 또는 컴포지션으로 가져오는 옵션이 있습니다.

  3. 해당하는 경우 다음 옵션을 선택하십시오:

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

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

    팁:

    Illustrator 파일과 마찬가지로 벡터 파일을 푸티지로 가져온 경우 타임라인에서 레이어를 선택한 다음 마우스 오른쪽 버튼을 클릭하고 만들기 > 벡터 레이어에서 모양 만들기를 선택하여 편집 가능한 모양 레이어로 변환할 수 있습니다. 이를 통해 개인 경로, 선 및 채우기에 애니메이션을 적용할 수 있습니다.

  5. SVG를 푸티지로 가져오면 After Effects가 원본 파일에 대한 실시간 링크를 유지하므로 애플리케이션 외부에서 해당 SVG에 적용한 모든 변경 사항이 프로젝트 내에서 자동으로 업데이트됩니다.

알려진 제한 사항

  • SVG를 컴포지션으로 가져오면 프로젝트 패널에 원본 SVG에 대한 참조가 없고 파일 수집에는 SVG 소스가 포함되지 않습니다. 
  • SVG 텍스트는 가져오기가 되지 않습니다. 따라서 텍스트를 곡선으로 변환해야 합니다.
  • 애니메이션 및 래스터 SVG는 지원되지 않습니다.
  • 컴포지션으로 가져온 SVG는 이제 기본적으로 마지막으로 만든 컴포지션의 지속 시간으로 설정됩니다.

Adobe, Inc.

쉽고 빠르게 지원 받기

신규 사용자이신가요?