사용 안내서 취소

표현식을 사용하여 텍스트 속성 편집 및 액세스

  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 색상 관리
    5. 향상된 HDR 지원
  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 표현식은 속성을 사용하여 텍스트 스타일 값과 함수 메서드를 읽고(get) 표현식 엔진 내에 씁니다(set). 이를 이용하면 여러 텍스트 레이어의 텍스트 스타일을 연결하거나, 애니메이션을 적용하거나 [모션 그래픽] 템플릿에 사용할 수 있도록 컨트롤을 설정할 수 있습니다.

표현식을 사용하여 텍스트 속성을 편집하기 전에 준비할 것

  1. 프로젝트 설정 > 표현식 > 표현식 엔진 > Javascript를 선택하여 표현식 엔진을 Javascript로 설정합니다.
  2. 텍스트 레이어의 소스 텍스트 속성에 표현식을 추가합니다.
  3. 표현식 언어 플라이아웃 메뉴에서 텍스트 > 속성 > 텍스트 속성 또는 텍스트 > 스타일을 선택합니다.

사용 가능한 텍스트 속성

다음 텍스트 스타일 속성은 스타일 개체를 사용하여 읽고 설정할 수 있습니다.

  • 글꼴
  • 글꼴 크기
  • 포 볼드체
  • 포 이탤릭체
  • 모두 대문자
  • 작은 대문자
  • 자간
  • 행간
  • 자동 행간
  • 기준선 이동
  • 채우기(활성화/비활성화)
  • 채우기 색상
  • 선(활성화/비활성화)
  • 선 색상
  • 선 폭
  • 자릿수 설정
  • 비율 조정
  • 커닝
  • 비율 간격
  • 기준선 방향
  • 기준선 옵션
표현식 언어 플라이아웃 메뉴에 선택할 수 있는 모든 텍스트 속성의 목록이 있습니다.
[표현식 언어] 플라이아웃 메뉴에는 현재 After Effects에서 제공하는 것을 포함한 모든 [텍스트 속성] 목록이 표시됩니다.

텍스트 레이어의 소스 텍스트 속성은 표현식에서 JavaScript 문자열로 해석됩니다. 텍스트 자체는 sourceText로 읽을 수 있지만 스타일 속성이 수정되는 경우 setText 메서드를 사용하여 스타일 개체에 설정해야 합니다. 일부 예시를 살펴봅니다.

단락이 있는 텍스트 레이어의 표현식

새 텍스트 줄 시작

문자열 표현식에 \r을 사용하여 새로운 텍스트 줄을 시작할 수 있습니다. 예를 들어 원본 텍스트를 한 레이어에서 같은 레이어로 복사하고 해당 텍스트를 모두 대문자로 변환하여 새 줄에 나타내려면 다음 표현식을 사용합니다.

  textourceText + “\r” + textourceTextoUpperCase()

사용 가능한 단락 속성

텍스트 스타일 특성 외에도 단락 특성이 있습니다. 이 옵션은 전체 텍스트 레이어에만 적용할 수 있습니다. 단락 속성은 After Effects에서만 사용할 수 있습니다.

  • 방향
  • 전체 행 컴포저
  • 첫 줄 들여쓰기
  • 정렬
  • 행간 유형
  • 왼쪽 여백 
  • 오른쪽 여백
  • 이후 공백
  • 이전 공백
  • 로마자 구두점 위치 설정
표현식 언어 플라이아웃 메뉴에 현재 After Effects Beta에 있는 속성을 포함한 모든 단락 속성의 목록이 있습니다.
표현식 언어 플라이아웃 메뉴에 After Effects에 포함된 모든 단락 속성의 목록이 있습니다.

PostScrip 글꼴 표현식 메뉴

표현식에서 글꼴을 참조할 때 특수한 "시스템 이름"(또는 이와 유사한 이름)을 사용해야 합니다. 이 특수한 이름은 표현식 오류가 발생하지 않도록 텍스트 > 글꼴 > 글꼴 선택 대화 상자에서 삽입하는 것이 좋습니다.

  • 표현식 언어 플라이아웃 메뉴를 연 다음 텍스트 > 글꼴을 선택합니다. 그러면 표현식에 삽입할 서체와 글꼴을 선택할 수 있는 드롭다운 메뉴가 있는 대화 상자가 나타납니다.
