사용 안내서 취소

표현식 편집

  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. 3D 채널 효과
    15. 유틸리티 효과
    16. 매트 효과
    17. 노이즈 및 그레인 효과
    18. 세부 사항-확대 유지 효과
    19. 더 이상 사용되지 않는 효과
  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. Mercury 3D 엔진으로 3D 디자인 변경 사항 실시간 미리 보기
    18. 그래픽에 반응형 디자인 추가 
  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 및 기타 애플리케이션으로 작업
    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에서 표현식을 추가, 편집 및 작업하는 방법을 알아봅니다.

속성에서 표현식 추가 또는 제거

키프레임할 수 있는 모든 속성은 표현식을 사용할 수 있습니다.

표현식을 추가하고 표시하려면 [타임라인] 패널에서 속성을 선택하고 다음 중 하나를 수행합니다.

  • 애니메이션 > 표현식 추가를 선택합니다. 제거하려면 애니메이션 > 표현식 제거를 선택합니다.
  • Alt 키를 누른 채 클릭(Windows)하거나 Option 키를 누른 채 클릭(macOS)하여 타임라인 패널 또는 효과 컨트롤 패널의 속성 이름 옆에 있는 스톱 워치 버튼을 누릅니다. 표현식을 제거하려면 이 단계를 반복하십시오.

표현식이 활성화되면 속성 아래에 4개의 아이콘이 나타나고 값이 빨간색으로 바뀝니다.

뚝딱 도구는 After Effects에서 연결하기 위한 끌어서 놓기 선택 도구입니다. 표현식 옆에 있는 나선형 아이콘을 길게 클릭하여 선택 모드로 들어갑니다. 다른 속성으로 드래그하면 채찍이 커서에 연결됩니다. 클릭을 해제하면 아래의 속성이 대상으로 지정되어 표현식 구문이 자동으로 생성됩니다.

표현식 선택

표현식의 작동 방식을 완전히 이해하려면 코드가 속성 값에 미치는 영향을 이해해야 합니다.

여러 레이어 및 컴포지션에서 속성 집합을 연결하려면 속성 연결을 다음과 같이 사용합니다.

  1. 하나의 속성 또는 속성 집합을 선택하고 편집 > 속성 연결과 함께 복사 또는 편집 > 상대 속성 연결과 함께 복사를 선택합니다.

  2. 그런 다음 컴포지션의 레이어에 해당 속성을 붙여넣습니다. 이제 붙여넣은 속성은 속성을 복사한 원본 레이어에 연결된 상태로 유지됩니다. 따라서 원본 속성에 발생한 변경 내용이 붙여넣은 속성 연결의 모든 인스턴스에 반영됩니다.

    (또는)

    속성 연결과 함께 전체 레이어를 복사한 후 붙여넣어 복제본을 만들면 원본에 발생한 변경 내용이 반영됩니다.

[상대 속성 연결과 함께 복사] 명령을 사용하여 레이어의 위치 속성을 복사한 결과는 다음과 같습니다.

thisComp.layer(“control_layer”).transform.position

[상대 속성 링크와 함께 복사] 명령을 사용하여 레이어의 위치 속성을 복사한 결과는 다음과 같습니다.

comp(“source_comp”).layer(“control_layer”).transform.position

표현식 비활성화

표현식을 일시적으로 사용하지 않으려면 표현식 사용 스위치를 클릭합니다. 표현식을 비활성화되면 스위치에 슬래시가 표시됩니다.

표현식

표현식 편집

뚝딱 도구를 사용하여 표현식 편집

JavaScript 또는 After Effects 표현식 사용에 대해 확신이 없으면 뚝딱 도구를 사용하여 시작하십시오. 이 도구는 표현식의 속성을 연결하는 쉬운 방법입니다. 

텍스트

  1. 속성에 표현식이 적용되었는지 확인하십시오. 예를 들어 Alt 키를 누른채(Win) 또는 Opt 키를 누른 채(Mac) 규모 속성 왼쪽의 스톱워치 아이콘을 클릭하여 표현식을 적용합니다.
  2. 타임라인 패널로 이동하여 텍스트 필드 내부를 클릭하여 표현식 편집기를 활성화합니다. 표현식을 할 위치에 커서를 놓습니다.
  3. 표현식은 삽입 지점의 표현식 필드에 입력됩니다.
    • 표현식 필드에서 선택한 텍스트는 새 표현식 텍스트로 바뀝니다. 
    • 삽입점이 표현식 필드에 없으면 필드의 모든 텍스트가 새 표현식 텍스트로 바뀝니다.

