사용 안내서 취소

가변 글꼴 축 작업

  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의 설정 동기화
    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에서 가변 글꼴 축을 사용하여 작업하는 방법에 대해 자세히 알아봅니다. 액세스하는 방법, 텍스트 애니메이터로 추가하는 방법, 선택기 사용법 등을 다룹니다.

새로운 Beta 기능 사용

가변 글꼴 축 지원이 테스트 및 피드백용으로 공개되었습니다. 지금 바로 After Effects(Beta)에서 사용해 보실 수 있습니다.

이 페이지의 내용:

가변 글꼴 축 추가

시작 전 점검 사항
  • 가변 글꼴을 설치하려면 .ttf, .otf 또는 .woff2와 같은 확장자를 가진 파일을 찾으세요. 많은 Adobe Fonts에는 가변 버전(가변으로 표시됨)이 포함되어 있으며, 글꼴 기술 필터를 사용하여 이 가변 글꼴을 빠르게 찾을 수 있습니다. Google Fonts 및 기타 오픈 소스 저장소와 같은 리소스를 통해 무료 가변 글꼴을 찾을 수도 있습니다.
  • 가변 글꼴 축으로 디자인하고 텍스트 애니메이션을 효율적으로 설정하며 애니메이션 워크플로를 최적화하는 방법을 다룬 권장 사례를 살펴보십시오.
  1. 텍스트 레이어를 만들고 문자 패널에서 가변 글꼴을 적용하세요.

  2. 텍스트 레이어를 선택한 다음, 글꼴 및 스타일 섹션의 속성 패널에서 가변 글꼴 아이콘을 선택하여 현재 글꼴에 사용 가능한 모든 축을 표시하는 팝업을 엽니다.

    가변 글꼴 아이콘이 선택되어 선택한 글꼴에 사용 가능한 모든 축을 표시하는 팝업이 열렸습니다.
    가변 글꼴 아이콘을 사용하여 선택한 글꼴에 사용 가능한 모든 축을 표시하세요.

  3. 팝업에 다음 항목이 표시되고 스크러빙 컨트롤을 사용하여 값을 조정할 수 있습니다.

    • 축 이름: 설명적인 이름. 예를 들어 굵기, 너비 등이 있습니다.
    • 현재 값: 현재 축 값입니다.
    가변 글꼴 팝업이 열려 있어 스크러빙 컨트롤을 사용하여 값을 조정할 수 있습니다.
    스크러빙 컨트롤로 축 값을 조정하여 글꼴의 굵기, 너비 또는 기타 가변 속성으로 작업하세요.

    텍스트가 선택된 경우(텍스트 편집 모드에서) 축은 선택된 문자의 값을 표시하고, 아무것도 선택되지 않은 경우 축은 첫 번째 문자의 값을 표시합니다. 여러 선택에서 섞여 있는 값은 범위를 표시하거나 베리에이션을 나타냅니다

  4. 값 숫자를 좌우로 드래그하여 조정하고 컴포지션 패널에서 변경 사항을 즉시 미리 볼 수 있습니다. 또는 값을 선택하여 입력 모드로 전환하고, 원하는 숫자를 입력한 다음 Enter를 눌러 적용할 수 있습니다.

    각 축에는 글꼴에서 정의한 최솟값과 최댓값이 있으며, 스크러빙이나 입력은 유효한 범위로 제한됩니다. 핫 텍스트에 마우스를 가져다 대면 범위를 확인할 수 있습니다.

    핫 텍스트에 마우스를 가져다 되면 글꼴에서 정의한 최솟값과 최댓값이 표시됩니다.
    핫 텍스트 위에 마우스를 올리면 글꼴에서 정의한 최솟값과 최댓값이 표시됩니다.

  5. 컴포지션 패널에 즉시 반영되는 변경 사항을 미리 봅니다. 너비나 간격 변경으로 레이아웃이 바뀌면 텍스트가 자동으로 조정됩니다.

단어의 첫 글자를 굵게 만들거나 단일 단어 내에서 굵기 베리에이션을 만들거나 사용자 정의 합자 또는 문자 조합을 디자인하려는 경우 가변 글꼴을 사용하면 됩니다.

  1. 텍스트 레이어를 두 번 클릭하여 텍스트 편집 모드로 전환합니다.

  2. 수정할 특정 문자를 선택하고 속성 패널에서 아이콘을 선택하여 가변 글꼴 팝업을 엽니다.

    가변 글꼴 팝업이 열려 있어 스크러빙 컨트롤을 사용하여 값을 조정할 수 있습니다.
    가변 글꼴 아이콘을 사용하여 선택한 글꼴에 사용 가능한 모든 축을 표시합니다.

  3. 선택한 문자에만 적용되도록 축 값을 조정합니다.

    참고:

    특정 문자를 선택하지 않으면 값이 첫 번째 문자에만 적용됩니다.

