사용 안내서

그래픽에 반응형 디자인 추가

  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. AI 기반 오브젝트 매트
    11. 위치 속성 및 패스에 대한 Null 만들기
  9. 레이어, 마커, 카메라
    1. 레이어 선택 및 정렬
    2. 혼합 모드와 레이어 스타일
    3. 3D 레이어
    4. 레이어 속성
    5. 레이어 만들기
    6. 레이어 관리
    7. 레이어 마커와 컴포지션 마커
    8. 카메라, 조명 및 관심 영역
  10. 애니메이션, 키프레임, 동작 추적, 키잉
    1. 애니메이션
      1. 애니메이션 기본 사항
      2. 퍼펫 도구를 사용한 애니메이션
      3. 모양 패스와 마스크를 관리하고 애니메이션을 적용하기
      4. After Effects를 사용하여 스케치 및 캡처 모양에 애니메이션 적용하기
      5. 종합 애니메이션 도구
      6. 데이터 기반 애니메이션 작업
      7. 타임라인에서 비례 스크러빙
      8. 효과, 사전 설정 또는 메뉴 명령을 빠르게 검색하고 적용하세요
    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. 3D 레이어의 질감 속성 수정
    20. Substance 3D 재질 적용하기
    21. 3D 디자인 공간에서 작업하기
    22. 3D 변형 기즈모
    23. 다중 3D 레이어를 위한 단일 3D Gizmo
    24. 3D 애니메이션을 사용하여 더 많은 작업 수행
    25. Mercury 3D 엔진으로 3D 디자인 변경 사항 실시간 미리 보기
    26. After Effects의 입체 3D
    27. 그래픽에 반응형 디자인 추가 
  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에서 메모리 부족 문제를 처리하는 방법

After Effects에서 반응형 디자인 - 시간을 만들고 이를 사용하여 작업하는 방법을 알아보십시오.

반응형 디자인 - 시간 기능을 사용하면 적응형 모션 그래픽을 제작할 수 있습니다. 이 기능은 컴포지션이 중첩되어 있을 때 또는 컴포지션을 모션 그래픽 템플릿으로 내보낼 때 적응형 시간 스트레치를 지원합니다. 적응형 시간 스트레치를 수행하면 보호되지 않은 영역에 대해 시간 스트레치를 수행하더라도 보호 영역이 동일한 시간 동안 애니메이션 처리됩니다.

컴포지션의 시작, 끝, 임의의 영역을 보호하고, 반응형 디자인 템플릿을 저장하고, 다른 프로젝트에 재사용하여 복제 및 시간 조정을 방지할 수 있습니다.

이 기능을 사용하면 애니메이션이 그래픽 또는 시퀀스에 고정되며 편집 내용에 맞게 조정됩니다. 이렇게 하면 프로젝트의 시퀀스와 정렬되도록 시간을 빠르게 조정할 수 있는 복잡한 애니메이션과 모션 그래픽 템플릿을 만들 수 있습니다.

예를 들어, 아래쪽 세 번째를 만들고, 애니메이션 페이드 인/아웃을 만들고, 반응형 디자인 시간을 추가합니다. 반응형 디자인은 클립 지속 시간의 연장 또는 자르기와 무관하게 애니메이션 시간을 유지합니다.

반응형 디자인 - 시간 이해

다음 예를 통해 문제를 이해합니다.

페이드 인/아웃을 사용하여 텍스트 애니메이션을 만들 때 애니메이션 길이를 시퀀스 길이 만큼 길게 만들어야 합니다. 애니메이션은 검정 배경에 페이드 인되는 두 개의 텍스트 세트로 구성됩니다.

동일한 애니메이션을 다른 시퀀스에 추가합니다. 글꼴 크기와 같은 애니메이션의 모든 요소와 페이드 인/아웃의 시작 및 종료 시간은 시퀀스와 일치해야 합니다. 한 가지 방법은 애니메이션을 복제하여 시퀀스의 길이와 정렬하는 것입니다. 그러나, 이 방법은 애니메이션 키프레임을 이동하여 시퀀스에 페이드 인/아웃을 정렬해야 하므로 시간이 오래 걸릴 수 있습니다.

여기서 반응형 디자인 - 시간을 사용할 수 있습니다. 키프레임에서 페이드 인/아웃 영역을 보호하고 애니메이션을 확장할 수 있습니다. 이렇게 하면 해당 영역이 시퀀스에 연결되고, 시퀀스의 길이에 맞게 애니메이션의 시간을 늘리더라도 애니메이션을 적용하는 데 걸리는 시간은 영향을 받지 않습니다. 일단 연결되면, 애니메이션은 시퀀스의 길이에 따라 능동적으로 조정됩니다.

반응형 디자인 - 시간 적용