글꼴 메뉴
[표현식 언어] 메뉴를 사용하여 표현식에 삽입할 서체와 글꼴을 선택합니다.

글꼴 동기화

표현식 편집기에서만 참조되는 글꼴은 프로젝트에서 사용하는 글꼴로 기록되지 않습니다. 표현식 편집기에서 참조한 모든 글꼴이 자동으로 동기화되거나 글꼴 확인 대화 상자에 입력되도록 하기 위해 한 레이어에 참조 글꼴을 모두 사용합니다. 해당 레이어 소스는 숨겨져 있어도 됩니다.

스타일 개체

텍스트 레이어의 모든 스타일 속성은 스타일 개체에 있으며, 다음을 사용하여 소스 텍스트 속성에서 액세스할 수 있습니다.

// 소스 텍스트 속성에 전체 경로 사용 
text.sourceText.style 

// 현재 속성의 일반 이름 사용 
thisProperty.style

스타일 자체를 사용하는 것은 위의 두 가지 예 중 하나를 사용하는 것과 동일하지만 여러 텍스트 레이어의 스타일 속성을 결합하는 경우 혼동될 수 있습니다.

다른 텍스트 레이어의 스타일 속성도 읽을 수 있습니다. 위에 표시된 첫 번째 예제 시작 부분에서 뚝딱 도구를 사용하여 다른 텍스트 레이어로 가는 링크를 만듭니다.

// 특정 텍스트 레이어 스타일 객체에 액세스 

thisComp.layer(“Other Layer Name”).text.sourceText.style;

텍스트 레이어의 개별 문자 스타일 속성

텍스트 표현식을 사용하여 전체 텍스트 레이어의 스타일 속성을 설정하는 것 외에도 해당 레이어 내 개별 문자의 스타일 속성을 설정할 수 있습니다. 이 문자별 컨트롤의 장점 중 하나는 문자 패널에서 하위 문자열 스타일을 사용할 때와 마찬가지로 문자의 비율을 조정하고, 위 첨자를 사용하고, 다른 글꼴을 사용하는 등 다양한 상황에서 텍스트가 자동으로 재조정된다는 것입니다.

예제

특정 단어의 글꼴 변경

textourceTexttyle
etFont(“Montserrat-Light”) 
etFont(“Gigantic”, 0, 6)etFont(“Gigantic”, 10, 6)etFont(“Gigantic”, 20)
 

텍스트 레이어의 첫 번째 줄을 굵게 설정하고 확대

 text.sourceText.style.setFontSize(100, 0, 30).setFauxBold(true, 0, 30) 

문자의 위 첨자 설정

문자열을 사용하려면 ‘1st 및 2nd Place’ 텍스트가 포함된 텍스트 레이어를 추가하고 소스 텍스트에 다음을 적용합니다.

textourceTexttyleetBaselineOption(“superscript”,1,2)etBaselineOption(“superscript”, 9, 2) 

스타일과 소스 텍스트 결합

텍스트와 스타일
스타일과 소스 텍스트 결합

스타일과 실제 소스 텍스트의 값을 동시에 반환하려면 getStyleAtsetText 함수를 결합해야 합니다. 다음은 이 표현식을 작성하는 방법에 대한 두 가지 예입니다.

// 스타일과 실제 소스 텍스트의 값을 동시에 반환하려는 경우(줄임)
 
var sourceTextProperty = thisCompayer(“MAIN TEXT”)extourceText; 
 