텍스트 애니메이터로 가변 글꼴 축 추가하기

텍스트 애니메이터를 사용하면 시간에 따라 축 값에 키프레임을 설정하고 선택기를 사용하여 특정 문자 범위에 적용할 수 있습니다. 축 애니메이터를 추가하는 방법은 여러 가지가 있습니다.

  • 텍스트 편집 중 텍스트 레이어 메뉴 사용
  • 타임라인에서 애니메이터 추가 사용
  • 속성 패널 사용

텍스트 편집 중 텍스트 레이어 메뉴 사용

  1. 텍스트 레이어를 두 번 클릭하여 편집 모드로 전환합니다.

  2. 애니메이션을 적용할 문자를 선택하여 강조 표시하거나, 모든 문자에 적용하려는 경우 아무것도 선택하지 않습니다.

  3. 컴포지션 패널에서 강조 표시된 텍스트를 마우스 오른쪽 버튼으로 클릭한 다음 텍스트 애니메이션화 > 가변 글꼴 축 > [축 이름]을 선택합니다.

    컴포지션 패널에서 텍스트가 강조 표시되고 텍스트 애니메이션화 메뉴가 열려 있습니다.
    컴포지션 패널에서 텍스트를 강조 표시하고 텍스트 애니메이션화 메뉴를 사용하여 사용 가능한 가변 글꼴 축을 확인합니다.

  4. 선택한 축 속성으로 새 텍스트 애니메이터가 만들어집니다.

타임라인에서 애니메이터 추가 사용

  1. 타임라인 패널에서 텍스트 레이어를 선택하고 확장하여 애니메이션 버튼을 꺼냅니다.

  2. 애니메이션 버튼을 선택하고 가변 글꼴 축 > [축 이름]을 선택합니다.

    텍스트 레이어에 대해 애니메이션 옵션이 열리고 가변 글꼴 축이 선택되어 있습니다.
    애니메이션 아래의 가변 글꼴 축 옵션을 사용하면 굵기나 너비와 같은 글꼴 속성에 애니메이션을 적용할 수 있습니다.

  3. 범위 선택기가 있는 새 애니메이터가 자동으로 만들어집니다.

속성 패널 사용

  1. 타임라인 패널에서 텍스트 레이어를 선택하고 속성 패널로 이동합니다.

  2. 텍스트 애니메이션 섹션으로 이동하여 애니메이터 추가 > 가변 글꼴 축 > [축 이름]을 선택합니다.

    속성 패널에서 [애니메이터 추가] 버튼이 선택되었습니다.
    텍스트 속성에 애니메이션 컨트롤을 적용하기 위해 속성 패널에서 [애니메이터 추가] 버튼이 선택되었습니다.

  3. 범위 선택기가 있는 새 애니메이터가 추가됩니다.

새 애니메이터를 추가하면 After Effects에서 텍스트 애니메이터 그룹이 새로 만들어지며, 여기에는 글꼴 축 속성과 범위 선택기가 포함되고 초기 값은 선택한 문자의 현재 축 값으로 설정됩니다.

가변 글꼴 축 애니메이터 작업하기

가변 글꼴 축 애니메이터를 추가하면 After Effects에서 다음 계층을 만듭니다.

가변 글꼴 축 애니메이터를 추가할 때 타임라인 패널에 계층이 표시됩니다.
텍스트 레이어에 가변 글꼴 축 애니메이터를 추가할 때 타임라인 패널에 계층이 표시됩니다.

축 값 키프레임 설정하기

  1. 타임라인 패널에서 [현재 시간 표시기(CTI)]를 원하는 시간으로 옮깁니다.

  2. 축 속성 옆의 스톱워치 아이콘을 선택하여 현재 값에서 첫 번째 키프레임을 만듭니다.

  3. CTI를 새로운 시간으로 이동하고 스크러빙이나 수동 입력으로 축의 값을 변경하여 새 키프레임을 만듭니다.

    타임라인 패널에 텍스트 레이어의 글꼴 축 굵기 속성에 대한 키프레임이 표시됩니다.
    텍스트 레이어의 글꼴 축 굵기 속성에 키프레임을 추가하여 시간에 따른 굵기 변화 애니메이션을 적용할 수 있습니다.