반응형 디자인 - 시간은 다음과 같은 3가지 방법으로 적용할 수 있습니다.

  1. 옵션 1:

    컴포지션 메뉴의 반응형 디자인 - 시간 하위 메뉴에서 다음 옵션 중 하나를 선택합니다.

    • 시작 만들기: 컴포지션 지속 시간의 15%에 대해 보호 영역을 만들고, 컴포지션의 첫 번째 프레임에서 시작합니다.
    • 끝 만들기: 컴포지션 지속 시간의 15%에 대해 보호 영역을 만들고, 컴포지션의 마지막 프레임에서 끝납니다.
    • 작업 영역에서 보호 영역 만들기: 작업 영역 막대와 일치하는 시작점 및 끝점이 있는 보호 영역을 만듭니다. 보호 영역은 파란색으로 음영 처리됩니다.

  2. 옵션 2:

    작업 영역 막대를 드래그하여 보호 영역으로 설정하려는 영역을 선택합니다. 작업 영역 막대를 마우스 오른쪽 버튼으로 클릭한 다음 작업 영역에서 보호 영역 만들기를 선택합니다.

  3. 옵션 3:

    타임라인 오른쪽에 있는 마커 아이콘을 클릭하고 컴포지션 마커를 만듭니다.

  4. [타임라인] 패널에서 마커를 두 번 클릭하여 컴포지션 마커 설정 대화 상자를 연 다음 지속 시간을 설정하고 보호 영역 옵션을 활성화합니다.

애니메이션을 다른 컴포지션에 추가

애니메이션의 보호 영역, 끝, 시작을 설정하면 이를 시퀀스의 다른 컴포지션에 추가할 수 있습니다.

다음 예를 참조하여 프로세스를 이해합니다.

    • 보호 영역이 있는 애니케이션의 이름을 예를 들어 Comp A라고 합니다.
    • 애니메이션을 추가하는 데 사용할 컴포지션 이름을 Comp B라고 합니다.

    타임 라인 패널에서 Comp B를 엽니다.

  1. 타임라인에서 Comp A를 드래그하여 Comp B 위에 놓습니다.

  2. 타임라인에 보호 영역이 파란색 음영으로 표시됩니다. Comp A의 끝점을 잡고 드래그하여 Comp B의 끝점에 연결합니다.

    컴포지션을 미리 볼 때 애니메이션의 보호 영역은 동일한 시간 동안 애니메이션이 적용되고, 보호되지 않은 영역만 늘어납니다.

여러 보호 영역이 있는 중첩된 컴포지션을 사용하여 작업

  • 보호 영역이 하나 이상 있고 다른 컴포지션에 중첩된 컴포지션의 시작점 및 끝점을 드래그하면 자르는 대신에 컴포지션의 시간을 늘립니다. 이 기능은 보호 영역의 지속 시간을 유지합니다. 예를 들어, 2초 보호 영역이 있는 5초 클립의 시간을 10초로 늘릴 경우, 보호 영역의 지속 시간은 2초로 유지됩니다.
  • 시간 스트레치 대신 레이어의 포인트를 안이나 밖으로 트리밍하려면 Option(Mac OS) 또는 Alt(Windows) 키를 누른 채 포인트를 안이나 밖으로 드래그합니다.
  • 보호 영역은 [보호 영역] 옵션이 설정되어 있는 컴포지션 마커이며, 쉽게 알아볼 수 있도록 다른 핸들 아이콘이 있습니다. 보호 영역 마커는 다른 컴포지션 마커와 동일하게 작동하며, 보호 영역이 포함된 컴포지션을 중첩할 경우 해당 마커를 수정할 수 없다는 점만 다릅니다. 대신 중첩된 컴포지션의 레이어 막대에 음영이 적용되어 보호 영역임을 나타냅니다.
  • 컴포지션을 중첩한 후 보호 영역을 수정하면 중첩된 컴포지션 레이어의 보호 영역 마커가 자동으로 업데이트 되지 않습니다. 중첩된 컴포지션 레이어의 마커를 업데이트하려면 레이어를 선택하고 레이어 > 마커 > 소스에서 마커 업데이트를 선택합니다.
  • 컴포지션 마커의 protectedRegion 특성을 사용하여 스크립팅 또는 표현식을 통해 보호 영역 옵션에 액세스할 수도 있습니다.

보호 영역이 있는 컴포지션을 모션 그래픽 템플릿으로 내보내기

보호 영역이 있는 컴포지션을 모션 그래픽 템플릿으로 내보내고 Premiere에서 시퀀스에 추가하는 경우, 시간을 다시 매핑할 필요 없이 바로 길이를 조정할 수 있습니다.

클립의 시작점 및 종료점을 드래그하여 시작점또는 종료점을 자르는 대신에 컴포지션의 시간을 늘릴 수 있습니다. 보호 영역의 지속 시간은 유지됩니다.

  • 오디오를 모션 그래픽 템플릿으로 가지고 있는 컴포지션을 내보내는 경우 Premiere에서는 이에 맞게 시간을 늘이지 않습니다.
  • CINEMA 4D 렌더러를 사용하고 3D 레이어를 포함하고 있는 컴포지션, 또는 CINEWARE 효과를 사용하는 CINEMA 4D 레이어를 포함하는 컴포지션은 컴포지션의 시간을 늘릴 경우 보호되지 않은 영역의 매끄러운 애니메이션에 문제가 발생할 수 있습니다.

After Effects를 사용하여 더 많은 작업 수행

Adobe After Effects를 사용하여 놀라운 모션 그래픽, 텍스트 애니메이션, 시각 효과를 만드십시오. 영화, TV, 비디오, 웹을 디자인하십시오.

Adobe, Inc.

쉽고 빠르게 지원 받기

신규 사용자이신가요?