새 컴포지션을 만듭니다.
마지막 업데이트 날짜
2024년 6월 18일
- After Effects 사용 안내서
- Beta 릴리스
- 시작하기
- 작업 영역
- 프로젝트 및 컴포지션
- 푸티지 가져오기
- 텍스트 및 그래픽
- 그리기, 페인트, 패스
- 레이어, 마커, 카메라
- 애니메이션, 키프레임, 동작 추적, 키잉
- 투명도 및 합성
- 색상 조정
- 효과 및 애니메이션 사전 설정
- 표현식 및 자동화
- 몰입형 비디오, VR 및 3D
- After Effects에서 VR 환경 만들기
- 몰입형 비디오 효과 적용
- VR/360 비디오용 합성 툴
- 고급 3D 렌더러
- 컴포지션에 3D 모델 가져오기 및 추가
- Creative Cloud Libraries에서 3D 모델 가져오기
- 이미지 기반 조명
- 3D 모델에서 조명과 카메라 추출 및 애니메이션 적용
- 3D 카메라 움직임 추적
- 그림자 표시 및 허용
- 포함된 3D 모델 애니메이션
- 그림자 캐처
- 3D 심도 데이터 추출
- 3D 레이어의 질감 속성 수정
- 3D 디자인 공간에서 작업하기
- 3D 변형 기즈모
- 3D 애니메이션을 사용하여 더 많은 작업 수행
- Mercury 3D 엔진으로 3D 디자인 변경 사항 실시간 미리 보기
- 그래픽에 반응형 디자인 추가
- 보기 및 미리 보기
- 렌더링 및 내보내기
- 기타 애플리케이션으로 작업
- 공동 작업: Frame.io, Team Projects
- 메모리, 저장소, 성능
- 기술 자료
After Effects에서는 매우 다양한 기능을 활용하여 효과적이면서도 창의적인 2D 및 3D 텍스트 애니메이션을 만들 수 있습니다. 여기에 나와 있는 리소스 및 예제에서는 After Effects에서 텍스트에 애니메이션을 적용하는 방법과 관련된 자세한 지침을 확인할 수 있습니다.
Steve Holmes는 Layers Magazine 웹 사이트에서 세 개의 텍스트 애니메이터 및 문자별 3D 텍스트 애니메이션을 사용하여 텍스트 애니메이션을 만드는 튜토리얼을 제공합니다.
Rich Young은 After Effects에서 돌출된 3D 텍스트를 만드는 방법에 대한 몇 가지 리소스와 튜토리얼를 수집합니다.
ProVideo Coalition 웹 사이트에서 Chris와 Trish Meyer는 After Effects에서 텍스트를 애니메이션하는 몇 가지 팁을 제공합니다.
Toby Pitman은 MacProVideo 웹 사이트에서 모양 레이어를 사용하여 텍스트를 애니메이션하는 기법을 보여 줍니다.
예제: 문자별로 3D 속성을 사용하여 문자에 애니메이션 적용
이 예제에서는 각 문자가 줄을 벗어나 인사하도록 개별 문자에 간편하게 3D 애니메이션을 적용하는 방법에 대해 설명합니다.
-
-
ovation이라는 단어를 사용하여 새 텍스트 레이어를 만듭니다.
-
[애니메이션] > [텍스트 애니메이션] > [문자별로 3D 사용]을 선택합니다.
-
[애니메이션] > [텍스트 애니메이션] > [위치]를 선택합니다.
-
[애니메이션] > [텍스트 애니메이션] > [회전]을 선택합니다.
-
[타임라인] 패널의 [애니메이터] 그룹에서 [X 회전] 속성은 45로, [위치] 값은 (0.0, 0.0, -100.0)으로 설정합니다.
-
[범위 선택기 1]을 확장합니다.
-
[오프셋] 속성의 초시계 아이콘을 클릭하여 0초에 값이 있는 초기 키프레임을 설정합니다.
-
[오프셋] 속성 값을 -15%로 설정합니다.
-
[종료] 속성 값을 15%로 설정합니다.
-
현재 시간 표시기를 10초로 이동하고 [오프셋] 값을 100%로 설정합니다.
-
R 키를 눌러 전체 레이어의 [회전] 속성을 표시합니다.
-
레이어의 [Y 회전] 값을 -45로 설정하고 전체 레이어를 회전합니다. 그러면 문자의 3D 동작을 더욱 쉽게 볼 수 있습니다.
-
컴포지션을 미리 봅니다.
예제: 문자 오프셋
이 예제에서는 [문자 오프셋] 값을 지정하고 범위 선택기에 애니메이션을 적용하여 읽기 쉬운 단어나 구를 점진적으로 형성하도록 임의의 문자에 애니메이션을 쉽게 적용할 수 있는 방법에 대해 설명합니다.
-
새 컴포지션을 만듭니다.
-
Galaxy라는 단어를 사용하여 새 텍스트 레이어를 만듭니다.
-
[애니메이션] > [텍스트 애니메이션] > [문자 오프셋]을 선택합니다.
-
[타임라인] 패널에서 [문자 오프셋] 값을 5로 설정합니다.
-
[범위 선택기 1]을 확장합니다.
-
[시작] 초시계를 클릭하여 0초에 초기 프레임을 설정하고 값을 0%로 설정합니다.
-
현재 시간 표시기를 5초로 이동하고 [시작] 값을 100%로 설정합니다.
-
[문자 정렬]을 [가운데]로 설정합니다.
-
컴포지션을 미리 봅니다.
예제: 흔들기 선택기를 사용하여 문자에 애니메이션 적용
이 예제에서는 개별 문자의 위치에 간편하게 애니메이션을 적용하는 방법에 대해 설명하고 [흔들기] 선택기를 통해 레이어에 추가하는 것만으로 애니메이션을 극적으로 변경할 수 있는 방법도 보여 줍니다.
-
새 컴포지션을 만듭니다.
-
Galaxy라는 단어를 사용하여 새 텍스트 레이어를 만들고 [문자] 패널에서 색상을 파랑으로 설정합니다.
-
[애니메이션] > [텍스트 애니메이션] > [위치]를 선택합니다.
-
[타임라인] 패널에서 모든 문자가 프레임을 벗어날 때까지 [위치] 속성의 y 값을 왼쪽으로 드래그합니다.
-
[범위 선택기 1]을 확장합니다.
-
[시작] 초시계를 클릭하고 0초에 0%를 그대로 둔 다음 현재 시간 표시기를 5초로 이동하고 [시작]을 100%로 설정합니다.
-
컴포지션을 미리 봅니다.
-
[애니메이터 1] 그룹을 축소합니다.
-
[타임라인] 패널에서 텍스트 레이어 이름만 선택하고 [애니메이션] 메뉴에서 [칠 색상] > [색조]를 선택합니다. [타임라인] 패널에 새 애니메이터 그룹인 [애니메이터 2]가 나타납니다.
-
[칠 색조]를 1x+0.0으로 설정합니다.
-
[애니메이터 2]의 [범위 선택기 1]을 확장합니다.
-
[시작] 초시계를 클릭하고 0초에 0%를 그대로 둔 다음 현재 시간 표시기를 5초로 이동하고 [시작]을 100%로 설정합니다.
-
애니메이션을 미리 봅니다. 이제 화면 상단에서 문자가 내려오면서 색상이 바뀌지만 모두 같은 색상을 사용하며, 결국 동일한 원본 색상이 됩니다.
-
[칠 색조]를 선택한 상태로 [추가] 메뉴에서 [선택기] > [흔들기]를 선택합니다.
-
[흔들기 선택기 1] 속성을 확장하고 [모드] 메뉴에서 [추가]를 선택합니다.
-
컴포지션을 미리 봅니다.참고:
[애니메이터 1]에 [칠 색조] 속성을 추가한 다음 [흔들기] 선택기를 추가하면 색상만 흔들리는 것이 아니라 위치와 색상이 모두 흔들립니다.
예제: 텍스트 자간에 애니메이션 적용
이 예제에서는 텍스트 줄의 자간을 설정할 때 문자를 손쉽게 분리하는 방법에 대해 설명합니다. [자간] 및 [선 기준] 애니메이터 속성을 사용하여 일부를 제외한 모든 문자를 손쉽게 이동할 수 있습니다.
-
새 컴포지션을 만듭니다.
-
새 텍스트 레이어를 만들고 3579를 입력합니다.
-
텍스트 레이어를 선택한 상태로 [단락] 패널에서 [텍스트 가운데 맞춤] 버튼을 클릭합니다.
-
[보기] > [격자 표시]를 선택합니다.
-
[타임라인] 패널에서 텍스트 레이어를 선택하고 [애니메이션] > [텍스트 애니메이션] > [자간]을 선택합니다.
-
[자간 유형] 메뉴에 [이전 및 이후]가 지정되었는지 확인합니다.
-
[자간 양] 초시계를 클릭하고 0초의 값을 0으로 유지합니다.
-
현재 시간 표시기를 5초로 이동하고 모든 문자가 화면을 벗어날 때까지 [자간 양] 값을 드래그합니다.
-
애니메이션을 미리 봅니다.
-
현재 시간 표시기를 0초에 둔 상태에서 [컴포지션] 패널의 스냅사진을 만듭니다. 이 스냅사진과 격자를 사용하여 애니메이션이 끝날 때 숫자 7의 원래 위치를 파악하게 됩니다.
-
현재 시간 표시기를 5초로 이동합니다.
-
[스냅사진 표시] 단추를 클릭합니다.
-
[타임라인] 패널에서 [애니메이터 1]을 선택하고 [추가] 메뉴에서 [선 기준]을 선택합니다.
-
7이 대략적으로 [컴포지션] 패널 가운데의 원래 위치에 배치될 때까지 [선 기준] 값을 드래그합니다.
-
[컴포지션] 패널에서 [스냅사진 표시] 버튼을 클릭하여 원래 위치에서 7의 정확한 위치를 확인합니다. [선 기준] 값을 조정하여 문자를 원래 위치에 배치합니다.
-
애니메이션을 미리 봅니다.
예제: 선택기를 사용하여 특정 단어에 애니메이션 적용
이 예제에서는 선택기를 사용하여 애니메이션을 특정 단어로 제한하는 방법에 대해 설명합니다.
-
새 컴포지션을 만듭니다.
-
Speeding Saucer라는 단어를 사용하여 새 텍스트 레이어를 만듭니다.
-
[애니메이션] > [텍스트 애니메이션] > [기울이기]를 선택합니다.
-
[타임라인] 패널에서 [기울이기] 값을 35로 설정합니다.
-
[범위 선택기 1]을 확장합니다.
-
현재 시간 표시기가 0초에 있는지 확인하고 [종료] 초시계를 클릭합니다.
-
[컴포지션] 패널에서 두 선택기 막대를 모두 Speeding의 S 왼쪽으로 드래그합니다.
-
현재 시간 표시기를 2초로 이동하고 오른쪽 선택기 막대를 Speeding의 g 오른쪽으로 드래그합니다.
-
컴포지션을 미리 봅니다.
예제: 선 그리기 애니메이션 만들기
[불투명도] 애니메이터 속성을 사용하여 간편하게 화면에 문자를 쓰는 모양을 만들 수 있습니다.
-
새 컴포지션을 만듭니다.
-
01234라는 문자를 사용하여 텍스트 레이어를 만듭니다.
-
[애니메이션] > [텍스트 애니메이션] > [불투명도]를 선택합니다.
-
[불투명도]를 0%로 설정합니다.
-
[범위 선택기 1]을 확장하고 [시작] 초시계 아이콘을 클릭합니다.
-
[컴포지션] 패널에서 시작 선택기를 텍스트의 왼쪽 가장자리로 드래그합니다. 그러면 값은 0이 됩니다.
-
현재 시간 표시기를 5초로 이동하고 [컴포지션] 패널에 있는 시작 선택기를 텍스트의 오른쪽 가장자리로 드래그합니다. 그러면 값은 5가 됩니다.
-
컴포지션을 미리 봅니다.참고:
기본적으로 [매끄러움] 속성은 100%로 설정되어 있습니다. 타자기 모양을 만들려면 [고급] 속성을 확장하고 [매끄러움]을 0%로 설정합니다.
예제: 여러 선택기를 사용하여 텍스트에 애니메이션 적용
이 예제에서는 [흔들기] 선택기와 함께 [표현식] 선택기의 selectorValue 매개변수를 사용하여 문자열이 임의로 깜박이도록 만듭니다.
-
새 컴포지션을 만듭니다.
-
새 텍스트 레이어를 만듭니다.
-
[타임라인] 패널에 있는 텍스트 레이어의 [애니메이션] 메뉴에서 [불투명도]를 선택합니다.
-
[타임라인] 패널에서 텍스트 레이어와 해당 애니메이터를 확장합니다.
-
[범위 선택기]를 선택하여 삭제합니다.
-
텍스트 레이어의 [애니메이터] 속성 그룹 옆에서 [추가] > [선택기] > [흔들기]를 선택합니다.
-
[추가] > [선택기] > [표현식]을 선택합니다. [흔들기] 선택기가 [표현식] 선택기 앞에 오지 않으면 [흔들기] 선택기를 [표현식] 선택기 위로 드래그합니다.
-
[표현식 선택기]를 확장합니다.
-
[양] 속성을 확장하여 표현식을 표시합니다. 기본적으로 다음 표현식이 나타납니다.
selectorValue * textIndex/textTotal
-
기본 표현식 텍스트를 다음 표현식으로 바꿉니다.
r_val=selectorValue[0]; if(r_val < 50)r_val=0; if(r_val > 50)r_val=100; r_val
-
불투명도를 0%로 설정하고 컴포지션을 미리 봅니다.
예제: 표현식을 사용하여 텍스트 위치에 애니메이션 적용
이 예제에서는 wiggle 표현식과 함께 textIndex 및 textTotal 특성을 사용하여 한 줄의 텍스트에 애니메이션을 적용합니다.
-
새 컴포지션을 만듭니다.
-
새 텍스트 레이어를 만듭니다.
-
[타임라인] 패널에서 텍스트 레이어를 확장하여 텍스트 속성을 봅니다. [애니메이션] 메뉴에서 [위치] 애니메이터 그룹을 추가합니다.
-
기본 [범위] 선택기인 [범위 선택기 1]을 삭제합니다.
-
[추가] 메뉴를 선택한 다음 [선택기] > [표현식]을 선택하여 [표현식] 선택기를 추가합니다. [표현식] 선택기를 확장하여 해당 옵션을 표시합니다.
-
[양] 속성을 확장하여 표현식을 표시합니다. 기본적으로 다음 표현식이 나타납니다.
selectorValue * textIndex/textTotal
-
기본 표현식을 다음 표현식으로 바꿉니다.
seedRandom(textIndex); amount=linear(time, 0, 5, 200*textIndex/textTotal, 0); wiggle(1, amount);
이 예제에서는 선형 메서드를 사용하여 시간 경과에 따라 최대 흔들기 양을 줄입니다.
-
세로 위치 값을 설정합니다. 값이 클수록 문자가 많이 흔들립니다.
-
컴포지션을 미리 봅니다.
예제: 텍스트에 시간 코드 표시 애니메이션 적용
-
[타임라인] 패널에서 레이어를 선택하지 않은 상태로 [효과 및 사전 설정] 패널에서 [현재 시간 포맷] 애니메이션 사전 설정을 두 번 클릭합니다. [효과 및 사전 설정] 패널의 [다음 포함] 필드에 해당 이름을 입력하여 애니메이션 사전 설정을 찾을 수 있습니다.
[소스 텍스트] 속성에 텍스트가 프로젝트의 시간 표시 형식으로 현재 시간을 표시하도록 하는 표현식이 있는 새 텍스트 레이어가 만들어집니다.
[전체] 범주에 있는 다른 표현식을 사용하여 시간을 다른 형식으로 표시할 수 있습니다.
참고:레이어의 표현식을 보려면 레이어를 선택하고 EE를 누르세요.
After Effects를 사용하여 더 많은 작업 수행
Adobe After Effects를 사용하여 놀라운 모션 그래픽, 텍스트 애니메이션, 시각 효과를 만드십시오. 영화, TV, 비디오, 웹용 디자인 모두 가능합니다.