사용 안내서 취소

텍스트 애니메이션 예제 및 리소스

  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. 계획 및 설정
  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. 모션 그래픽 템플릿에서 이미지와 비디오 바꾸기 및 기본 속성
      5. 속성 패널로 보다 빠르고 간편해진 애니메이션 작업
  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. 알파 채널 및 마스크
    3. 트랙 매트와 이동하는 매트
  12. 색상 조정
    1. 색상 기본 사항
    2. 색상 관리
    3. 색상 교정 효과
    4. OpenColorIO 및 ACE 색상 관리
  13. 효과 및 애니메이션 사전 설정
    1. 효과 및 애니메이션 사전 설정 개요
    2. 효과 목록
    3. 효과 관리자
    4. 시뮬레이션 효과
    5. 스타일화 효과
    6. 오디오 효과
    7. 왜곡 효과
    8. 원근 효과
    9. 채널 효과
    10. 생성 효과
    11. 시간 효과
    12. 전환 효과
    13. 롤링 셔터 복구 효과
    14. 흐림 및 선명 효과
    15. 3D 채널 효과
    16. 유틸리티 효과
    17. 매트 효과
    18. 노이즈 및 그레인 효과
    19. 세부 사항-확대 유지 효과
    20. 더 이상 사용되지 않는 효과
  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. 3D 모델에서 조명과 카메라 추출 및 애니메이션 적용
    9. 3D 카메라 움직임 추적
    10. 그림자 표시 및 허용
    11. 포함된 3D 모델 애니메이션
    12. 그림자 캐처
    13. 3D 심도 데이터 추출
    14. 3D 레이어의 질감 속성 수정
    15. 3D 디자인 공간에서 작업하기
    16. 3D 변형 기즈모
    17. 3D 애니메이션을 사용하여 더 많은 작업 수행
    18. Mercury 3D 엔진으로 3D 디자인 변경 사항 실시간 미리 보기
    19. 그래픽에 반응형 디자인 추가 
  16. 보기 및 미리 보기
    1. 미리 보기
    2. Mercury Transmit를 사용한 비디오 미리 보기
    3. 보기 수정 및 사용
  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의 설정 동기화
    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. 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에서는 매우 다양한 기능을 활용하여 효과적이면서도 창의적인 2D 및 3D 텍스트 애니메이션을 만들 수 있습니다. 여기에 나와 있는 리소스 및 예제에서는 After Effects에서 텍스트에 애니메이션을 적용하는 방법과 관련된 자세한 지침을 확인할 수 있습니다.

Steve Holmes는 Layers Magazine 웹 사이트에서 세 개의 텍스트 애니메이터 및 문자별 3D 텍스트 애니메이션을 사용하여 텍스트 애니메이션을 만드는 튜토리얼을 제공합니다.

Rich Young은 After Effects에서 돌출된 3D 텍스트를 만드는 방법에 대한 몇 가지 리소스와 튜토리얼를 수집합니다.

ProVideo Coalition 웹 사이트에서 Chris와 Trish Meyer는 After Effects에서 텍스트를 애니메이션하는 몇 가지 팁을 제공합니다.

Toby Pitman은 MacProVideo 웹 사이트에서 모양 레이어를 사용하여 텍스트를 애니메이션하는 기법을 보여 줍니다.

예제: 문자별로 3D 속성을 사용하여 문자에 애니메이션 적용

이 예제에서는 각 문자가 줄을 벗어나 인사하도록 개별 문자에 간편하게 3D 애니메이션을 적용하는 방법에 대해 설명합니다.

  1. 새 컴포지션을 만듭니다.
  2. ovation이라는 단어를 사용하여 새 텍스트 레이어를 만듭니다.
  3. [애니메이션] > [텍스트 애니메이션] > [문자별로 3D 사용]을 선택합니다.
  4. [애니메이션] > [텍스트 애니메이션] > [위치]를 선택합니다.
  5. [애니메이션] > [텍스트 애니메이션] > [회전]을 선택합니다.
  6. [타임라인] 패널의 [애니메이터] 그룹에서 [X 회전] 속성은 45로, [위치] 값은 (0.0, 0.0, -100.0)으로 설정합니다.
  7. [범위 선택기 1]을 확장합니다.
  8. [오프셋] 속성의 초시계 아이콘을 클릭하여 0초에 값이 있는 초기 키프레임을 설정합니다.
  9. [오프셋] 속성 값을 -15%로 설정합니다.
  10. [종료] 속성 값을 15%로 설정합니다.
  11. 현재 시간 표시기를 10초로 이동하고 [오프셋] 값을 100%로 설정합니다.
  12. R 키를 눌러 전체 레이어의 [회전] 속성을 표시합니다.
  13. 레이어의 [Y 회전] 값을 -45로 설정하고 전체 레이어를 회전합니다. 그러면 문자의 3D 동작을 더욱 쉽게 볼 수 있습니다.
  14. 컴포지션을 미리 봅니다.

