마지막 업데이트 날짜
2025년 12월 12일
- After Effects 사용 안내서
- Beta 릴리스
- 시작하기
- 작업 영역
- 프로젝트 및 컴포지션
- 푸티지 가져오기
- 텍스트 및 그래픽
- 텍스트
- 모션 그래픽
- 가변 글꼴 축
- 그리기, 페인트, 패스
- 레이어, 마커, 카메라
- 애니메이션, 키프레임, 동작 추적, 키잉
- 투명도 및 합성
- 색상 조정
- 효과 및 애니메이션 사전 설정
- 표현식 및 자동화
- 몰입형 비디오, VR 및 3D
- After Effects에서 VR 환경 만들기
- 몰입형 비디오 효과 적용
- VR/360 비디오용 합성 툴
- 고급 3D 렌더러
- 컴포지션에 3D 모델 가져오기 및 추가
- Creative Cloud Libraries에서 3D 모델 가져오기
- 파라메트릭 망 만들기
- 이미지 기반 조명
- 애니메이션 환경 조명
- 조명의 그림자 표시 활성화
- 3D 모델에서 조명과 카메라 추출 및 애니메이션 적용
- 3D 카메라 움직임 추적
- 3D 컴포지션의 기본 카메라 설정 조정
- 그림자 표시 및 허용
- 포함된 3D 모델 애니메이션
- 그림자 캐처
- 3D 심도 데이터 추출
- 3D 레이어의 질감 속성 수정
- Substance 3D 재질 적용하기
- 3D 디자인 공간에서 작업하기
- 3D 변형 기즈모
- 다중 3D 레이어를 위한 단일 3D Gizmo
- 3D 애니메이션을 사용하여 더 많은 작업 수행
- Mercury 3D 엔진으로 3D 디자인 변경 사항 실시간 미리 보기
- 그래픽에 반응형 디자인 추가
- 보기 및 미리 보기
- 렌더링 및 내보내기
- 기타 애플리케이션으로 작업
- 공동 작업: Frame.io, Team Projects
- 메모리, 저장소, 성능
- 기술 자료
After Effects에서 가변 글꼴 축에 액세스하고 제어하기 위한 ExtendScript에 대해 알아보세요.
새로운 Beta 기능 사용
가변 글꼴 축 지원이 테스트 및 피드백용으로 공개되었습니다. 지금 바로 After Effects(Beta)에서 사용해 보실 수 있습니다.
After Effects에서 ExtendScript를 사용하여 가변 글꼴 축에 액세스하고 제어할 수 있습니다. 즉, 텍스트 레이어 전체에서 굵기, 너비, 기울기와 같은 속성 변경을 자동화할 수 있어, 각 설정을 수동으로 조정하지 않고도 동적 애니메이션을 더 쉽게 만들 수 있습니다.
글꼴 객체 API
글꼴 축 액세스하기
// 텍스트 레이어에서 글꼴 객체 가져오기
var textLayer = comp.layer("My Text");
var sourceText = textLayer.property("Source Text");
var textDocument = sourceText.value;
var fontObject = textDocument.fontObject;
// 글꼴에 가변 축이 있는지 확인
if (fontObject && fontObject.designAxesData) {
var axes = fontObject.designAxesData;
for (var i = 0; i < axes.length; i++) {
var axis = axes[i];
$.writeln("Axis: " + axis.name);
$.writeln(" Tag: " + axis.tag);
$.writeln(" Min: " + axis.minValue);
$.writeln(" Max: " + axis.maxValue);
$.writeln(" Default: " + axis.defaultValue);
}
}
스크립트를 통한 축 애니메이터 추가
컴포지션 및 텍스트 레이어 만들기
// 컴포지션과 텍스트 레이어 만들기 var comp = app.project.items.addComp("Variable Font Demo", 1920, 1080, 1, 30, 30); var textLayer = comp.layers.addText("Hello World");
글꼴을 가변 글꼴로 설정
// 글꼴을 가변 글꼴로 설정 var textDocument = textLayer.property("Source Text").value; textDocument.font = "ShantellSans"; // 또는 다른 가변 글꼴 이름 textLayer.property("Source Text").setValue(textDocument);
텍스트 속성과 애니메이터 그룹 가져오기
// 텍스트 속성과 애니메이터 그룹 가져오기 var textProp = textLayer.property("Text"); var animators = textProp.property("Animators");
새 애니메이터 추가
// 새 애니메이터 추가 var animator = animators.addProperty("ADBE Text Animator"); var animatorProps = animator.property("ADBE Text Animator Properties");
4자리 태그를 사용하여 가변 글꼴 축 추가
// 4자리 태그를 사용하여 가변 글꼴 축 추가 // 일반적인 태그: "wght" (Weight), "wdth" (Width), "ital" (Italic), "slnt" (Slant) var weightAxis = animatorProps.addVariableFontAxis("wght");
키프레임 없이 값 설정
// 값 설정(키프레임 없음) weightAxis.setValue(700);
키프레임 만들기
// 또는 키프레임 만들기 var italicAxis = animatorProps.addVariableFontAxis("ital"); italicAxis.setValueAtTime(0, 0); italicAxis.setValueAtTime(2, 1);
사용 가능한 축 확인
function getAvailableAxes(textLayer) {
var sourceText = textLayer.property("Source Text");
var textDoc = sourceText.value;
var fontObj = textDoc.fontObject;
if (!fontObj || !fontObj.designAxesData) {
return [];
}
var axisInfo = [];
for (var i = 0; i < fontObj.designAxesData.length; i++) {
var axis = fontObj.designAxesData[i];
axisInfo.push({
name: axis.name,
tag: axis.tag,
min: axis.minValue,
max: axis.maxValue,
default: axis.defaultValue
});
}
return axisInfo;
}