표현식 컨트롤을 사용하여 텍스트 스타일 및 텍스트 속성 편집.

표현식을 사용하여 텍스트 자체 뿐만 아니라 텍스트 스타일도 컨트롤할 수 있습니다. 모션 그래픽 템플릿 뿐만 아니라 모든 텍스트 표현식을 사용 하 여 작업할 수 있습니다. 여러 개의 제목을 서로 연결하고 제목 디자인, 특히 주 제목 및 끝 제목에 사용되는 스타일을 한 번에 업데이트할 수 있습니다. 표현식을 사용할 때 텍스트 속성을 한 번에 변경할 수 있습니다.

이 기능을 사용하면 글꼴, 크기, 스타일을 After Effects 및 [모션 그래픽] 템플릿에 있는 여러 개의 텍스트 레이어에서 동기화할 수 있습니다. 텍스트 레이어에 이것을 설정하면 해당 레이어 속성을 참조하여 손쉽게 컴포지션 전체에서 변경 내용을 적용할 수 있습니다.

After Effects는 [가져오기] 및 [설정] 기능을 사용하여 표현식 엔진에 텍스트 속성 값을 읽고 씁니다. 표현식을 사용하여 텍스트 레이어 전체에 걸쳐 텍스트 속성과 같은 글꼴 스타일을 구동하고 설정합니다.

텍스트 속성에 대해 이 기능에 액세스하려면 표현식이 활성화된 경우 텍스트 레이어를 마우스 오른쪽으로 클릭하고 [표현식] 메뉴를 열고 텍스트 > 속성 > 속성을 선택합니다.

표현식 편집기에 이미 기록된 코드가 있는 경우 새 표현식이 캐럿에 삽입됩니다.

텍스트 속성 액세스
텍스트 속성 액세스

원하는 함수를 선택하면 해당 레이어의 표현식 편집기에 추가됩니다. 표현식 편집기에 이미 기록된 코드가 있는 경우 새 표현식이 자동으로 삽입됩니다.

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

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

PostScrip 글꼴 표현식 메뉴

  • 표현식에서 특정 글꼴을 참조하기 위해 표현식 메뉴의 글꼴 드롭다운 메뉴를 사용하여 원하는 글꼴의 PostScript 이름을 표현식에 삽입할 수 있습니다.
  • 표현식 편집기 에서 텍스트 > 글꼴을 선택하여 표현식에 삽입할 수 있습니다.

기타 중요 사항

  • 표현식에서 참조되는 글꼴은 프로젝트에서 사용되는 글꼴로 기록되지 않으므로 글꼴이 설치되지 않은 경우 글꼴 확인 대화 상자를 표시 하지 않습니다.
  • 해결 방법은 원본이 숨겨져 있더라도 레이어나 comp에 있는 프로젝트에서 참조하는 모든 글꼴을 사용하는 것입니다. 글꼴에 대한 참조는 표현식 편집기에만 있지 않습니다.

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

동작

표현식

동일한 레이어에서 자체의 글꼴 이름 값을 반환하려면

style = text.sourceText.style.font;

다른 레이어의 글꼴 이름 값을 반환하려면

fontName = thisComp.layer("source layer name").text.sourceText.style.font;

동일한 레이어 자체의 글꼴 크기 값을 반환하려면

fontSize = text.sourceText.style.fontSize;

다른 레이어의 글꼴 크기 값을 반환하려면

style = thisComp.layer("source layer name").text.sourceText.style.fontSize;

레이어의 텍스트를 가짜 볼드체로 표시할지 여부에 대한 부울 값(True 또는 False)을 반환하려면

style = thisComp.layer("source layer name").text.sourceText.style.isFauxBold;

레이어의 텍스트를 가짜 이탤릭체로 표시할지 여부에 대한 부울 값(True 또는 False)을 반환하려면

style = thisComp.layer("source layer name").text.sourceText.style.isFauxItalic;

레이어의 텍스트에 채우기가 적용되어 있는지 여부에 대한 부울 값(True 또는 False)을 반환하려면

style.applyFill;

텍스트 레이어의 채우기 색상 값을 반환하려면

