Adobe After Effects에서 텍스트 애니메이션 사전 설정을 적용하여 3D 제목이 공간에 서서히 나타나도록 만들 수 있습니다. Cinema 4D 렌더러를 사용하여 텍스트를 3D로 돌출시킨 다음 조명을 추가하여 컴포지션을 비춰 봅니다.
animate-3d-title-reveal_1000x560

필요 항목

샘플 파일은 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 에셋입니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면 Adobe Stock에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오.

배경 사진 위에 있는 레이어에 텍스트를 입력해 놓았습니다. 제목이 밋밋해 보이는데, 이 제목을 돌출시켜 입체감 있게 만들 수 있습니다. 텍스트 레이어의 속성을 열어 변형 옵션을 표시합니다. 3D 입방체 아이콘을 클릭하여 3D 레이어를 켠 다음 비활성화된 도형 옵션 옆에 있는 렌더러 변경을 클릭하여 컴포지션 설정 대화 상자를 엽니다. 렌더러를 Cinema 4D로 변경하고 확인을 클릭합니다.

animate-3d-title-reveal_step1

이제 도형 옵션이 활성화되었으므로 텍스트를 돌출시킬 수 있습니다. 텍스트 레이어를 선택하고 R을 눌러 회전 설정을 엽니다. Y 회전 값을 드래그하여 공간에서 텍스트의 각도를 원하는 대로 설정합니다. 돌출된 텍스트가 다른 각도에서 어떻게 표시되는지를 실험해 보십시오. 텍스트가 잘 보이지 않는 이유는 조명에 따른 그림자가 없어 글자 가장자리가 뚜렷하지 않기 때문입니다.

animate-3d-title-reveal_step2

조명을 비추려면 레이어 메뉴를 열고 새로 만들기 > 조명을 선택합니다. 조명 설정 대화 상자에서 포인트 조명 유형을 지정하고 전체 강도, 밝기 감소 없음, 그림자 표시를 설정한 다음 확인을 클릭합니다. 포인트 조명 레이어의 상위 및 링크 열에서 드롭다운 메뉴를 열고 없음 대신 텍스트 레이어의 변형을 상속하도록 설정합니다. P를 눌러 조명의 위치 값을 표시하고 조명이 텍스트의 왼쪽, 위쪽, 정면에 비추도록 X, Y, Z 좌표를 옮깁니다.

animate-3d-title-reveal_step3

하나의 조명만으로는 전체 단어에 적절히 비추지 못하므로 또 다른 포인트 조명을 추가하기 위해 이번에는 첫 번째 조명보다 오른쪽과 아래쪽에 배치합니다. 각 포인트 조명 레이어의 눈 아이콘을 전환하여 각 조명이 전체 결과에 어떤 영향을 미치는지 확인합니다. 텍스트에 비추는 조명이 훨씬 나아졌으므로 이제 도형 옵션으로 돌아가 경사 스타일을 볼록으로 지정하고 경사 깊이 값을 설정하여 가장자리를 약간 매끄럽게 합니다.

animate-3d-title-reveal_step4

서서히 나타나는 효과를 만들기 위해 애니메이션이 시작되는 지점에 재생 헤드를 놓습니다. 효과 및 사전 설정 패널의 검색 상자에서 페이드를 입력하고 결과를 필터링합니다. 위쪽으로 문자 페이드 효과를 타임라인에 있는 텍스트 레이어로 드래그합니다. U를 눌러 애니메이션의 키프레임을 표시합니다. 기본적으로 효과는 2초 동안 지속됩니다. 키프레임을 드래그하여 효과의 지속 시간을 조정합니다. 키프레임이 선택된 상태에서 애니메이션 메뉴를 열고 키프레임 도우미 > 천천히 들어오기 및 나가기(또는 F9 누름)를 선택하여 이 효과를 매끄럽게 합니다.

animate-3d-title-reveal_step5

컴포지션을 미리 보면서 컴퓨터 리소스를 절약하려면 렌더링 설정을 낮추는 것이 좋습니다. 컴포지션 패널의 오른쪽 상단에 있는 렌치 아이콘을 클릭합니다. Cinema 4D 렌더러 옵션 대화 상자에서 슬라이더를 초안으로 드래그하고 확인을 클릭합니다. 최종 출력을 렌더링할 준비가 되었다면 다시 렌더러 옵션 대화 상자로 돌아가 이번에는 Anti-Aliasing 설정이 최상으로 바뀔 때까지 슬라이더를 오른쪽으로 드래그한 다음 확인을 클릭합니다.

animate-3d-title-reveal_step6

이제 시간 경과에 따라 3D 제목이 서서히 나타납니다. 각 글자가 나타나면서 단어가 화면에서 움직이도록 텍스트의 위치에 키프레임을 설정하여 장면에 입체감을 더해 보십시오.

 

Adobe Stock을 통해 사진, 그래픽, 비디오, 템플릿 등 1억 개가 넘는 고품질의 로열티 프리 이미지를 사용하여 크리에이티브 프로젝트를 빠르게 시작할 수 있습니다. Adobe Stock에서 10개의 이미지를 무료로 다운로드하여 직접 경험해 보십시오.

09/02/2020

Adobe Stock 컨트리뷰터: cutestockfootage, Hanna

이 페이지가 도움이 되었습니까?