뚝딱 도구는 속성 값의 이름이나 값으로 드래그할 수 있습니다. 속성 이름으로 드래그하면 결과 표현식에는 모든 값이 하나로 표시됩니다. 예를 들어 뚝딱 도구를 [위치] 속성의 이름으로 드래그하는 경우 다음과 같은 표현식이 표시됩니다.

  thisComp.layer(“Layer 1”).transform.position

뚝딱 도구를 [위치] 속성의 구성 요소 값 중 하나(예: y 값)로 드래그하는 경우 다음과 같은 표현식이 표시되며 속성의 x 및 y 좌표가 모두 [위치] 속성의 y 값에 연결됩니다.

temp = thisComp.layer(“Layer 1”).transform.position[1];   [temp, temp]
참고:

뚝딱 도구를 사용하여 레이어를 참조하는 표현식을 만들 고 해당 레이어가 동일한 컴포지션의 다른 레이어의 이름과 같을 경우 대상 레이어의 이름이 변경됩니다. 새 레이어의 이름은 이전 레이어의 이름에 숫자가 추가됩니다. 이와 같은 변경이 필요한 이유는 표현식이 컴포지션의 단일 레이어를 참조할 때 혼동을 주지 않기 위한 것입니다.

뚝딱 도구로 만든 표현식 형식

뚝딱 도구로 만든 표현식의 형식은 표현식 뚝딱 도구가 쓰는 간단한 영어 기본 설정에 따라 결정됩니다.

  • 편집 > 환경 설정 > 일반(Windows)
  • 환경 설정 > 스크립팅 및 표현식(mac OS)

뚝딱 도구는 [타임라인] 패널에 표시되는 속성 이름을 사용하는 표현식을 만듭니다. 이러한 이름은 내장되어 있으므로 After Effects가 다른 언어로 실행될 때 작동할 수 있습니다. 편집 가능한 속성 이름은 큰따옴표로 묶여 있으며 여러 언어에서 동일하게 유지됩니다. 프로젝트가 다른 언어로 공유되지 않는 경우 이 옵션을 선택 취소합니다.

간단한 영어식 예제는 다음과 같습니다.

  thisComp.layer(“Layer 1”).transform.position

간단한 영어식은 아니지만 위와 동일한 표현식은 다음과 같습니다.

  thisComp.layer(“Layer 1”)(“Transform”)(“Position”)
참고:

기본적으로 간단한 영어식이 사용되므로 이 설명서에 나오는 대부분의 예제 및 그림에서는 간단한 영어식을 사용합니다.

표현식 수동 편집

표현식 수동 편집

표현식을 수동으로 편집하려면 다음을 수행하십시오.

  1. [표현식] 필드를 클릭하여 텍스트 편집 모드로 전환합니다.텍스트 편집 모드에 진입하면 전체 표현식이 선택됩니다. 표현식을 추가하려면 표현식 안을 클릭하여 삽입점을 배치합니다. 그렇지 않으면 전체 표현식을 대체하게 됩니다.

  2. 필요하면 [표현식 언어] 메뉴를 사용하여 표현식 필드에 텍스트를 입력하고 편집합니다. 여러 줄로 된 표현식의 내용을 더 많이 보려면 표현식 필드의 위 또는 아래를 드래그하여 크기를 조절합니다.

  3. 텍스트 편집 모드를 종료하고 표현식을 활성화하려면 다음 중 하나를 수행합니다.
    • 숫자 키패드에서 Enter 키를 누릅니다.
    • 표현식 필드 밖을 클릭합니다.

표현식 및 표현식 그래프 표시

타임라인에 표현식 표시

  • 오류가 있는 표현식 표시:

표현식 오류가 포함된 속성만 표시하도록 선택할 수 있으므로 오류를 빠르게 보고 수정할 수 있습니다. 다음 단계를 사용하여 수행하십시오.

  1. 오류를 보려는 레이어를 선택하고 마우스 오른쪽 버튼을 클릭하여 플라이아웃 메뉴를 엽니다.
  2. 표시 > 표현식 오류 표시를 선택합니다.
표현식 오류 표시

표현식 표시

  • 표현식이 있는 속성만 표시:

표현식이 속성만 표시하려면 레이어를 하나 이상 선택한 다음 EE를 누릅니다.

타임라인 검색

  • 타임라인 검색:

[타임라인] 패널의 검색 필드를 사용하여 표현식 외에도 속성의 다른 구성 요소를 검색할 수 있습니다. 검색 문자열이 표현식에 표시되면 속성 및 포함된 속성 그룹과 레이어가 검색 결과의 필터링 집합에 표시됩니다.

참고:

표현식 필드의 크기를 조절하려면 상단 가장자리를 위 또는 아래로 드래그합니다.

그래프 편집기의 표현식

그래프 편집기 모드에서 단일 표현식 필드는 그래프 편집기 하단에 크기 조정 가능한 상자로 나타납니다. 선택한 속성에 대한 표현식만 표시합니다. 여러 표현식 필드를 동시에 표시하려면 [타임라인] 패널이 레이어 막대 모드에 있어야 합니다.

텍스트

레이어 막대 모드 및 [그래프 편집기] 모드 간에 전환하려면 Shift+F3을 누릅니다. 또한 타임라인 상단의 그래프 편집기 버튼을 사용할 수도 있습니다.

텍스트

[그래프 편집기]에 표현식 필드를 표시하려면 [그래프 편집기] 아래의 [그래프 유형 및 옵션 선택] 메뉴에서 [표현식 편집기 표시]를 선택합니다. 속성에 표현식을 추가하면 표현식 편집기가 표시됩니다.

텍스트

표현식에서 값 또는 속도 그래프를 변경하는 방법을 보려면 [그래프 편집기]에 값 또는 속도 그래프를 표시하는 동안 [표현식 후 그래프 표시] 버튼을 클릭합니다.

그래프 편집기 읽기

흐린 색상의 그래프는 표현식이 적용되기 전의 값 또는 속도를 표시하며 밝은 색상의 그래프는 표현식이 적용된 후의 값 또는 속도를 표시합니다. [위치] 속성의 그래프 오버레이를 켜면 [컴포지션] 패널의 동작 패스 표시도 변경되므로 패스에 표현식이 적용된 것을 확인할 수 있습니다.

그래프에 색상 표시(gif)

표현식에 주석 추가

복잡한 표현식을 작성하는 경우 표현식이 무엇을 하고 어떻게 작동하는지 설명하는 주석을 추가해야 합니다.

다음 구문 중 하나를 사용하여 코드를 주석 처리합니다.

  • 주석의 시작 위치에 //를 입력합니다. //와 줄 끝 사이의 텍스트는 모두 무시됩니다.
    예시: //이것은 주석입니다.
  • 주석의 시작 위치에 /*를 입력하고 주석의 끝에 */를 입력합니다. /**/ 사이의 텍스트는 모두 무시됩니다.
    예시: /*이것은 여러줄 .*/

표현식 저장 및 다시 사용

표현식을 작성한 후에는 텍스트 편집 응용 프로그램에 복사 및 붙여넣어 나중에 사용할 수 있도록 저장할 수 있습니다. 애니메이션 사전 설정이나 템플릿 프로젝트에 저장할 수도 있습니다. 그러나 표현식이 프로젝트의 다른 레이어와 관련되어 작성되고 특정 레이어 이름을 사용할 수 있으므로 표현식을 수정하여 프로젝트 간에 전송해야 하는 경우도 있습니다.

일반 JavaScript 함수 구문을 사용하여 표현식 내에 자신의 함수를 정의할 수 있습니다. 이 예제에서는 두 값의 평균을 계산하는 함수를 정의하고 마지막 줄에서 이 함수를 사용합니다.

  function average(a, b)   {     return (a + b) / 2;   }   average(position, thisComp.layer(1).position);
참고:

각 함수는 사용되는 각 표현식 내에서 완전히 정의해야 합니다. 함수를 추가할 수 있는 전역 함수 라이브러리는 없습니다.