예제: 문자 오프셋

이 예제에서는 [문자 오프셋] 값을 지정하고 범위 선택기에 애니메이션을 적용하여 읽기 쉬운 단어나 구를 점진적으로 형성하도록 임의의 문자에 애니메이션을 쉽게 적용할 수 있는 방법에 대해 설명합니다.

문자 오프셋: Galaxy라는 단어에 있는 문자의 오프셋 값에 애니메이션 적용
Galaxy라는 단어에 있는 문자의 오프셋 값에 애니메이션 적용

  1. 새 컴포지션을 만듭니다.
  2. Galaxy라는 단어를 사용하여 새 텍스트 레이어를 만듭니다.
  3. [애니메이션] > [텍스트 애니메이션] > [문자 오프셋]을 선택합니다.
  4. [타임라인] 패널에서 [문자 오프셋] 값을 5로 설정합니다.
  5. [범위 선택기 1]을 확장합니다.
  6. [시작] 초시계를 클릭하여 0초에 초기 프레임을 설정하고 값을 0%로 설정합니다.
  7. 현재 시간 표시기를 5초로 이동하고 [시작] 값을 100%로 설정합니다.
  8. [문자 정렬]을 [가운데]로 설정합니다.
  9. 컴포지션을 미리 봅니다.

예제: 흔들기 선택기를 사용하여 문자에 애니메이션 적용

이 예제에서는 개별 문자의 위치에 간편하게 애니메이션을 적용하는 방법에 대해 설명하고 [흔들기] 선택기를 통해 레이어에 추가하는 것만으로 애니메이션을 극적으로 변경할 수 있는 방법도 보여 줍니다.

흔들기 선택기를 사용하여 문자에 애니메이션 적용
Galaxy라는 단어의 문자 색상 및 위치에 애니메이션 적용

  1. 새 컴포지션을 만듭니다.
  2. Galaxy라는 단어를 사용하여 새 텍스트 레이어를 만들고 [문자] 패널에서 색상을 파랑으로 설정합니다.
  3. [애니메이션] > [텍스트 애니메이션] > [위치]를 선택합니다.
  4. [타임라인] 패널에서 모든 문자가 프레임을 벗어날 때까지 [위치] 속성의 y 값을 왼쪽으로 드래그합니다.
  5. [범위 선택기 1]을 확장합니다.
  6. [시작] 초시계를 클릭하고 0초에 0%를 그대로 둔 다음 현재 시간 표시기를 5초로 이동하고 [시작]을 100%로 설정합니다.
  7. 컴포지션을 미리 봅니다.
  8. [애니메이터 1] 그룹을 축소합니다.
  9. [타임라인] 패널에서 텍스트 레이어 이름만 선택하고 [애니메이션] 메뉴에서 [칠 색상] > [색조]를 선택합니다. [타임라인] 패널에 새 애니메이터 그룹인 [애니메이터 2]가 나타납니다.
  10. [칠 색조]를 1x+0.0으로 설정합니다.
  11. [애니메이터 2]의 [범위 선택기 1]을 확장합니다.
  12. [시작] 초시계를 클릭하고 0초에 0%를 그대로 둔 다음 현재 시간 표시기를 5초로 이동하고 [시작]을 100%로 설정합니다.
  13. 애니메이션을 미리 봅니다. 이제 화면 상단에서 문자가 내려오면서 색상이 바뀌지만 모두 같은 색상을 사용하며, 결국 동일한 원본 색상이 됩니다.
  14. [칠 색조]를 선택한 상태로 [추가] 메뉴에서 [선택기] > [흔들기]를 선택합니다.
  15. [흔들기 선택기 1] 속성을 확장하고 [모드] 메뉴에서 [추가]를 선택합니다.
  16. 컴포지션을 미리 봅니다.
    참고:

    [애니메이터 1]에 [칠 색조] 속성을 추가한 다음 [흔들기] 선택기를 추가하면 색상만 흔들리는 것이 아니라 위치와 색상이 모두 흔들립니다.

예제: 텍스트 자간에 애니메이션 적용

