일러스트 레이터 튜토리얼 : 일러스트 레이터로 애니메이션을 만드는 방법

오늘은 Illustrator 만 사용하여 Flash 애니메이션을 만드는 간단하면서도 유용한 방법을 알려드리겠습니다 . Illustrator 는 Photoshop 과 마찬가지로 Adobe 제품군에 속하는 벡터 그래픽 디자인 프로그램으로 , Adobe가 오늘날 그래픽 디자인 업계의 표준으로 자리매김하는 데 기여한 핵심 도구 중 하나입니다.

어도비 제품군은 끊임없이 확장되어, 형태 제작 전용 프로그램부터 오디오 및 비디오 편집 프로그램에 이르기까지, 수년 전에는 상상조차 할 수 없었던 수준의 새로운 창작 분야를 위한 새로운 애플리케이션을 제공하고 있습니다. 어도비 프로그램은 종종 제품군 내 다양한 ​​플랫폼의 통합을 장려하는데, 예를 들어 한 프로그램의 도구를 다른 프로그램에 포함시키거나 한 프로그램의 기능을 다른 프로그램으로 이전하는 방식입니다. 오늘은 이러한 통합의 한 예로, Illustrator를 사용하여 간단한 애니메이션을 만들고 Flash로 내보내는 방법을 보여드리겠습니다. 오늘의 튜토리얼 : Illustrator 로 애니메이션 만드는 법.

플래시 ( SWF ) 형식의 웹 애니메이션을 만들려고 하는데 , 실제 작업에는 Adobe Illustrator를 사용할 것입니다 . 먼저, 파일 > 새 문서를 선택하여 새 문서를 엽니다 . 메뉴가 있는 대화 상자가 나타나면 이름을 입력하고 웹 프로필을 선택하세요.

자, 이제 새 문서에서 작업을 시작해 보겠습니다. 이번 애니메이션 에는 인터넷에서 다운로드한 벡터 그림을 사용했는데, 이전 게시물에서 소개했던 무료 사진 및 벡터 검색 엔진인 Freepik 에서 가져온 것입니다. 약간 수정했습니다. 레이어 패널로 이동하여 레이어 이름을 올바르게 지정하겠습니다. 처음부터 레이어를 체계적으로 관리하는 것이 매우 중요합니다. 레이어 이름은 Chicken01 로 하겠습니다.

애니메이션은 상당히 간단합니다. 병아리를 화면 한쪽 끝에서 다른 쪽 끝으로 이동시키고 눈에 움직임을 줄 것입니다. 먼저 레이어 패널에서 해당 레이어를 클릭하고 새 레이어 아이콘으로 드래그하여 레이어를 복제합니다. 레이어 이름을 바꾸는 것이 중요합니다.

우리는 Chicken02 레이어 에 있는 닭의 눈 두 개를 선택한 다음, 닭의 눈을 선택할 것입니다.

위 레이어 Pollo02 에 있는 닭의 눈 벡터를 선택한 다음 마우스 오른쪽 버튼을 클릭하고 해당 대화 상자에서 [변환-반사] 경로를 따릅니다.

'미러' 옵션 에 들어가면 '세로' 옵션을 탭하세요. 그러면 위쪽 닭 그림은 눈이 한쪽 방향으로, 아래쪽 닭 그림은 눈이 다른 방향으로 보이게 됩니다.

이제 닭을 두 배 더

레이어를 복제하려면 다시 한 번 레이어 메뉴의 새 레이어 버튼을 사용합니다 . Shift 키를 누른 상태에서 Chicken01 및 Chicken02 레이어를 클릭하고 새 레이어 버튼 위로 드래그합니다.

모든 닭의 이름을 바꿔야 하는데, Chicken01과 Chicken02로 이루어진 닭이 아트보드의 왼쪽에 오도록 하고, 숫자 순서대로 Chicken03과 Chicken04 로 이루어진 닭이 오른쪽에 오도록 하는 등 레이어 패널의 레이어 순서를 반드시 지켜야 합니다. 애니메이션은 항상 레이어 순서를 따르기 때문에(첫 번째 프레임이 첫 번째 레이어에, 마지막 프레임이 마지막 레이어에) 이 순서는 매우 중요합니다 .

위에서 설명한 대로 모든 닭의 위치를 ​​올바르게 지정했으면, 파일 > 내보내기를 선택하여 내보내기 창을 엽니다. 여기에서 내보내기 형식으로 SWF 또는 Flash를 선택합니다 . 마지막 단계를 설정하는 대화 상자가 나타납니다. 기본 옵션 을 선택한 상태에서 AI 레이어를 SWF 프레임으로 내보내도록 선택하고 , Flash 버전은 최신 버전인 Adobe Flash Player 9를 선택합니다. 또한 "아트보드 크기로 자르기" 옵션을 선택합니다. 이 외에도 몇 가지 흥미로운 옵션이 있는데, 이는 다른 튜토리얼에서 자세히 살펴보겠습니다.

다음으로, 같은 대화 상자에서 고급 옵션을 선택 하고 해상도와 프레임 속도를 15 로 설정합니다. 보시다시피, 여기에서 레이어 순서를 선택할 수 있는데, 앞서 언급했듯이 인터페이스의 레이어 패널에서 맨 아래(첫 번째 레이어)에서 맨 위(마지막 레이어)로 애니메이션이 재생되도록 설정했습니다. 내보낸 후에는 원하는 비디오 재생 프로그램에서 결과를 확인하세요.

더 자세한 정보 - 무료 사진 및 벡터 검색 엔진 Freepik