애니메이션 예제

개별 축으로 작업하는 경우 다음 예제를 시도해 보십시오.

시간 및 값 변경

결과

부드러운 굵기 전환

  • 0:00 – 굵기: 300(가늘게)
  • 1:00 – 굵기: 700(굵게)

텍스트가 점진적으로 굵어집니다

너비 압축 효과

  • 0:00 – 너비: 100%(보통)
    0:15 – 너비: 50%(압축)
    1:00 – 너비: 100%(보통)

텍스트가 압축되었다가 원래대로 돌아옵니다

기울기 또는 이탤릭 애니메이션

  • 0:00 – 기울기: 0°(수직)
  • 1:00 – 기울기: -15°(기울어짐)

텍스트가 이탤릭 스타일로 기울어집니다

첫 번째 축(예: 굵기)을 추가한 다음 두 번째 축(예: 너비), 세 번째 축(예: 기울기)을 차례로 추가하고 각각 독립적으로 또는 함께 키프레임을 설정하여 동일한 텍스트 레이어에 여러 축 애니메이터를 추가할 수 있습니다. 여러 축을 결합한 다음 예제를 시도해 보십시오.

시간 및 값 변경

결과

동적 로고 애니메이션

애니메이터 1 - 글꼴 축 굵기

  • 시간 0:00 - 굵기: 300
  • 시간 1:00 - 굵기: 900

애니메이터 2 - 글꼴 축 너비

  • 시간 0:00 - 너비: 75%
  • 시간 1:00 - 너비: 125%

텍스트가 동시에 굵고 넓어집니다

가변 글꼴 애니메이션의 문자 간격

가변 글꼴 간격 속성은 After Effects가 굵기나 너비와 같은 글꼴 축에 애니메이션을 적용할 때 문자 간격을 조정하는 방법을 제어합니다. 

굵기나 너비와 같은 글꼴 설정을 애니메이션할 때 글자가 더 넓어지거나 좁아질 수 있습니다. After Effects는 깔끔한 모양을 유지하기 위해 글자 사이의 간격을 자동으로 조정할 수 있으며, 이 설정을 통해 간격 조정이 언제 어떻게 이루어질지 선택할 수 있습니다.

  1. 텍스트 레이어의 텍스트 속성 그룹을 펼치십시오.

  2. 가변 글꼴 축 추가로 애니메이션 적용을 시작합니다.

  3. 기타 옵션 섹션에서 가변 글꼴 간격 드롭다운 메뉴를 사용하여 다음 중 원하는 설정을 선택합니다.

    • 적응형: 글꼴 축이 변경될 때 자연스러운 간격을 유지하기 위해 적절한 경우 문자별 추적 보정을 적용합니다. 
    • 문자별: 항상 문자별 추적 보정을 적용합니다. 
    • 기본값: 문자별 추적 보정을 완전히 비활성화합니다. 글꼴 축 변경에도 불구하고 문자는 원래 간격을 유지합니다. 글꼴의 자연스러운 너비 변경이 전체 텍스트 레이아웃에 영향을 주는 창의적인 효과에 유용합니다.

가변 글꼴 축과 함께 선택기 사용하기

선택기는 애니메이터가 영향을 주는 문자와 강도를 제어합니다. 가변 글꼴 축 애니메이터는 모든 선택기 유형과 함께 작동합니다.

범위 선택기(기본값)

범위 선택기는 애니메이션을 적용할 연속되는 문자의 범위를 정의합니다. 다음은 주요 속성입니다.

속성

설명

시작 및 끝

영향을 받는 문자를 정의합니다

0% – 100% (또는 색인/단위 기반)

  • 0%에서 100% - 모든 문자에 영향
  • 0%에서 50% - 텍스트의 첫 번째 절반
  • 50%에서 100% - 텍스트의 두 번째 절반

오프셋

텍스트를 따라 범위를 이동시키며 애니메이션을 적용해 '이동'하는 효과를 만듭니다

값: -∞ ~ +∞

효과의 강도를 제어합니다

0% ~ 100%

  • 100% - 전체 축 값 적용
  • 50% - 축 값의 절반 적용
  • 0% - 효과 없음 (기본 글꼴 값)

다음은 시도해 볼 수 있는 몇 가지 예제입니다.

글꼴 축 설정

범위 선택기

키프레임