이 예제에서는 텍스트 줄의 자간을 설정할 때 문자를 손쉽게 분리하는 방법에 대해 설명합니다. [자간] 및 [선 기준] 애니메이터 속성을 사용하여 일부를 제외한 모든 문자를 손쉽게 이동할 수 있습니다.

3579라는 문자의 자간 값에 애니메이션을 적용하여 중앙에 7만 남아 있도록 지정
3579라는 문자의 자간 값에 애니메이션을 적용하여(왼쪽과 가운데) 중앙에 7만 남아 있도록 지정 (오른쪽)

  1. 새 컴포지션을 만듭니다.
  2. 새 텍스트 레이어를 만들고 3579를 입력합니다.
  3. 텍스트 레이어를 선택한 상태로 [단락] 패널에서 [텍스트 가운데 맞춤] 버튼을 클릭합니다.
  4. [보기] > [격자 표시]를 선택합니다.
  5. [타임라인] 패널에서 텍스트 레이어를 선택하고 [애니메이션] > [텍스트 애니메이션] > [자간]을 선택합니다.
  6. [자간 유형] 메뉴에 [이전 및 이후]가 지정되었는지 확인합니다.
  7. [자간 양] 초시계를 클릭하고 0초의 값을 0으로 유지합니다.
  8. 현재 시간 표시기를 5초로 이동하고 모든 문자가 화면을 벗어날 때까지 [자간 양] 값을 드래그합니다.
  9. 애니메이션을 미리 봅니다.
  10. 현재 시간 표시기를 0초에 둔 상태에서 [컴포지션] 패널의 스냅사진을 만듭니다. 이 스냅사진과 격자를 사용하여 애니메이션이 끝날 때 숫자 7의 원래 위치를 파악하게 됩니다.
  11. 현재 시간 표시기를 5초로 이동합니다.
  12. [스냅사진 표시] 단추를 클릭합니다.
  13. [타임라인] 패널에서 [애니메이터 1]을 선택하고 [추가] 메뉴에서 [선 기준]을 선택합니다.
  14. 7이 대략적으로 [컴포지션] 패널 가운데의 원래 위치에 배치될 때까지 [선 기준] 값을 드래그합니다.
  15. [컴포지션] 패널에서 [스냅사진 표시] 버튼을 클릭하여 원래 위치에서 7의 정확한 위치를 확인합니다. [선 기준] 값을 조정하여 문자를 원래 위치에 배치합니다.
  16. 애니메이션을 미리 봅니다.

예제: 선택기를 사용하여 특정 단어에 애니메이션 적용

이 예제에서는 선택기를 사용하여 애니메이션을 특정 단어로 제한하는 방법에 대해 설명합니다.

선택기를 사용하여 특정 단어에 애니메이션 적용
Speeding이라는 단어에 있는 문자의 기울이기 값에 애니메이션 적용

  1. 새 컴포지션을 만듭니다.
  2. Speeding Saucer라는 단어를 사용하여 새 텍스트 레이어를 만듭니다.
  3. [애니메이션] > [텍스트 애니메이션] > [기울이기]를 선택합니다.
  4. [타임라인] 패널에서 [기울이기] 값을 35로 설정합니다.
  5. [범위 선택기 1]을 확장합니다.
  6. 현재 시간 표시기가 0초에 있는지 확인하고 [종료] 초시계를 클릭합니다.
  7. [컴포지션] 패널에서 두 선택기 막대를 모두 SpeedingS 왼쪽으로 드래그합니다.
  8. 현재 시간 표시기를 2초로 이동하고 오른쪽 선택기 막대를 Speedingg 오른쪽으로 드래그합니다.
  9. 컴포지션을 미리 봅니다.

예제: 선 그리기 애니메이션 만들기

[불투명도] 애니메이터 속성을 사용하여 간편하게 화면에 문자를 쓰는 모양을 만들 수 있습니다.

선 그리기 애니메이션 만들기
불투명도 속성을 사용하여 텍스트 쓰기

  1. 새 컴포지션을 만듭니다.
  2. 01234라는 문자를 사용하여 텍스트 레이어를 만듭니다.
  3. [애니메이션] > [텍스트 애니메이션] > [불투명도]를 선택합니다.
  4. [불투명도]를 0%로 설정합니다.
  5. [범위 선택기 1]을 확장하고 [시작] 초시계 아이콘을 클릭합니다.
  6. [컴포지션] 패널에서 시작 선택기를 텍스트의 왼쪽 가장자리로 드래그합니다. 그러면 값은 0이 됩니다.
  7. 현재 시간 표시기를 5초로 이동하고 [컴포지션] 패널에 있는 시작 선택기를 텍스트의 오른쪽 가장자리로 드래그합니다. 그러면 값은 5가 됩니다.
  8. 컴포지션을 미리 봅니다.
    참고:

    기본적으로 [매끄러움] 속성은 100%로 설정되어 있습니다. 타자기 모양을 만들려면 [고급] 속성을 확장하고 [매끄러움]을 0%로 설정합니다.