var newStyle = sourceTextPropertyetStyleAt(0,0
 
newStyleetText(sourceTextProperty
// 레이어 스택 순서에서 이전 레이어의 실제 소스 텍스트와 스타일 값을 모두 반환하려는 경우
 
var sourceTextProperty = thisComp.layer(index - 1).text.sourceText; 
 
var newStyle = sourceTextProperty.getStyleAt(0,0);  
 
newStyle.setText(sourceTextProperty);
드롭다운 글꼴
드롭다운 메뉴에 글꼴 또는 스타일 연결

드롭다운 메뉴를 사용하여 텍스트 레이어를 특정 글꼴로 잠그는 것과 같은 텍스트 스타일 제어를 할 수 있습니다 이는 브랜드 지침, 템플릿, MoGRTS 등에 유용합니다.

// 드롭다운 메뉴 컨트롤을 사용하여 텍스트 레이어를 특정 글꼴로 잠그려는 경우
 
var dropDownMenu = thisCompayer(“LayerName”)ffect(“Dropdown Menu Control”)(“Menu” 
 
switch (dropDownMenualue) { 
 
    case 1 : 
 
        textourceTexttyleetFont(“Georgia” 
 
        break; 
 
    case 2 : 
 
        textourceTexttyleetFont(“Impact” 
 
        break; 
 
default : 
 
        textourceTexttyleetFont(“Tahoma” 
 
}

메인 텍스트 레이어

마스터 텍스트 레이어
“텍스트 레이어 1”에서 텍스트 속성을 가져오지만 글꼴 크기 및 채우기 색상은 재정의합니다.

여러 텍스트 레이어를 기본 글꼴 컨트롤러에 연결하여 한 번에 여러 레이어의 텍스트 스타일을 제어합니다. 두 개의 텍스트 레이어를 만들고 이 표현식을 그 중 하나의 소스 텍스트에 붙여넣습니다.

// 텍스트 레이어에서 모든 텍스트 속성을 가져오는 경우
 
thisCompayer(“Text Layer 1”)extourceTexttyle;

텍스트 레이어에서 스타일을 가져올 수 있지만 Set 함수로 값을 추가하여 특정 텍스트 속성을 재정의할 수 있습니다. 다음은 칠 색상글꼴 크기를 사용하는 두 가지 예입니다.

// “텍스트 레이어 1”에서 모든 텍스트 속성을 가져오지만 채우기 색상 및 글꼴 크기를 하드코드된 값으로 재정의하려는 경우
 
var newStyle = thisCompayer(“Text Layer 1”)extourceTexttyle;  
 
newStyleetFillColor(hexToRgb(“FF0000”))etFontSize(100
// “텍스트 레이어 1”에서 모든 텍스트 속성을 가져오지만 채우기 색상 및 글꼴 크기를 레이어의 현재 텍스트 속성으로 재정의하려는 경우
 
var newStyle = thisCompayer(“Text Layer 1”)extourceTexttyle; 
 
var currentFillColor = thisPropertytyleillColor; 
 
var currentFontSize = thisPropertytyleontSize; 
 
newStyleetFillColor(currentFillColor)etFontSize(currentFontSize

예제

다음은 표현식을 사용하여 텍스트 속성 값에 액세스하고 이를 사용하는 방법에 대한 예시입니다.

글꼴

다음은 텍스트 레이어의 글꼴, 글꼴 크기, 포 볼드체, 포 이탤릭, 자간행간에 액세스하는 예입니다.

// 텍스트 레이어 자체의 글꼴 이름을 반환하려는 경우 text.sourceText.style.font; // 다른 텍스트 레이어가 사용 중인 글꼴 이름을 반환하려는 경우 var otherLayer = thisComp.layer(“Other Layer Name”); otherLayer.text.sourceText.style.font; // 텍스트 레이어 자체의 글꼴 크기를 반환하려는 경우 text.sourceText.style.fontSize; // 다른 텍스트 레이어의 글꼴 크기를 반환하려는 경우 var otherLayer = thisComp.layer(“Other Layer Name”); otherLayer.text.sourceText.style.fontSize; // 레이어의 텍스트가 포 볼드체인지 여부(True 또는 False)에 대한 부울 값을 반환하려는 경우 text.sourceText.style.isFauxBold; // 레이어의 텍스트가 포 이탤릭체인지 여부(True 또는 False)에 대한 부울 값을 반환하려는 경우 text.sourceText.style.isFauxItalic; // 텍스트 레이어의 자간 값을 숫자로 반환하려는 경우 text.sourceText.style.tracking; // 텍스트 레이어의 행간 값을 숫자로 반환하려는 경우 text.sourceText.style.leading;

채우기

다음은 텍스트 레이어의 채우기칠 색상에 액세스하는 예입니다.

// 레이어의 텍스트에 채우기가 적용되었는지 여부(True 또는 False)에 대한 부울 값을 반환하려는 경우 text.sourceText.style.applyFill; 
// 텍스트 레이어의 채우기 색상 값을 반환하려는 경우 
// 기본적으로 0 – 1.0 범위의 RGB 값 배열을 반환합니다 
text.sourceText.style.fillColor; 
 
// setApplyFill 및 setFillColor를 사용하여 텍스트 레이어의 채우기 색상 설정 
// setFillColor 값은 0 – 1.0 범위의 RGB 배열로 정의됩니다 
var newStyle = style.setApplyFill(true); 

newStyle.setFillColor([1.0, 1.0, 1.0]); 

// 16진수 값으로 색상 값을 정의하기 위해 0 – 1.0 RGB 배열을 hexToRGB로 대체하는 텍스트 레이어의 채우기 색상을 설정합니다 
var newStyle = style.setApplyFill(true); 

newStyle.setFillColor(hexToRgb(“FFFFFF”));

RGB 값 채우기

// 채우기 색상의 빨간색(R) 값을 반환하려는 경우 

text.sourceText.style.fillColor[0];
참고:

텍스트 레이어의 R, G 또는 B에 대한 채우기 색상 값을 반환하려면 대괄호 안에 각각 0, 1 또는 2를 추가합니다.

다음은 텍스트 레이어의 , 색상, 획 너비에 액세스하는 예시입니다.

// 레이어의 텍스트에 선이 적용되었는지 여부(True 또는 False)에 대한 부울 값을 반환하려는 경우 
text.sourceText.style.applyStroke;
 
// 텍스트 레이어의 선 색상 값을 반환하려면 
// 기본적으로 0 – 1.0 범위의 RGB 값 배열을 반환합니다. 
text.sourceText.style.strokeColor; 

// setApplyStroke 및 setStrokeColor를 사용하여 텍스트 레이어의 선 색상 설정 
// setStrokeColor 값은 0 – 1.0 범위에서 RGB 배열로 정의됩니다. 
var newStyle = style.setApplyStroke(true); 

newStyle.setStrokeColor([1.0, 0.0, 0.0]);
 
// 16진수 값으로 색상 값을 정의하기 위해 0 – 1.0 RGB 배열을 hexToRGB로 대체하는 텍스트 레이어의 선 색상을 설정합니다. 
var newStyle = style.setApplyStroke(true);
 
newStyle.setStrokeColor(hexToRgb(“FF0000”));
 
// 텍스트 레이어의 선 너비 값을 숫자로 반환하려는 경우
text.sourceText.style.strokeWidth;

획 RGB 값

// 선 색상의 녹색(G) 값을 반환하려는 경우
 
text.sourceText.style.strokeColor[1];
참고:

텍스트 레이어의 R, G 또는 B에 대한 선 색상 값을 반환하려면 대괄호에 각각 0, 1 또는 2를 추가합니다.

getStyleAt 함수

get 함수를 사용하면 특정 시간에 특정 문자의 스타일 값을 반환합니다. index는 숫자여야 하며, 스타일이 필요한 글자 또는 문자의 인덱스입니다. atTime도 숫자여야 합니다. 스타일이 키프레임되고 시간이 지남에 따라 변경되는 경우 스타일을 가져올 컴포지션 내 시간입니다.

text.sourceText.getStyleAt(index, atTime);
참고:

text.sourceText.style을 사용하는 것은 text.sourceText.getStyleAt(0,0)을 사용하는 것과 동일합니다.

// 타임라인 시작 부분의 첫 번째 문자 스타일을 가져옵니다.

 text.sourceText.getStyleAt(0,0);

Set 함수

개별적으로 사용하거나 레이어 전반에 걸쳐 스타일을 적용하기 위해 서로 조합하여 사용할 수 있는 추가 set 함수입니다. 이 함수 각각은 소스 텍스트 속성의 스타일 개체에서 호출됩니다.

// Arial에 사용할 글꼴 설정 
styleetFont(“ArialMT”) 
 
// 글꼴 크기를 80으로 설정 
styleetFontSize(80 
 
// 부울로 포 볼드체 활성화 
styleetFauxBold(true) 
 
// 부울로 포 이탤릭체 활성화 
styleetFauxItalics(true) 
 
// 부울로 모든 대문자 활성화 
styleetAllCaps(true) 
 
// 부울로 작은 대문자 활성화 
styleetSmallCaps(true) 
 
// 자간을 숫자로 설정 
styleetTracking(10 
 
// 행간을 숫자로 설정 
styleetLeading(10 
 
// 부울로 자동 행간 활성화 
styleetAutoLeading(true 
 
// 기준선 이동을 숫자로 설정 
styleetBaselineShift(10 
 
// 선 폭을 숫자로 설정 
styleetStrokeWidth(10 

// 텍스트 레이어의 첫 번째 줄을 굵게 설정하고 확대
 textourceTexttyleetFontSize(100, 0, 30)etFauxBold(true, 0, 30)

// 문자의 위 첨자 설정 
textourceTexttyleetBaselineOption(“superscript”,1,2)etBaselineOption(“superscript”, 9, 2) 

다음 예제와 같이 매번 새로운 스타일을 선언할 필요 없이 텍스트 스타일에 대한 모든 set 함수를 함께 연결하여 여러 속성을 쉽게 설정할 수 있습니다.

참고:

가장 마지막 속성을 설정할 때까지 세미콜론을 사용되지 않습니다. 각 속성을 한 줄에 나열하면 전체 연결을 더 쉽게 읽을 수 있습니다.

// 채우기 활성화, 채우기 색상 설정, 기준선 설정, 자간 설정 및 자동 행간 활성화 text.sourceText.style .setApplyFill(true) .setFillColor(hexToRgb(“FFFFFF”)) .setBaselineShift(10) .setTracking(25) .setAutoLeading(true);

소스 텍스트의 표현식에 대한 추가 용도

컴포지션에 텍스트 레이어를 추가하고 소스 텍스트 속성에 표현식을 추가하는 것은 다른 레이어의 속성 값을 확인하는 데 유용합니다. 예를 들어 소스 텍스트 속성의 다음 표현식은 레이어 스태킹 순서상 다음 레이어에 대해 불투명도 속성의 이름과 값을 보고합니다.

var nextLayer = thisComp.layer(index + 1); 
nextLayer.name + “\rOpacity =  ” + nextLayer.opacity.value; 

다음 예제에서는 현재의 겹침 순서에서 맨 위에 있고 비디오 스위치 세트가 설정되어 있는 이미지 레이어의 소스로 사용되는 푸티지 항목의 이름을 보여줍니다:

// sourceFootageName을 빈 문자열로 생성 var sourceFootageName = “”; // (var i = 1; i <= thisComp.numLayers; i++)에 대해 컴포지션의 모든 레이어를 반복합니다 { // i가 이 레이어의 인덱스와 일치하면 다음 루프를 계속합니다. (i == index) { continue; } // 루프의 현재 반복에 대해 myLayer를 설정합니다 var myLayer = thisComp.layer(i); // myLayer에 비디오가 없거나 활성화되지 않은 경우 다음 루프/레이어로 계속 진행합니다 if ( !myLayer.hasVideo || !myLayer.active ) { continue; } // 현재 시간에 myLayer가 활성화되어 있으면 if ( myLayer.active ) { try { // sourceFootageName을 myLayer의 소스 이름으로 설정합니다 sourceFootageName = myLayer.source.name; } catch ( err ) { // myLayer에 소스가 없으면 // sourceFootageName을 myLayer의 이름으로 설정합니다 sourceFootageName = myLayer.name; } // 루핑 브레이크 중지; } } // sourceFootageName을 sourceFootageName으로 표시합니다;

표현식을 사전 설정으로 저장

표현식이 추가된 소스 텍스트 속성을 선택합니다. 그리고 애니메이션 > 애니메이션 사전 설정 저장을 선택하면 표현식을 다른 프로젝트에서 사용할 수 있습니다. 애니메이션 사전 설정은 효과 및 사전 설정 패널에 저장됩니다.

자세한 내용은 효과 및 애니메이션 사전 설정 개요를 참조하세요.

표현식 리소스 더 보기

표현식 뒤에 숨은 개념 몇 가지를 이해했다면, 이제 커뮤니티에서 실제 사용 예시를 살펴보고 작업을 공유할 수 있습니다.

AE Enhancers 포럼에서는 스크립트 및 애니메이션 사전 설정뿐 아니라 표현식에 대한 여러 예제와 정보도 제공합니다.

쉽고 빠르게 지원 받기

신규 사용자이신가요?