사용 안내서 취소

애니메이션 기본 사항

  1. After Effects 사용 안내서
  2. Beta 릴리스
    1. Beta 프로그램 개요
    2. After Effects Beta 홈
    3. Beta의 기능
      1. 속성 패널(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. 프로젝트 및 컴포지션
    1. 프로젝트
    2. 컴포지션 기본 사항
    3. 사전 구성, 중첩, 사전 렌더링
    4. 컴포지션 프로파일러를 사용하여 자세한 성능 정보 보기
    5. Cinema 4D 컴포지션 렌더러
  6. 푸티지 가져오기
    1. 스틸 이미지 준비 및 가져오기
    2. After Effects 및 Adobe Premiere Pro에서 가져오기
    3. 비디오와 오디오 가져오기 및 해석
    4. 3D 이미지 파일 준비 및 가져오기
    5. 푸티지 항목 가져오기 및 해석
    6. 푸티지 항목을 사용한 작업
    7. [장면 편집 감지]를 사용하여 편집 지점 감지
    8. XMP 메타데이터
  7. 텍스트 및 그래픽
    1. 텍스트
      1. 문자 서식 지정 및 문자 패널
      2. 텍스트 효과
      3. 텍스트 레이어 만들기 및 편집
      4. 단락 서식 지정 및 단락 패널
      5. 돌출 텍스트 및 모양 레이어
      6. 텍스트에 애니메이션 적용
      7. 텍스트 애니메이션 예제 및 리소스
      8. 라이브 텍스트 템플릿
    2. 모션 그래픽
      1. After Effects에서 모션 그래픽 템플릿을 사용해 작업하기
      2. 표현식을 사용하여 모션 그래픽 템플릿에 드롭다운 목록 만들기
      3. 기본 속성으로 모션 그래픽 템플릿 만들기
      4. 모션 그래픽 템플릿에서 이미지와 비디오 바꾸기 및 기본 속성
  8. 그리기, 페인트, 패스
    1. 모양 레이어, 패스, 벡터 그래픽 개요
    2. 페인트 도구: 브러쉬, 복제 도장, 지우개
    3. 모양 선 테이퍼하는 방법
    4. 모양 레이어의 모양 속성, 페인트 작업, 패스 작업
    5. 오프셋 패스 모양 효과를 통한 모양 변경
    6. 모양 만들기
    7. 마스크 만들기
    8. 내용 인식 채우기 패널로 비디오에서 개체 제거
    9. 로토 브러시와 매트 다듬기
  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. 알파 채널, 마스크 및 매트
  12. 색상 조정
    1. 색상 기본 사항
    2. Adobe Color 테마 확장 사용
    3. 색상 관리
    4. 색상 교정 효과
  13. 효과 및 애니메이션 사전 설정
    1. 효과 및 애니메이션 사전 설정 개요
    2. 효과 목록
    3. 시뮬레이션 효과
    4. 스타일화 효과
    5. 오디오 효과
    6. 왜곡 효과
    7. 원근 효과
    8. 채널 효과
    9. 생성 효과
    10. 전환 효과
    11. 롤링 셔터 복구 효과
    12. 흐림 및 선명 효과
    13. 3D 채널 효과
    14. 유틸리티 효과
    15. 매트 효과
    16. 노이즈 및 그레인 효과
    17. 세부 사항-확대 유지 효과
    18. 더 이상 사용되지 않는 효과
  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. 3D 변형 기즈모
    7. 3D 애니메이션을 사용하여 더 많은 작업 수행
    8. 실시간 엔진을 통해 3D 디자인 변경 내용 실시간 미리 보기
    9. 그래픽에 반응형 디자인 추가 
  16. 보기 및 미리 보기
    1. 미리 보기
    2. Mercury Transmit를 사용한 비디오 미리 보기
    3. 보기 수정 및 사용
  17. 렌더링 및 내보내기
    1. 렌더링 및 내보내기 기본 사항
    2. After Effects 프로젝트를 Adobe Premiere Pro 프로젝트로 내보내기
    3. 동영상 변환
    4. 멀티 프레임 렌더링
    5. 자동 렌더링 및 네트워크 렌더링
    6. 스틸 이미지와 스틸 이미지 시퀀스 렌더링 및 내보내기
    7. After Effects에서 GoPro CineForm 코덱 사용
  18. 기타 애플리케이션으로 작업
    1. Dynamic Link 및 After Effects
    2. After Effects 및 기타 애플리케이션으로 작업
    3. After Effects의 설정 동기화
    4. After Effects의 Creative Cloud Libraries
    5. 플러그인
    6. CINEMA 4D 및 Cineware
  19. 공동 작업: Frame.io, Team Projects
    1. Premiere Pro 및 After Effects의 공동 작업
    2. Frame.io
      1. Frame.io 설치 및 활성화
      2. Frame.io를 Premiere Pro 및 After Effects와 함께 사용하기
      3. 자주 묻는 질문
    3. Team Projects
      1. Team Projects 시작 하기
      2. 팀 프로젝트 만들기
      3. Team Projects 공동 작업
  20. 메모리, 저장소, 성능
    1. 메모리 및 저장소
    2. 성능 향상
    3. 환경 설정
    4. After Effects의 GPU 및 GPU 드라이버 요구 사항

애니메이션, 키프레임 및 표현식

애니메이션은 시간에 따라 변화합니다. 시간 경과에 따라 하나 이상의 속성이 변경되도록 함으로써 레이어 또는 레이어의 효과에 애니메이션을 적용할 수 있습니다. 예를 들어 레이어의 [불투명도] 속성을 0초일 때 0%에서 1초일 때 100%가 되도록 애니메이션을 적용하여 레이어가 서서히 나타나도록 할 수 있습니다. [타임라인] 패널 또는 [효과 컨트롤] 패널에서 이름 왼쪽에 초시계 버튼 이 있는 모든 속성에 애니메이션을 적용할 수 있습니다.

초시계 아이콘: 활성 초시계 및 비활성 초시계
초시계 아이콘

A. 활성화된 초시계 B. 비활성화된 초시계 

키프레임이나 표현식 또는 두 가지를 모두 사용하여 레이어 속성에 애니메이션을 적용합니다.

여러 애니메이션 사전 설정에는 키프레임과 표현식이 포함되어 있으므로 레이어에 애니메이션 사전 설정을 간단히 적용해서 복잡한 애니메이션 결과를 얻을 수 있습니다.

After Effects에서 키프레임 및 표현식은 레이어 막대 모드 또는 그래프 편집기 모드에서 사용할 수 있습니다. 기본 모드인 레이어 막대 모드에서는 레이어가 지속 시간 표시줄로 표시되며 키프레임 및 표현식이 [타임라인] 패널에 있는 해당 속성과 함께 세로로 정렬되어 표시됩니다. 그래프 편집기 모드에서는 레이어 막대가 표시되지 않고 키프레임 및 표현식 결과가 값 그래프 또는 속력 그래프로 표시됩니다. 자세한 내용은 그래프 편집기를 참조하십시오.

키프레임

키프레임은 동작, 효과, 오디오 및 기타 여러 속성에 대해 일반적으로 시간에 따라 변경되는 매개 변수를 설정하는 데 사용됩니다. 키프레임은 레이어 속성에 대해 공간 위치, 불투명도 또는 오디오 볼륨과 같은 값을 지정하는 시점을 표시합니다. 키프레임 사이의 값은 보간됩니다. 키프레임을 사용해서 시간에 따른 변경을 만들 때는 일반적으로 두 개 이상의 키프레임이 사용되는데, 하나는 변경 시작 지점의 상태를 나타내고 다른 하나는 변경 종료 지점의 새로운 상태를 나타냅니다. 자세한 내용은 키프레임 설정 또는 추가를 참조하십시오.

특정 속성에 대해 초시계가 활성화되어 있을 경우 After Effects는 사용자가 속성 값을 변경할 때마다 현재 시간에서 해당 속성의 키프레임을 자동으로 설정하거나 변경합니다. 특정 속성의 초시계가 비활성화되어 있는 경우 해당 속성에 키프레임이 없는 것입니다. 초시계가 비활성화된 상태에서 레이어 속성 값을 변경해도 레이어의 지속 시간 동안은 해당 값이 동일하게 유지됩니다.

참고:

자동 키프레임 모드가 설정되어 있는 경우, 속성 수정 시 해당 속성에 대한 초시계가 자동으로 활성화됩니다. 자세한 내용은 자동 키프레임 모드를 참조하십시오.

초시계를 비활성화하면 해당 레이어 속성에 대한 모든 키프레임이 삭제되고 속성의 상수 값이 현재 시간의 값이 됩니다. 해당 속성에 대한 모든 키프레임을 영구적으로 삭제하려는 경우가 아니면 초시계를 비활성화하지 마십시오.

참고:

[타임라인] 패널 메뉴에서 [키프레임 인덱스 사용]을 선택하여 레이어 막대 모드의 키프레임 아이콘을 숫자로 변경할 수 있습니다.

아이콘으로 표시된 키프레임과 숫자로 표시된 키프레임 비교
아이콘으로 표시된 키프레임과 숫자로 표시된 키프레임 비교

참고:

키프레임이 포함된 레이어 속성을 축소하면 해당 속성 그룹에 대해 회색 점(요약 키프레임 표시기)이 나타나 해당 속성 내에 키프레임이 포함되어 있음을 알려 줍니다.

[동작 스케치] 및 [퍼핏] 툴과 같은 일부 툴에서는 사용자가 스케치하는 동작과 일치시킬 수 있는 키프레임을 자동으로 설정합니다.

표현식

표현식은 JavaScript 기반의 스크립팅 언어를 사용해서 속성의 값을 지정하고 속성 간의 관계를 지정합니다. 뚝딱 툴로 속성을 연결하여 간단한 표현식을 만들 수 있습니다. 자세한 내용은 표현식을 참조하십시오.

온라인 애니메이션 리소스

Jeff Sengstack과 Infinite Skills가 만든 비디오 튜토리얼, "Animating Transform Properties With Keyframes"를 참조하십시오.

Photoshop(PSD) 파일의 개별 레이어 애니메이션을 보여 주는 단계별 튜토리얼은 Peachpit Press 웹 사이트의 After Effects Classroom in a Book에서 "Animating Layers in After Effects" 장을 참조하십시오.

그래프 편집기

그래프 편집기는 컴포지션 시간이 가로(왼쪽에서 오른쪽)로 표시된 2차원 그래프를 사용하여 속성 값을 나타냅니다. 이와 달리 레이어 막대 모드에서는 시간 요소만 가로로 표시되고 세로로 표시되는 변경 값 그래프 요소는 표시되지 않습니다.

참고:

레이어 막대 모드와 그래프 편집기 모드 사이를 전환하려면 [타임라인] 패널에서 [그래프 편집기] 버튼 을 클릭하거나 Shift+F3을 누르십시오.

그래프 편집기에 표시된 두 가지 애니메이션 속성(위치 및 비율)
그래프 편집기에 표시된 두 가지 애니메이션 속성(위치 및 비율)

그래프 편집기에서 사용할 수 있는 그래프는 두 가지입니다. 값 그래프는 속성 값을 나타내며, 속력 그래프는 속성 값의 변경 비율을 나타냅니다. [불투명도]와 같은 시간 속성의 경우 그래프 편집기에서 값 그래프가 기본으로 사용됩니다. 이와는 달리, [위치]와 같은 공간 속성의 경우에는 그래프 편집기에서 속력 그래프가 기본으로 사용됩니다. 키프레임 값 보기 및 편집에 대한 자세한 내용은 키프레임 값 보기 또는 편집을 참조하십시오.

그래프 편집기에서 각 속성은 고유한 곡선으로 표현됩니다. 속성을 한 번에 하나씩 보면서 작업하거나 여러 속성을 동시에 볼 수도 있습니다. 그래프 편집기에서 속성을 두 개 이상 볼 때는 각 속성의 곡선이 레이어 윤곽선에 있는 해당 속성의 값과 동일한 색상으로 표시됩니다.

선택한 [스냅] 버튼 를 사용하여 그래프 편집기에서 키프레임을 드래그하면 키프레임 값, 키프레임 시간, 현재 시간, 시작 및 종료 지점, 마커, 작업 영역의 시작 및 끝, 컴포지션의 시작 및 끝으로 키프레임을 스냅할 수 있습니다. 이러한 항목 중 하나에 키프레임을 스냅할 때는 그래프 편집기에서 스냅하려는 개체를 나타내는 주황색 선이 표시됩니다. 스냅 동작을 일시적으로 전환하려면 드래그를 시작한 상태에서 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누릅니다.

그래프 편집기 모드에서 키프레임에는 한쪽 또는 양쪽에 방향 핸들이 있을 수 있습니다. 방향 핸들은 베지어 보간을 제어하는 데 사용됩니다.

그래프 편집기 아래쪽의 [차원 분리] 버튼 를 사용하면 [위치] 속성의 구성 요소를 개별 속성, 즉 [X 위치], [Y 위치] 및 [Z 위치](3D 레이어의 경우)로 분리하여 각 값을 독립적으로 수정하거나 값에 애니메이션을 적용할 수 있습니다. 자세한 내용은 구성 요소에 개별적으로 애니메이션을 적용하도록 위치 크기 구분을 참조하십시오.

그래프 편집기에 표시된 키프레임의 방향 핸들
그래프 편집기에 표시된 키프레임의 방향 핸들

그래프 편집기에 대한 온라인 리소스

Antony Bolante는 Peachpit Press 웹 사이트의 문서에서 그래프 편집기 사용과 관련된 정보, 팁, 일러스트레이션을 제공합니다.

그래프 편집기에 표시할 속성 지정

  1. 그래프 편집기 아래쪽에서 [속성 표시] 버튼 를 클릭하고 다음 옵션 중 하나를 선택합니다.

    선택한 속성 표시

    그래프 편집기에서 선택한 속성을 표시합니다.

    애니메이션 속성 표시

    그래프 편집기에서 선택한 레이어의 애니메이션 속성을 표시합니다.

    그래프 편집기 세트 표시

    그래프 편집기 스위치 에서 선택한 속성을 표시합니다. 이 스위치는 초시계 옆(속성 이름 왼쪽)에 있으며 초시계가 활성화될 때, 즉 속성에 키프레임이나 표현식이 있을 때 표시됩니다.

그래프 편집기의 그래프 옵션

그래프 편집기 아래쪽에 있는 [그래프 유형 및 옵션] 버튼를 클릭하고 다음 옵션 중 하나를 선택합니다.

그래프 유형 자동 선택

속성에 따라 적합한 그래프 유형을 자동으로 선택합니다. [위치]와 같은 공간 속성의 경우 속력 그래프가 사용되고 다른 속성에는 값 그래프가 사용됩니다.

값 그래프 편집

모든 속성에 대해 값 그래프를 표시합니다.

속력 그래프 편집

모든 속성에 대해 속력 그래프를 표시합니다.

참조 그래프 표시

선택하지 않은 그래프 유형을 배경에 표시합니다(참조 전용). 그래프 편집기 오른쪽에 있는 회색 숫자는 참조 그래프에 대한 값을 나타냅니다.

오디오 파형 표시

그래프 편집기에서 속성이 최소 한 개 이상 있는 모든 레이어에 대해 오디오 파형을 표시합니다.

레이어 시작/종료 지점 표시

그래프 편집기에서 속성이 있는 모든 레이어에 대해 시작 및 종료 지점을 표시합니다. 시작 및 종료 지점은 둥근 괄호로 나타납니다.

레이어 마커 표시

그래프 편집기에서 최소한 하나 이상의 속성이 있는 레이어에 대해 레이어 마커가 있는 경우 그래프 편집기에서 이러한 마커를 표시합니다. 레이어 마커는 작은 삼각형으로 나타납니다.

그래프 툴 설명 표시

그래프 툴 설명을 표시하거나 표시하지 않습니다.

표현식 편집기 표시

표현식 편집기 필드를 표시하거나 숨깁니다.

프레임 간 키프레임 허용

애니메이션을 미세 조정할 수 있도록 프레임 간 키프레임 배치를 허용합니다.

그래프 편집기에서 팬 및 확대/축소

  • 세로 또는 가로로 팬하려면 [손] 툴로 드래그합니다.
참고:

다른 툴을 사용할 때 임시로 [손] 툴을 활성화하려면 스페이스바 또는 마우스 가운데 버튼을 길게 누릅니다.

  • 세로로 팬하려면 마우스 스크롤 휠을 돌립니다.
  • 가로로 팬하려면 Shift 키를 누른 상태에서 마우스 스크롤 휠을 돌립니다.
  • 확대하려면 [확대/축소] 툴을 클릭합니다.
  • 축소하려면 Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 상태에서 [확대/축소] 툴을 클릭합니다.
  • 마우스 스크롤 휠을 사용하여 확대/축소할 경우 가로로 확대/축소하려면 Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 상태에서 마우스 스크롤 휠을 돌리고, 세로로 확대/축소하려면 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누른 상태에서 마우스 스크롤 휠을 돌립니다.
  • 가로로 확대/축소할 때 [확대/축소] 툴을 사용하여 Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 상태에서 왼쪽으로 드래그하면 축소되고 오른쪽으로 드래그하면 확대됩니다.
  • 세로로 확대/축소할 때 [확대/축소] 툴을 사용하여 Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 상태에서 위쪽으로 드래그하면 확대되고 아래쪽으로 드래그하면 축소됩니다.
참고:

[높이 자동 확대/축소] 가 선택된 경우 세로로 팬하거나 확대/축소할 수 없습니다.

높이 자동 확대/축소 및 맞춤

높이 자동 확대/축소

그래프 편집기 높이에 맞도록 그래프 높이 배율을 자동으로 조정하는 높이 자동 확대/축소 모드로 전환합니다. 가로 확대/축소는 계속 수동으로 조절해야 합니다.

선택 항목에 맞춤

그래프 편집기에서 선택한 키프레임에 맞도록 그래프의 값(세로) 및 시간(가로) 배율을 조절합니다.

모두 맞춤 

그래프 편집기에서 모든 그래프 요소에 맞도록 그래프의 값(세로) 및 시간(가로) 배율을 조절합니다.

Adobe 로고

내 계정 로그인

[Feedback V2 Badge]