기본적으로 이는 0-1.0 의 비율에서 RGB의 첫 번째 값을 반환 합니다.

G 또는 B의 값을 가져오려면 표현식 끝에 괄호하여 1 또는 2를 추가합니다.

style.fillColor; style.fillColor(2);

레이어의 텍스트에 획이 적용되어 있는지 여부에 대한 부울 값 (True 또는 False)을 반환하려면

style.applyStroke;

텍스트 레이어의 채우기 색상 값을 반환하려면

기본적으로 이는 0-1.0 의 비율에서 RGB의 첫 번째 값을 반환 합니다.

G 또는 B의 값을 얻으려면 괄호하여 1 또는 2를 추가 합니다.

style.strokeColor; style.strokeColor(1);

텍스트 레이어의 획 값을 반환하려면

style.strokeWidth;

추적값을 반환하려면

style.tracking;

행간 값을 반환하려면

style.leading;

자동 행간 켜기 또는 끄기 부울 값 (True 또는 False)을 반환하려면

style.autoLeading;

특정 문자 인덱스에 값를 반환하는 함수 가져오기

getStyleAt(0);

특정 시간과 문자 인덱스에 값을 반환하는 함수 가져오기 (n=문자 인덱스, x = 초 단위 시간)

getStyleAt(n,x);

예: 특정 문자 인덱스 및 시간 (선택 사항)에 동일한 레이어의 값을 반환 (n=문자 인덱스, x=초 단위 시간)

style = text.sourceText.getStyleAt(n,x);

다른 레이어 문자 인덱스 0에서 스타일 가져오기

style = thisComp.layer("source layer name").text.sourceText.style; style;

예: 특정 문자 인덱스 및 시간 (선택 사항)에 다른 레이어의 값을 반환

style = thisComp.layer("source layer name").text.sourceText.getStyleAt(0,5);

마지막 스타일을 사용하는 것은 getStyleAt(0)를 사용하는 것과 동일 합니다.

style = text.sourceText.style;

특정 텍스트 속성 값을 반환 하려면 getStyleAt (0) 뒤에 "font" 또는 "fontStyle"을 추가합니다.

getStyleAt(4).fontSize; getStyleAt(3).font;

스타일과 실제 소스 텍스트의 값을 모두 반환하려면 (약식)

style = thisComp.layer("source layer name").text.sourceText.getStyleAt(0,0);

style.setText(thisComp.layer("source layer name").text.sourceText);

스타일과 텍스트 모두에 대한 함수 설정 (긴 형식):

style.setFont(thisComp.layer("source layer name").text.sourceText.style.font); style;

빈 스타일 만들기 (특정 값으로 분리 설정 기능을 사용 하기 위해)

style = text.sourceText.createStyle();

함수 설정을 통해 스타일 만들기 및 특정 값 설정 **(긴 형식):

styleA = thisComp.layer("source layer name").text.sourceText.createStyle(); styleB = styleA.setFontSize(300); styleC = styleB.setFont("Impact"); styleC;

함수 설정을 통해 스타일 만들기 및 특정 값 설정 **(약식):

text.sourceText.createStyle().setFontSize(300).setFont("Impact");

함수 가져오기 문자 인덱스 값 반환 + 함수 설정으로 일부 특정 값 재정의

style = text.sourceText.getStyleAt(3); style = style.setFontSize(150); style = style.setFont(thisComp.layer("source later text").text.sourceText.style.font); style; 

로컬리제이션 이름 대신 인덱스로 참조할 수도 있습니다. (하지만 새로운 레이어를 재배치하거나 추가하면 표현식이 망가집니다.)

style = thisComp.layer(1).text.sourceText.getStyleAt(0); style.setText(thisComp.layer(1).text.sourceText);

개별적으로 사용하거나 레이어 전체에 걸쳐 스타일을 구동하기 위해 서로 조합하여 사용할 수 있는 추가 함수세트입니다.

newStyle = style.setBaselineShift(new_value);

newStyle = style.setApplyFill(true/false); 

newStyle = style.setFillColor([1.0,1.0,1.0]) // array of RGB values