표현식을 저장하여 다른 프로젝트에 사용하려면 표현식에 주석을 추가해야 합니다. (표현식에 주석 추가를 참조하십시오.) 또한 변수를 사용하여 여러 곳에서 값을 변경하지 않고 한 곳에서 변경할 수 있도록 해야 합니다.

예를 들어 이 표현식의 시작 위치에는 표현식의 기능을 설명하는 여러 줄의 주석이 있고 변수가 선언되고 초기화된 다음에는 변수의 기능을 설명하는 짧은 주석이 있습니다.

  /*  소스 텍스트 속성에 있는 이 표현식은 레이어의 이름과       불투명도 속성의 값을 보고합니다. */       var myLayerIndex = 1; // layer to inspect, initialized to 1, for top layer        thisComp.layer(myLayerIndex).name + “: \rOpacity = ” +   thisComp.layer(myLayerIndex).opacity.value

표현식에서 다른 프로젝트에 없는 속성을 참조하지 않으면 표현식을 포함한 애니메이션 사전 설정을 저장하여 다른 프로젝트에 다시 사용할 수 있습니다. 속성에 표현식만 있고 키프레임이 없는 사전 설정을 저장하면 표현식만 저장됩니다. 속성에 키프레임이 하나 이상 있는 경우 저장된 사전 설정에는 모든 키프레임 값과 표현식이 함께 포함됩니다.

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

표현식을 사전 설정으로 저장하고 다음 단계에 따라 다른 프로젝트에서 사용할 수 있습니다.

  1. 타임라인에서 표현식이 적용되는 속성을 선택하십시오. 예를 들어 표현식이 레이어의 회전 속성에 적용되면 이를 선택하십시오. 그런 다음 애니메이션 > 애니메이션 사전 설정 저장을 선택하십시오.

  2. 사전 설정 이름을 변경("Time40"이라고 해보겠습니다)하고 저장합니다. 기본적으로 사용자 사전 설정 폴더에 Adobe After Effects 사전 설정 파일로 저장됩니다.

  3. 사전 설정을 적용하려면 돌려서 효과 및 컨트롤 메뉴 아래의 애니메이션 사전 설정을 엽니다. 거기에 사전 설정사용자 사전 설정 두 개의 폴더가 있습니다. 사용자 사전 설정을 돌려서 엽니다. After Effects 내에서 만든 모든 사전 설정이 있습니다. 작업 중인 레이어에 "Time40" 프리셋을 드래그하면 표현식이 적용됩니다!

레이어 속성에서 표현식 복사

속성의 키프레임과 상관없이 레이어의 속성에서 표현식을 복사할 수 있습니다.

  • 한 속성에서 다른 속성으로 표현식 및 키프레임을 복사하려면 [타임라인] 패널의 소스 레이어 속성을 선택한 후 레이어 속성을 복사한 다음 대상 레이어 속성을 선택한 후 붙여넣습니다.
  • 키프레임을 제외하고 한 속성에서 다른 속성으로 표현식을 복사하려면 소스 속성을 선택한 후 [편집] > [표현식만 복사]를 선택한 다음 대상 속성을 선택한 후 붙여넣습니다.

팁: 키프레임이 없는 표현식을 복사하면 여러 표현식을 동시에 복사하여 하나 이상의 새 레이어에 붙여넣거나 한 표현식을 복사하여 둘 이상의 레이어에 붙여넣을 때 유용합니다.

참고:

키프레임 및 다른 항목을 붙여넣을 때 자주 그러듯이 항목을 대상 레이어에 붙여넣기만 하고 어떤 속성에 붙여넣을지는 After Effects에서 결정하도록 할 수 있습니다. 예를 들어, 이것은 한 레이어에서 다른 레이어로 위치 속성을 복사할 때 작동합니다. 그러나 위치 속성의 표현식을 규모 속성으로 붙여넣는 경우 대상 속성을 선택해야 합니다.

표현식 리소스 더 보기

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

또한 탁월한 표현식 예제와 튜토리얼 콜렉션을댄 애버트의 MotionScript 웹사이트에서 확인할 수 있습니다.

 Adobe

쉽고 빠르게 지원 받기

신규 사용자이신가요?