Adobe After Effects에서 퍼펫 핀 툴을 사용하여 Adobe Fresco로 제작한 브러시 획에 애니메이션을 적용함으로써 살아있는 듯한 생동감을 불어넣어 보세요.
animate-fresco-artwork-intro_900x506

필요 항목

"Curioso"는 데모용으로 실제 회사, 제품, 서비스 또는 작품과 관련이 없습니다.

먼저, 직접 만든 Adobe Fresco 아트웍을 PSD 포맷으로 출력합니다(제공되는 샘플 PSD를 사용해도 됨). 공유 아이콘을 누른 다음 게시 및 내보내기 > 다음으로 내보내기 > PSD를 선택합니다. 데스크탑 컴퓨터에서 액세스할 수 있는 위치에 저장합니다.

animate-fresco-artwork-step1

내보낸 PSD를 데스크탑에 설치된 Adobe Photoshop에서 엽니다. Adobe Fresco에서 내보낸 파일에 애니메이션 프로세스를 간소화하기 위해 병합이 필요한 레이어가 포함되어 있을 수 있습니다. 예를 들어 레이어를 병합하여 동시에 애니메이션을 적용하거나 아트보드에서 그룹을 해제하여 단순한 레이어 구조를 만들어야 하는 경우입니다. 최종 아트보드를 자르거나 크기를 조정하여 종횡비(보통 16x9)를 비디오 프로젝트와 동일하게 설정하여 작업에 사용할 파일을 준비합니다.

animate-fresco-artwork-step2

레이어 구조를 단순하게 조정한 PSD 파일을 After Effects로 가져옵니다(파일 > 가져오기 > 파일 메뉴를 사용하여 가져올 파일 종류 옵션을 '컴포지션 - 레이어 크기 유지'로 설정). 컴포지션 시작 부분에 재생 헤드를 놓고 애니메이션을 적용할 레이어를 선택한 다음 퍼펫 위치 핀 툴을 클릭합니다(Command/Ctrl+P). 툴바에서 메쉬 옆 '표시' 상자에 체크 표시가 되어 있는지 확인합니다. 컴포지션 패널을 클릭하고 첫 번째 퍼펫 위치(노랑) 핀을 배치하면 삼각형으로 된 메쉬가 개체 나머지에 채워집니다. 핀을 더 추가하면 메쉬가 업데이트됩니다. 퍼펫 위치 핀은 핀의 위치를 변경하지 않은 이상 움직이지 않고 유지될 부분을 고정시킵니다.

animate-fresco-artwork-step3

Command/Ctrl+P를 반복적으로 눌러 사용 가능한 퍼펫 핀 툴을 전환합니다. 퍼펫 스타치 핀 툴은 꼿꼿하게 유지할 부분에 빨간색 경직성 핀을 추가합니다. 퍼펫 구부리기 핀 툴(갈색 핀)은 비율을 조정하고 회전합니다. 퍼펫 고급 핀 툴(녹색 핀)을 사용하면 개체의 비율을 조정하거나 회전하고 핀을 이동할 수 있습니다. 컴포지션 패널에서 기존 핀을 클릭하여 이동하고 회전 핸들을 활성화하거나 삭제합니다. 핀을 계속 추가하면서 아트웍을 손쉽게 왜곡하는 방법을 연습해 볼 수 있으며, 언제든지 이러한 변경 사항을 취소하여 시작된 부분으로 다시 돌아갈 수 있습니다.

animate-fresco-artwork-step4

재생 헤드를 조금씩 이동하면서 애니메이션 스타일에 맞게 핀을 조정하고 매끄러운 모션을 만듭니다. 애니메이션을 매끄럽게 반복 재생하려면 컴포지션 시작 지점에 있는 첫 번째 키프레임 세트를 복사하여 마지막 프레임에 붙여넣습니다.

animate-fresco-artwork-step5

퍼펫 핀 툴로 디자인을 변형하여 애니메이션을 적용한 결과가 마음에 들면 컴포지션의 다른 레이어에도 키프레임을 설정하여 최종 모션 그래픽의 룩을 완성하십시오.

09/02/2020

Adobe Stock 컨트리뷰터: donatas1205

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