newStyle = style.setApplyStroke(true/false)

newStyle = style.setStrokeColor([1.0,1.0,1.0]) // array of RGB values

newStyle = style.setStrokeWidth(new_value) 

newStyle = style.setTracking(new_value);

newStyle = style.setLeadig(new_value);

newStyle = style.setAutoLeading(true);

텍스트 레이어에 대한 기준선 이동 값 설정

newStyle = style.setBaselineShift(new_value);

이 옵션을 사용하여 텍스트 레이어의 채우기를 켜거나 끌 수 있습니다.

newStyle = style.setApplyFill(true/false); 

이를 setApplyFill과 함께 사용하여 채우기 색상을 정의합니다.

이 값은 0-1.0 RGB에 정의 되어 있습니다.

이를 hexToRGB와 함께 사용하여 0-1.0 RGB 스케일 대신 Hex 값과 함께 색상 값을 정의할 수 있습니다.

newStyle = style.setFillColor([1.0,1.0,1.0]) // array of RGB values 

이 옵션을 사용하여 텍스트 레이어의 획을 켜거나 끕니다.

newStyle = style.setApplyStroke(true/false) 

이를 setApplyStroke와 함께 사용하여 획 색상을 정의합니다.

이 값은 0-1.0 RGB에 정의 되어 있습니다. 

이를 hexToRGB와 함께 사용하여 0-1.0 RGB 스케일 대신 Hex 값과 함께 색상 값을 정의할 수 있습니다.

newStyle = style.setStrokeColor([1.0,1.0,1.0]) // array of RGB values 

텍스트 레이어 획 폭을 설정하는 데 사용합니다.

newStyle = style.setStrokeWidth(new_value) 

추적 값을 설정하는 데 사용합니다.

newStyle = style.setTracking(new_value); 

행간 값을 설정 합니다.

newStyle = style.setLeadig(new_value); 

자동 행간을 키거나 끄는데 사용합니다.

newStyle = style.setAutoLeading(true);

함께 사용한 예시

text.sourceText.style.setFillColor(hexToRgb("00FF00")).setApplyStroke(1).setStrokeWidth(5).setStrokeColor([1,0,0]).setFontSize(200); 

소스 텍스트의 표현식 쓰기

텍스트 레이어의 [소스 텍스트] 속성은 표현식에서 JavaScript 문자열로 해석됩니다. 뚝딱 도구를 사용하여 다른 텍스트 레이어에서 소스 텍스트를 가져올 수 있지만 이 경우 대상 레이어의 첫 번째 문자 스타일만 사용됩니다.

[기본 그래픽] 패널의 [소스 텍스트 속성] 메뉴에서 레이어를 대체 텍스트 상자로 사용을 선택할 수 있습니다. 선택된 상태에서 comp/subcomp와 모양 또는 클립 레이어를 선택 하여 Premiere Pro 프로그램 모니터에서 텍스트 편집을 위한 대체 텍스트 상자를 결정할 수 있습니다.

소스 텍스트 속성

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

  text.sourceText + "\r" + text.sourceText.toUpperCase()

컴포지션에 텍스트 레이어를 추가하고 [원본 텍스트] 속성에 표현식을 추가하는 것은 다른 레이어의 속성 값을 검사할 수 있는 좋은 방법입니다. 예를 들어 [소스 텍스트] 속성의 다음 표현식은 레이어 겹침 순서상의 다음 레이어에 대해 [불투명도] 속성의 이름 및 값을 보고합니다.

  thisComp.layer(index + 1).name + "\rOpacity = " + thisComp.layer(index + 1).opacity.value

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

  source_footage_name = ""; 
  for (i = 1; i <= thisComp.numLayers; i++){ 
      if (i == index) continue; 
      my_layer = thisComp.layer(i); 
      if (! (my_layer.hasVideo && my_layer.active)) continue; 
      if (time >= my_layer.inPoint && time < my_layer.outPoint){ 
          try{ 
              source_footage_name = my_layer.source.name; 
          }catch(err1){ 
              source_footage_name = my_layer.name 
          } 
          break; 
      } 
  } 
  source_footage_name