결과

굵기 지우기 효과

굵기: 900(검정)

  • 시작: 0%
  • 종료: 0%

종료에 0% ~ 100% 키프레임 설정

텍스트를 왼쪽에서 오른쪽으로 따라가며 굵은 굵기를 '칠'합니다

움직이는 너비 물결

너비: 150%(확장)

  • 시작: 0%
  • 종료: 20%
  • 이동: -20% ~ 120% 키프레임 설정

시간에 따라 애니메이션이 적용된 이동

확장된 너비가 텍스트를 통과합니다

모양과 점진성

속성

옵션

설명

모양

정사각형

영향을 받는 문자와 받지 않는 문자 사이의 명확한 가장자리

모양

점점 증가

범위로 점진적 증가

모양

점점 감소

범위에서 점진적 감소

모양

삼각형

점진적 시작 및 종료

모양

원형

매끄러운 종형 곡선

모양

매끄러움

매우 점진적인 전환

점진성

높은 점진성

매우 점진적인 전환

점진성

낮은 점진성

보다 급격한 전환

다음은 시도해 볼 수 있는 예제입니다.

글꼴 축 설정

범위 선택기

추가 설정

결과

매끄러운 굵기 그레이디언트

글꼴 축 가중치: 900

  • 시작: 0%
  • 종료: 0%
  • 모양: 점점 감소
  • 높은 점진성: 50%

텍스트가 굵게 시작되어 기본 굵기가 될 때까지 점진적으로 가늘어집니다

흔들기 선택기

문자별로 축 값에 무작위 변동을 적용합니다. 다음은 주요 속성입니다.

속성

설명

결과

최대 양 / 최소 양

기본 값에서의 최대 및 최소 변동

문자별로 무작위 변동을 생성합니다

흔들기/초

무작위 값이 변하는 속도

높을수록 더 격렬한 움직임을 의미합니다

상관 관계

인접한 문자들이 얼마나 관련되어 있는지

  • 100% - 모든 문자가 함께 변경됩니다
  • 0% - 각 문자가 독립적으로 변경됩니다

시간 위상

문자별로 타이밍 이동을 무작위화합니다

타이밍에 변동을 추가합니다

다음은 시도해 볼 수 있는 몇 가지 예제입니다.

글꼴 축 설정

흔들기 선택기 설정

추가 설정

결과

떨림 굵기 효과

굵기: 400(보통)

  • 최대 양: 100%
  • 최소 양: -100%
  • 흔들기/초: 5
  • 상관관계: 0%
  • 글꼴 축 굵기: 200(가는 글꼴에서 굵은 글꼴 범위)

각 문자의 굵기가 독립적으로 무작위로 변동됩니다

호흡하는 굵기

너비: 100%(보통)

  • 최대 양: 50%
  • 최소 양: -50%
  • 흔들기/초: 1
  • 상관관계: 80%

텍스트가 파도처럼 부드럽게 확장/수축됩니다

표현식 선택기

JavaScript 표현식을 사용하여 어떤 문자가 영향을 받을지 수학적으로 정확하게 제어할 수 있습니다. 이 핵심 속성입니다.

  • 표현식은 문자별 효과 강도를 제어하는 값을 반환합니다
  • 문자 색인, 위치, 시간 등에 액세스할 수 있습니다

다음은 시도해 볼 수 있는 몇 가지 예제입니다.

표현식(양)

애니메이터 축

결과

문자 위치 기반 굵기

// In Expression Selector Amount property:
linear(textIndex, 1, textTotal, 0, 100)
  • 글꼴 축 굵기: 900

첫 번째 문자가 가장 가늘고 마지막 문자가 가장 굵은 선형 그레이디언트

진동하는 기울기

// In Expression Selector Amount property:
Math.sin(time * 3 + textIndex * 0.5) * 50 + 50
  • 기울기: -15

사인 패턴으로 텍스트를 통과하는 기울기 물결

다음은 After Effects에서 많이 사용되는 표현식 변수로, 그 외에 사용할 수 있는 변수도 많이 있습니다.

  • textIndex - 현재 문자 색인(1 기준)
  • textTotal - 총 글자 수
  • time - 현재 컴포지션 시간

여러 선택기 결합

