Adobe After Effects에서 생동감 있게 윤곽선을 그리는 베가스 효과를 사용하여 인쇄된 회로 패턴이 자동으로 그려지도록 만들어 보세요.

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

먼저 Adobe Illustrator에서 각 레이어에 전체 회로판 패턴의 각 부분이 포함되어 있는지 확인합니다. 적절한 설명이 되도록 레이어에 레이블을 지정합니다(예: Top, Left, Right, Bottom). 이렇게 하면 나중에 After Effects에서 알아보는 데 도움이 됩니다. 디자인 전체를 드래그하여 선택하고 클립보드에 복사합니다(편집 > 복사).

After Effects로 전환하고 디자인을 포함할 컴포지션을 만듭니다. 컴포지션에 단색을 추가합니다(동일한 크기). 단색이 선택된 상태에서 Illustrator에서 복사한 벡터 디자인을 붙여넣습니다(편집 > 붙여넣기). M을 눌러 Illustrator 파일의 레이어에 해당하는 마스크를 표시합니다 (마스크 패스가 보이지 않으면 마스크 가시성을 켜세요). Illustrator의 레이어 이름과 일치하도록 마스크 이름을 변경합니다(마우스 포인터로 선택하고 Return/Enter 누름). 이름을 변경해 두면 이후의 작업에 유용합니다.

단색 레이어가 선택된 상태에서 효과 > 생성 > 베가스를 선택합니다. 효과 컨트롤 패널에서 선을 마스크/패스로 설정하고 패스를 특정 마스크(예: Top)로 지정합니다. 마스크 가시성을 꺼서 마스크 패스가 아닌 적용된 효과를 확인합니다. 렌더링 섹션에서 점선 윤곽이 더 뚜렷하게 나타나고 가장자리가 돋보이도록 폭과 경도를 높입니다. 마지막으로 혼합 모드를 투명으로 선택하고 색상을 선택합니다.

천천히 시간을 가지고 베가스 효과를 다앙하게 연출해 보세요. 기본적으로, 선분은 32로 표시되지만 한 자리 숫자의 선분을 사용합니다. (연속 선이 1에 나타납니다.) 길이 값을 약간 줄여 각 선분을 짧게 합니다. 각 선이 서서히 사라지므로 끝 불투명도를 최대값으로 설정하여 모든 선이 완전히 보이도록 합니다. 회전 다이얼을 드래그하여 각 선분의 시작과 종료 지점을 조정합니다.

원하는 대로 회로판 디자인이 나타나도록 베가스를 설정한 다음에는 효과가 표시되도록 애니메이션을 적용합니다. 재생 헤드를 앞으로 이동하고 길이 키프레임을 켭니다. 재생 헤드를 시작 부분으로 이동하여 0이 되게 합니다. 컴포지션을 미리 보면서 각 선분이 고정점에서 고유한 패스를 그려 디자인을 완성하는지 확인합니다. 0에서 시작하여 선택된 최종 값까지 회전 키프레임을 생성합니다. 이제 미리 보기를 해보면, 최종 회전 키프레임 값을 기반으로 천천히 또는 빠르게 패스를 따라 각 선분의 시작 지점이 종료 지점을 따라갑니다.

디자인을 완성하기 위해 인쇄된 회로선 끝에 둥근 테스트 점을 추가합니다. 이 점들은 매우 짧고 두꺼운 선 모양입니다. 효과 컨트롤 패널에서 베가스 효과를 축소하고 복제합니다(Command/Ctrl+D). 베가스 2를 마우스 오른쪽 버튼으로 클릭하고 Tails 로 이름을 바꿉니다. Tails 인스턴스에서 길이 키프레임을 삭제하고(스톱워치 클릭) 길이를 0에 가깝게 줄입니다. 마지막으로 혼합 모드를 '위'로 변경하고, 폭을 높여 점을 만든 다음, 끝 불투명도를 최대값으로 설정합니다.

Tails 인스턴스를 축소하고 복제한 다음 Heads 로 이름을 바꿉니다. Heads 인스턴스에서 재생 헤드를 최종 회전 키프레임에 놓고 각 선분의 점이 꼬리에서 머리로 패스를 따라 이동하도록 값을 스크러빙합니다. 컴포지션을 미리 보면 움직이는 선의 두 끝에 점이 표시됩니다.

마지막으로 디자인의 나머지 부분에 베가스 효과를 적용합니다. 타임라인 패널에서 애니메이션이 적용된 디자인의 일부분을 설명하는 단색의 이름을 지정합니다(예: Top). 레이어를 복제하고(Command/Ctrl+D) 다른 부분을 설명하는 이름을 지정합니다(Left ). 효과 컨트롤 패널에서 베가스 효과의 각 인스턴스를 열고 선택 영역의 해당 마스크를 선택하여 디자인의 해당 부분이 보이도록 합니다. 레이어를 다시 복제하고 최종 부분에 적용되도록 이름을 지정하고(Bottom) 이에 따라 마스크 선택 영역을 업데이트합니다.

최종적으로 수정하기 위해 키프레임의 속도를 조정하여 애니메이션을 매끄럽게 해보세요. 회로가 충전된 것처럼 보이도록 광선 효과를 추가하여 디자인을 더욱 세밀하게 조정합니다. 실습용 파일에 추가되어 있는 몇 가지 효과를 확인하시기 바랍니다.