텍스트 추가, 편집, 애니메이션 적용

안녕하세요.

비디오그래퍼 겸 모션 애니메이터로 활동하는 Sarah입니다.

텍스트 애니메이션을 영상 프로젝트, 소셜 미디어 게시물, 모션 그래픽 프로젝트에 추가해 특정 텍스트에 시선을 집중시키거나 전문적이고 세련된 느낌을 연출하거나 스토리텔링을 풍부하게 만들어 보세요.

이번 시간에는 After Effects 프로젝트에서 텍스트를 추가한 다음 애니메이션을 적용해 보겠습니다.

새 프로젝트에서 새 컴포지션을 만듭니다.

텍스트를 추가하기 위해 툴바에서 문자 툴을 선택합니다.

키보드 단축키는 Windows는 Ctrl+T, Mac은 Command+T입니다.

텍스트 블록을 추가할 때는 단락 텍스트를 선택하는 것이 좋습니다.

단락 텍스트를 추가하고 그 차이를 확인해 보죠.

텍스트 툴이 활성화된 상태에서 컴포지션에서 아무 데나 선택하고 드래그합니다.

그러면 세부 정보를 추가할 수 있는 또 다른 텍스트 레이어가 만들어집니다.

보시다시피 텍스트가 줄 끝에 다다르면 자동으로 줄바꿈됩니다.

경계 상자의 크기를 변경하면 텍스트 크기는 바뀌지 않고 줄이 바뀌거나 확장됩니다.

포인트 텍스트에서 똑같이 했을 때는 크기가 커집니다.

드래그하는 동안 Shift 키를 누르면 왜곡되지 않습니다.

작업할 텍스트가 준비되었으므로 속성 패널에서 스타일을 조정하겠습니다.

여기에서 해당 레이어의 글꼴, 크기, 텍스트 정렬 등을 편집할 수 있는데요.

글꼴 크기와 색상을 변경해 보죠.

글꼴 드롭다운 메뉴에서 새 글꼴을 선택합니다.

이 드롭다운에서 Regular, Narrow, Italic, Bold 중에서 선택합니다.

글꼴 자체의 모든 속성은 여기에서 편집할 수 있습니다.

포인트 텍스트의 크기를 변경하기 위해 글꼴 크기 드롭다운에서 크기를 선택합니다.

오른쪽으로 드래그하여 키우거나 왼쪽으로 드래그하여 줄일 수도 있습니다.

마지막으로 색상을 변경해 보죠.

칠 옆의 상자를 선택하여 다른 색상을 선택합니다.

단락 텍스트도 조정하겠습니다.

텍스트가 원하는 대로 만들어졌으므로 위치를 조정해 볼게요.

먼저 선택 툴을 선택하기 위해 툴바에서 선택하거나 단축키 V를 누릅니다.

이제 레이어를 드래그하여 자유롭게 옮길 수 있습니다.

스냅을 활성화하면 더욱 정확하게 배치할 수 있는데요.

컴포지션 가운데에 레이어를 스냅할 수 있습니다.

이 기능을 잠시 비활성화하려면 Windows는 Ctrl, Mac은 Command를 길게 누르고 위치를 세밀하게 조정하면 됩니다.

멋지게 완성된 텍스트가 정중앙에 놓일 수 있도록 맞춤 패널에서 가로 가운데 옵션을 사용합니다.

이어서 단락 텍스트도 정렬합니다.

이제 제목에 시선이 집중되도록 간단한 애니메이션을 추가해 보죠.

컴포지션 가운데에 텍스트가 있는데요.

애니메이션이 끝날 때 텍스트가 위치할 곳이죠.

현재 시간 표시기(CTI)를 몇 프레임 앞으로 드래그하고 키프레임을 만들기 위해 속성 패널에서 위치 옆의 스톱워치를 선택합니다.

다음으로, CTI를 애니메이션의 시작 지점으로 다시 이동하고 레이어를 위로 드래그하여 페이지 밖으로 옮깁니다.

이때 Shift 키를 길게 눌러 가운데 정렬을 유지합니다.

타임라인을 보면 두 개의 키프레임이 표시되어 있습니다.

타임라인에서 바로 키프레임을 추가할 수도 있는데요.

단락 텍스트에서 해보겠습니다.

컴포지션 패널에서 텍스트 레이어 옵션을 열고 변형 옵션을 엽니다.

제목이 놓인 후 이 텍스트가 서서히 나타나도록 해보죠.

CTI를 첫 번째 애니메이션이 끝난 후 0.5초쯤으로 이동하고 불투명도 옆의 스톱워치를 선택해 키프레임을 만듭니다.

CTI를 몇 프레임 앞으로 이동하고 불투명도를 0으로 변경합니다.

애니메이션을 확인하기 위해 CTI를 컴포지션의 시작 부분으로 이동하고 스페이스바를 눌러 미리 보겠습니다.

애니메이션 키프레임 덕분에 멋지게 완성되었네요.

간단한 애니메이션이 있는 텍스트를 추가하는 방법을 살펴봤는데요.

다른 After Effects 튜토리얼도 계속 살펴보시기 바랍니다.