예제: 여러 선택기를 사용하여 텍스트에 애니메이션 적용

이 예제에서는 [흔들기] 선택기와 함께 [표현식] 선택기의 selectorValue 매개변수를 사용하여 문자열이 임의로 깜박이도록 만듭니다.

  1. 새 컴포지션을 만듭니다.
  2. 새 텍스트 레이어를 만듭니다.
  3. [타임라인] 패널에 있는 텍스트 레이어의 [애니메이션] 메뉴에서 [불투명도]를 선택합니다.
  4. [타임라인] 패널에서 텍스트 레이어와 해당 애니메이터를 확장합니다.
  5. [범위 선택기]를 선택하여 삭제합니다.
  6. 텍스트 레이어의 [애니메이터] 속성 그룹 옆에서 [추가] > [선택기] > [흔들기]를 선택합니다.
  7. [추가] > [선택기] > [표현식]을 선택합니다. [흔들기] 선택기가 [표현식] 선택기 앞에 오지 않으면 [흔들기] 선택기를 [표현식] 선택기 위로 드래그합니다.
  8. [표현식 선택기]를 확장합니다.
  9. [양] 속성을 확장하여 표현식을 표시합니다. 기본적으로 다음 표현식이 나타납니다.
    selectorValue * textIndex/textTotal
  10. 기본 표현식 텍스트를 다음 표현식으로 바꿉니다.
    r_val=selectorValue[0]; 
    if(r_val < 50)r_val=0; 
    if(r_val > 50)r_val=100; 
    r_val
  11. 불투명도를 0%로 설정하고 컴포지션을 미리 봅니다.

예제: 표현식을 사용하여 텍스트 위치에 애니메이션 적용

이 예제에서는 wiggle 표현식과 함께 textIndextextTotal 특성을 사용하여 한 줄의 텍스트에 애니메이션을 적용합니다.

  1. 새 컴포지션을 만듭니다.
  2. 새 텍스트 레이어를 만듭니다.
  3. [타임라인] 패널에서 텍스트 레이어를 확장하여 텍스트 속성을 봅니다. [애니메이션] 메뉴에서 [위치] 애니메이터 그룹을 추가합니다.
  4. 기본 [범위] 선택기인 [범위 선택기 1]을 삭제합니다.
  5. [추가] 메뉴를 선택한 다음 [선택기] > [표현식]을 선택하여 [표현식] 선택기를 추가합니다. [표현식] 선택기를 확장하여 해당 옵션을 표시합니다.
  6. [양] 속성을 확장하여 표현식을 표시합니다. 기본적으로 다음 표현식이 나타납니다.
    selectorValue * textIndex/textTotal
  7. 기본 표현식을 다음 표현식으로 바꿉니다.
    seedRandom(textIndex); 
    amount=linear(time, 0, 5, 200*textIndex/textTotal, 0); 
    wiggle(1, amount);

    이 예제에서는 선형 메서드를 사용하여 시간 경과에 따라 최대 흔들기 양을 줄입니다.

  8. 세로 위치 값을 설정합니다. 값이 클수록 문자가 많이 흔들립니다.
  9. 컴포지션을 미리 봅니다.

예제: 텍스트에 시간 코드 표시 애니메이션 적용

  1. [타임라인] 패널에서 레이어를 선택하지 않은 상태로 [효과 및 사전 설정] 패널에서 [현재 시간 포맷] 애니메이션 사전 설정을 두 번 클릭합니다. [효과 및 사전 설정] 패널의 [다음 포함] 필드에 해당 이름을 입력하여 애니메이션 사전 설정을 찾을 수 있습니다.

    [소스 텍스트] 속성에 텍스트가 프로젝트의 시간 표시 형식으로 현재 시간을 표시하도록 하는 표현식이 있는 새 텍스트 레이어가 만들어집니다.

    [전체] 범주에 있는 다른 표현식을 사용하여 시간을 다른 형식으로 표시할 수 있습니다.

    참고:

    레이어의 표현식을 보려면 레이어를 선택하고 EE를 누르세요.

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

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

 Adobe

쉽고 빠르게 지원 받기

신규 사용자이신가요?