복잡한 효과를 위해 단일 애니메이터에 여러 선택기를 추가할 수 있습니다.

  1. 타임라인 패널에서 애니메이터를 확장합니다.

  2. 애니메이터 이름 옆의 추가 드롭다운을 선택하십시오.

  3. 다음의 사용 가능한 옵션 중 선택기 유형을 선택합니다.

    • 범위 선택기
    • 흔들기 선택기
    • 표현식 선택기

    새 선택기가 추가되고 기존 선택기와 결합됩니다. 값에 대한 조정이 함께 곱해집니다. 예를 들어, 50%범위 선택기80%흔들기 선택기를 곱하면 40%의 최종 효과가 나타나며, 레이어 간 매끄러운 전환에 무작위 변동을 적용하는 것이 가능합니다.

다음은 베리에이션과 함께 매끄러운 웨이브를 만들기 위해 시도해 볼 수 있는 예시입니다. 범위 선택기흔들림 선택기를 결합하여 미묘한 무작위 떨림과 함께 굵은 웨이브 효과를 만들어냅니다.

구성 요소

설정

애니메이터 1

  • 글꼴 축 굵기: 900

범위 선택기 1

  • 시작: 0%
  • 종료: 30%
  • 이동: 애니메이션 -30% → 120%
  • 모양: 매끄럽게

흔들기 선택기 1

  • 최대 양: 20%
  • 최소 양: -20%
  • 흔들기/초: 3

고급 기법

서로 다른 문자 범위에 대해 다른 효과를 만듭니다. 다음은 두 가지 예제입니다.

애니메이터 설정

선택기 설정

첫 번째 글자는 굵게, 나머지는 보통

글꼴 축 굵기: 900(검정)

범위 선택기:

  • 기준: 문자
  • 시작: 1
  • 종료: 1
  • 단위: 색인

교대로 나타나는 굵기

애니메이터 1(홀수 문자):

  • 글꼴 축 굵기: 700
  • 표현식 선택기 양: (textIndex % 2) * 100

애니메이터 2(짝수 문자):

  • 글꼴 축 굵기: 300
  • 표현식 선택기 양: ((textIndex + 1) % 2) * 100

홀수/짝수 문자를 제어하는 두 개의 표현식 선택기

표현식을 사용하여 축 값을 다른 애니메이션 속성에 연결하세요. 다음은 생각해 볼 수 있는 두 가지 예제입니다.

1. 위치에 따른 굵기는 레이어의 세로 위치를 기반으로 텍스트 굵기 변화를 만듭니다.

// 글꼴 축 굵기 속성에서:
linear(transform.position[1], 0, thisComp.height, 300, 900)

2. 오디오에 반응하는 너비는 텍스트 굵기 너비가 오디오 진폭에 반응하도록 만듭니다.

// In Font Axis Width property:
audioLevel = thisComp.layer("Audio Layer").audio.audioLevels;
linear(audioLevel[0], -48, 0, 75, 150)

텍스트 레이어 간에 애니메이터를 복사하여 붙여넣으려면 타임라인 패널에서 복사할 레이어를 펼치고 원하는 애니메이터를 선택한 후 복사하고(Ctrl/Cmd+C), 대상 텍스트 레이어를 선택한 후 붙여넣습니다(Ctrl/Cmd+V).

다음과 같은 몇 가지 사항을 고려해야 합니다.

  • 축 애니메이터는 대상 글꼴이 동일한 축을 가지고 있을 때만 전송됩니다.
  • 대상 글꼴에 축이 없으면 복사한 레이어의 축이 붙여넣어집니다.
  • 한 축에서 다른 축으로는 붙여넣을 수 없습니다.
  • 범위/흔들림/표현식 선택기는 올바르게 복사됩니다.
  • 키프레임은 그대로 유지됩니다.

텍스트 레이어에 여러 글꼴이 포함된 경우(혼합 서식). 텍스트 애니메이터에서:

  • 애니메이터는 각 문자의 글꼴을 기반으로 문자별 축 변경을 적용합니다
  • 문자의 글꼴에 해당 축이 없으면 그 문자는 영향을 받지 않습니다
  • 범위 선택기는 여전히 문자 범위를 대상으로 하지만 효과는 글꼴에 따라 달라집니다

다음은 간단한 예제입니다.

  • 텍스트: "Hello"(혼합 글꼴)
    • "He"는 VariableFont A 사용(굵기 축 있음)
    • "llo"는 VariableFont B 사용(굵기 축 없음)
  • 애니메이터: 글꼴 축 굵기 - 900
  • 결과: "He"는 굵게 표시되고, "llo"는 변경되지 않습니다

Adobe, Inc.

쉽고 빠르게 지원 받기

신규 사용자이신가요?