애니메이션을 만드는 플래시. 플래시 애니메이션을 만드는 방법

무료 프로그램거의 모든 복잡성의 플래시 비디오를 만들 수 있습니다! 플래시를 사용하는 일상적인 작업에 필요한 거의 모든 도구가 포함되어 있으며 초보자와 전문가 모두 사용할 수 있습니다. 이 프로그램의 주요 차이점과 장점은 ActionScript 2.0을 지원한다는 점입니다. ActionScript 2.0 없이는 전문적인 플래시 콘텐츠 제작을 상상할 수 없습니다.

불가능이 가능하다는 디마 빌란의 말이 맞는 것 같습니다. :) 아주 최근까지 웹 개발자는 플래시 애니메이션으로 작업할 수 있는 기회를 얻기 위해 불법 복제를 하거나 상당한 돈을 지불해야 했습니다. 그리고 마지막으로 무료 플래시 편집기를 사용하는 세 번째 본격적인 옵션이 등장한 시간이 왔습니다.

이전에 우리 사이트에는 이미 유사한 프로그램이 하나 있었지만 일부 기능이 저하되고 도구가 제한적이며 ActionScript 프로그래밍 언어에 대한 지원이 부족하여 모든 종류의 기능적 사이트, 게임 등을 만드는 데 필요한 단점이 있습니다.

오늘은 저명한 제품과 거의 동등한 위치에서 경쟁할 수 있는 완전히 현대적인 플래시 편집기를 소개하겠습니다. 어도비 플래시 - 벡터의 지오토.

Vectorian Giotto와 유료 아날로그 비교

보시다시피 Vectorian Giotto의 개발자는 최선을 다했고 Adobe Flash와 유사한 가능한 최대 기능 세트를 프로그램에 맞추려고 노력했습니다. 또한 대부분의 키보드 단축키도 동일하기 때문에 어도비 에디터 작업에 익숙한 분들은 무료 Vectorian Giotto 플랫폼으로 전환하는 것이 어렵지 않을 것입니다!

글쎄, 무료 편집기의 "디저트"의 경우 "큰 형님"에서 가끔 부족한 것이 있습니다. 내장된 애니메이션 효과 라이브러리는 특히 플래시 배너를 만드는 사람들에게 어필할 것입니다.

취업 준비

Vectorian Giotto를 시작하려면 무게가 8MB에 불과한 설치 프로그램과 함께 아카이브를 다운로드해야 합니다! 아카이브가 다운로드되면 파일을 열고 실행하십시오. VectorianGiotto.exe.

설치(그리고 프로그램 자체는 슬프게도 :))가 영어라는 사실에도 불구하고 기본 설정에서 아무 것도 변경할 필요가 없기 때문에 문제를 일으키지 않아야 합니다. "다음" 버튼을 여러 번 클릭하고 설치 프로세스가 완료될 때까지 기다리세요.).

인터페이스와의 첫 만남

설치가 끝날 때 아무것도 변경하지 않으면 기본 설정, Vectorian Giotto 작업 창이 전체 화면으로 우리 앞에 나타납니다.

이미 말했듯이 프로그램 인터페이스는 영어이므로 기사에서 설명하는 추가 단계를 수행할 때 오해와 오해를 피하기 위해 일종의 개념 장치를 소개하고 싶습니다. :) 평소와 같이 위에서 아래로, 왼쪽에서 오른쪽으로 시작하겠습니다.

메뉴바. Vectorian Giotto 프로그램의 모든 메뉴가 있는 패널입니다. 애니메이션으로 작업할 때 "파일"(애니메이션을 SWF로 저장 및 내보내기), "보기"(작업 공간의 표시 설정 지정), "수정"(현재 매개변수 제어)과 같은 섹션이 필요할 수 있습니다. 라이브러리 효과를 문서화하고 작업) 및 "창"(프로그램의 표시된 모듈 및 패널을 사용자 정의하기 위해).

기본 도구 모음. 다음은 프로젝트 동작 제어 버튼과 애니메이션 재생 패널입니다.

그리기 패널(프로그램 창의 전체 왼쪽 부분을 차지함). 애니메이션에 원하는 개체를 만드는 데 필요한 모든 도구와 원하는 도구의 매개변수를 구성할 수 있는 버튼이 있습니다.

스토리보드(또는 타임라인). 프레임 및 생성된 레이어의 셀을 관리할 수 있습니다.

색상 제어판. 이를 통해 이전에 만든 모양의 색상을 빠르게 변경할 수 있습니다. 또한 애니메이션 개체(단색, 그라디언트 등)의 채우기 유형을 선택하는 역할도 합니다.

작업 공간. 애니메이션을 그리기 위해 설계된 가상 "종이" 시트입니다.

액션스크립트 편집기. 단순한 배너가 아니라 버튼과 모든 종류의 대화형 개체를 포함하여 더 복잡한 것을 만들어야 하는 경우 스크립트 편집기 없이는 할 수 없습니다.

클립 구조 패널. "프레임에" 있는 모든 모양을 표시하고 빠르게 전환하고 순서를 관리할 수 있습니다.

속성 패널. 플래시의 각 개체에는 특정 속성이 있습니다. 이 패널은 이들을 관리하는 데 사용됩니다.

변형 패널. 선택한 애니메이션 요소의 크기와 위치를 빠르게 변경할 수 있습니다.

요소 라이브러리. 애니메이션에 삽입할 수 있는(반복적으로!) 만들거나 가져온 개체의 목록을 나타냅니다.

인터넷에서 배너의 아름다운 애니메이션 뒤에 무엇이 있는지 궁금해 한 적이 있습니까? 아니면 컴퓨터 기술의 도움으로 만들어진 새로운 만화를 위해? 가장 자주 그들은 "육체"를 기반으로합니다. 더 정확하게는 Flash 기술의 이름이 영어에서 번역되는 방식입니다. 오늘 우리는 사이트의 플래시 애니메이션에 대해 이야기 할 것입니다.

플래시 기술

멀티미디어 프레임워크는 Macromedia에서 개발했습니다. 그러나 인수(합병) 후 기술에 대한 모든 권리는 새로운 소유자인 Adobe Systems에게 이전되었습니다.

Adobe Flash의 최신 응용 프로그램 범위:

• 웹 애플리케이션을 만드는 것은 상당히 새로운 방향입니다. 웹 사이트를 만들기 위해 Flash를 전체 또는 부분적으로 사용하는 것을 의미합니다. 부분 적용으로 이 기술은 다양한 인터랙티브 메뉴, 애니메이션 버튼 등 별도의 디자인 요소를 생성합니다.

기존 자원에 비해 HTML 기반플래시 사이트에는 사용을 제한하는 몇 가지 기능이 있습니다. 여기에는 높은 개발 비용, 요구되는 서버 리소스, 오랫동안느린 인터넷 연결 및 기타 측면으로 다운로드:

• 멀티미디어 기능 구현 - 사이트에서 오디오를 듣고 비디오를 재생하기 위해 Flash 기반 미디어 플레이어가 자주 사용됩니다. 그들의 개발에는 스크립팅 언어 중 하나의 사용이 포함됩니다(자주 자바스크립트).

• 인터넷 광고에서 가장 자주 기술은 애니메이션 배너를 만드는 데 사용됩니다. 그들은 멀티미디어 광고의 재생뿐만 아니라 게임 기반의 사용자와의 일종의 상호 작용을 의미합니다.

플래시 개발을 위한 기초 및 도구

플래시 애니메이션을 만들기 위해 Adobe의 기존 도구가 가장 자주 사용됩니다.

• Adobe Flash Professional - 대화형 애니메이션(애니메이터)을 만들기 위한 프로그램.
• Adobe Flash Builder - 웹 응용 프로그램용 인터페이스를 만들기 위한 환경.
• 어도비 벽돌 플래시 플레이어- Flash 재생을 위한 브라우저 통합 플레이어.

그 외에도 여러 타사 애플리케이션. 그 중 가장 인기 있는 것은 Gnash, QuickTime 및 기타입니다.

이 기술을 사용하면 모든 유형의 그래픽( 래스터, 벡터, 3D). 또한 오디오 및 비디오 데이터의 스트리밍 중계를 지원합니다. 특별히 모바일 기기경량으로 개발되었습니다 플래시 버전라이트.

플래시 파일의 주요 표준은 SWF 확장자입니다. Small Web Format의 약자입니다. Flash로 녹화된 동영상은 파일 확장자가 FLV, F4V입니다.

Flash의 대화형 애니메이션 개발은 벡터 그래픽을 기반으로 합니다. 덕분에 멀티미디어 플랫폼에 대한 지원과 화면 해상도로부터 애니메이션 품질의 독립성을 구현할 수 있었다.

Flash 응용 프로그램의 파일 크기는 다음과 상관없이 모든 사용자에게 동일합니다. 명세서화면 해상도).

Flash의 대화형 애니메이션은 키프레임 간에 천천히 혼합되는 모핑(벡터 유형)을 기반으로 합니다. 데이터를 재생하기 위해 플래시 플레이어가 사용되며 그 작동은 여러면에서 작업과 유사합니다. 가상 기기자바스크립트. 이 기술의 소프트웨어 구성 요소는 ActionScript 언어를 사용하여 구현됩니다.

기술의 단점은 다음과 같은 점을 포함합니다.

• 클라이언트 시스템의 중앙 프로세서에 과부하가 걸립니다. 이는 사용자 브라우저의 플레이어와 함께 내장된 플래시 가상 머신의 효율성이 낮기 때문입니다.
• 높은 오류 가능성 – Flash 애니메이션을 재생하면 오류가 발생하기 쉽습니다. 또한 Flash 재생 실패는 전체 클라이언트 응용 프로그램(브라우저)의 작동에 부정적인 영향을 미칩니다. 이는 내결함성 제어가 불충분하기 때문입니다. 프로그램 코드플래시 응용 프로그램을 만들 때
• 인덱싱할 수 없음 - Flash 내용에 표시된 모든 텍스트 내용은 인덱싱되지 않습니다. 이 제한은 이 기술을 기반으로 하는 리소스에 특히 문제가 됩니다.

타사 플래시 생성 소프트웨어 개요

Sothink SWF Quicker는 Flash 제작의 기본을 보여줄 프로토타입 응용 프로그램으로 사용되었습니다. 많은 전문가들에 따르면 이 프로그램은 가장 이해하기 쉽고 배우기 쉽습니다.

생성 및 편집 외에도 플래시 편집기는 다른 모든 유형의 웹 애니메이션(GIF, HTML 및 기타 표준)과 작업하는 방법을 "알고 있습니다":

설치 후 프로그램의 사용자 친화적 인터페이스로 이동합니다. 불행히도 인터페이스 언어 스위처의 구석구석을 헤매다가 찾지 못했습니다.

이 응용 프로그램에서 플래시 애니메이션을 만드는 방법을 이해하기 위해 기본 제공 템플릿을 사용합니다. 프로그램을 시작한 직후 템플릿에서 새로 만들기 대화 상자가 나타납니다. 또한 주 메뉴 항목 "파일"을 통해 호출할 수 있습니다. 제안된 옵션 중에서 배너 생성을 선택했습니다.

마법사의 다음 창에서 드롭다운 목록에서 애니메이션이 생성될 템플릿을 선택해야 합니다. 그 아래에는 선택한 템플릿이 재생되는 작은 프레임이 있습니다.

다음 단계에서는 배너의 크기를 설정하고 애니메이션에서 재생될 5개의 텍스트 문구를 입력해야 합니다. 또한 배너를 클릭하여 사용자를 안내할 리소스의 주소를 지정해야 합니다.

프로젝트를 컴파일하고 마법사 창을 닫으면 내장 플레이어에서 결과 비디오를 볼 수 있습니다. 이렇게 하려면 상단의 녹색 화살표를 클릭하십시오.

플레이어를 닫은 후 애플리케이션의 인터페이스를 자세히 살펴보겠습니다. 두 개의 기본 창으로 구성되어 있습니다. 상단은 비디오의 시간 간격을 편집하기 위한 것이고 하단은 일반적인 창으로 구성됩니다. 그래픽 편집기. 각 요소는 별도의 레이어에 있으며 다음을 사용하여 편집할 수 있습니다. 표준 도구사이드바에 있습니다.

이 문서에서는 간단한 단계를 통해 Adobe Flash CS5를 시작하는 방법을 보여줍니다. 수업의 주제는 간단한 애니메이션이며 인터페이스와 프로그램의 복잡성을 탐구하지 않고 만들 것입니다.

새 플래시 문서 만들기

프로그램을 열고 생성 새 문서"액션스크립트 3.0".

다음 애니메이션을 위해 오브젝트를 그려봅시다

이제 원을 그려봅시다. 오른쪽 패널에서 "타원형" 도구를 선택하고 마우스 왼쪽 버튼과 키보드의 "Shift" 버튼을 누른 상태에서 흰색 배경에 원을 그립니다.

선택 도구를 사용하여 새로 생성된 개체를 마우스로 클릭하거나 사각형 선택으로 드래그하여 선택합니다.

간단한 애니메이션을 위해 객체를 심볼로 변환

을 위한 추가 작업개체를 문자로 변환해야 합니다. 원이 이미 선택되어 있으므로 마우스 오른쪽 버튼을 누르고 컨텍스트 메뉴"심볼로 변환"을 선택하십시오.

"유형" 목록에서 "그래픽"을 선택합니다.

이제 객체 주위에 파란색 사각형이 나타나야 합니다.

클래식 애니메이션 만들기(클래식 트윈)

애니메이션을 만들기 위해서는 " 키 프레임» .

하단 패널에는 애니메이션 배율이 있고 25번째 프레임을 선택하고 마우스 오른쪽 버튼을 누르면 나타나는 컨텍스트 메뉴에서 "키프레임 삽입"을 선택합니다.

원을 선택하고 마우스 왼쪽 버튼을 누른 채 오른쪽으로 이동합니다.

애니메이션 스케일에서 첫 번째 프레임을 선택하고 상단 메인 메뉴의 "삽입" 항목에서 "클래식 트윈"을 선택합니다.

생성된 애니메이션 보기

이제 애니메이션을 볼 수 있습니다. 주 메뉴의 "제어" 항목에서 "재생"을 선택합니다.

원에 "사라지는" 효과를 추가해 봅시다. 이렇게 하려면 개체를 다시 선택하고 "색상 효과" 메뉴의 오른쪽 패널에서 "알파"를 선택하고 값을 "0"으로 설정합니다.

무슨 일이 있었는지 봅시다. "제어"항목으로 이동하여 "재생"을 선택하십시오.

기성품 애플릿을 사용하여 플래시 애니메이션을 만들기 위한 무료 프로그램입니다.

제 생각에는 많은 분들이 자신만의 사이트를 만들려고 시도한 적이 있을 것입니다(또는 매우 인기 있는 포털을 소유하고 있을 수도 있습니다).

어떤 식 으로든 모든 사람은 웹 페이지의 효과적인 디자인 문제에 직면했습니다. 그리고 정적 HTML 코드가 서서히 과거의 일이 되어감에 따라 오늘날 많은 사람들이 JavaScript 및 Flash와 같은 인기 있는 기술에 관심을 돌리고 있습니다. 고급 기능으로 아름다운 애니메이션 동적 페이지를 만들 수 있습니다.

전문가가 작은 애니메이션 플래시 배너를 만드는 것은 어렵지 않을 것입니다. 그러나 나머지 미숙한 사람들은 어떻습니까? 프로그래밍 언어에 대한 세심한 연구가 즉각적인 계획에 포함되어 있지 않다면 항상 그렇듯이 전문 소프트웨어의 도움을 받을 수 있습니다. 오늘 우리는 프로그램 작업의 기본 사항에 대해 알게 될 것입니다. 고급 효과 메이커.

이 유틸리티를 사용하면 "처음부터" 그리고 기성 템플릿을 기반으로 모든 종류의 플래시 및 JavaScript 효과를 만들 수 있습니다! Advanced Effect Maker는 기성 효과의 수와 사용자 자유도가 다른 여러 버전으로 존재합니다. 최대 구성과 무료 구성을 비교해 보겠습니다.

Flash Editor Advanced Effect Maker Free Edition의 무료 버전과 Commercial Edition의 상용 버전 비교

가장 큰 단점 무료 버전프로그램 - 생성된 배너를 클릭한 후에만 일부 기성품 효과를 볼 수 있는 일종의 preaplouder가 있습니다. 이것은 모든 차이점이 기본적으로 끝나는 곳입니다 :).

프로그램 설치

Advanced Effect Maker 설치는 표준 방식으로 이루어지므로 바로 프로그램으로 작업해 보겠습니다.

처음 시작할 때 라이센스 계약. 동의하려면 "동의함" 버튼을 클릭하십시오. 그런 다음 유틸리티 인터페이스 연구를 시작할 수 있습니다.

편집기와 인터페이스 및 작업

에도 불구하고 영어, 모든 것이 간단하고 명확합니다. Advanced Effect Maker 창은 두 부분으로 나뉩니다. 왼쪽에는 두 개의 큰 버튼만 있습니다. 첫 번째 버튼은 사용 가능한 효과 갤러리로 들어가는 것이고 두 번째 버튼은 추가 애플릿을 추가하기 위한 것입니다(구매하려는 경우). 오른쪽에는 하위 섹션과 미리 보기 창, 효과 편집 영역이 있는 사용 가능한 템플릿 카탈로그가 있습니다.

원하는 템플릿 편집을 시작하려면 해당 이미지를 클릭하고 작동 방식을 보려면 그림 아래의 "미리보기" 비문을 클릭하십시오.

원하는 효과를 열면 파일이 이미 존재한다는 메시지가 표시될 수 있습니다. 이런 일이 발생하면 "확인" 버튼을 눌러 무시하십시오.

템플릿이 성공적으로 열리면 모든 종류의 설정이 포함된 여러 탭을 볼 수 있습니다.

프로그램 설정 및 애니메이션 제작

첫 번째 탭은 일반입니다. 그것은 포함한다 일반 설정프로젝트. 일반적으로 치수(너비 - 너비 및 높이 - 높이), 이름(파일 이름), 향후 파일 품질(품질) 및 플래시 동영상 창 모드(창 모드)입니다.

두 번째 탭인 "색상"은 이름에서 알 수 있듯이 프로젝트에 사용된 색상을 담당합니다. 여기에서 모든 것이 매우 명확하므로 다음 "메시지"로 넘어 갑시다.

여기에 두 개의 필드가 있습니다. 첫 번째 필드(왼쪽)에는 특수 효과로 표시해야 하는 텍스트를 입력하고 두 번째 필드에는 사용자가 배너를 클릭하여 따라갈 링크를 입력합니다. Advanced Effect Maker의 장점은 텍스트(링크 포함)를 무제한으로 입력할 수 있다는 것입니다. 그러나 가장 큰 단점은 러시아어 지원이 없다는 것입니다 :(.

다음 두 탭은 각각 글꼴(Fonts) 및 애니메이션 속성(Others)을 관리하는 데 사용됩니다. 한 가지 주의 사항: 대체 TTF 글꼴을 사용하려면 먼저 해당 글꼴을 Advanced Effect Maker와 호환되도록 변환해야 합니다. 이렇게 하려면 "도구" 메뉴에서 "글꼴 변환" 도구를 호출하고 원하는 글꼴을 선택한 후 "변환" 버튼을 클릭합니다.

모든 변경이 완료되면 "애플릿 생성" 버튼을 클릭할 수 있습니다. 그런 다음 프로젝트 대상 폴더에 SWF(직접 애니메이션) 및 HTML(결과 애니메이션을 페이지 코드에 포함하기 위한 지침 포함)의 두 파일이 생성됩니다.

작업 저장

하지만 그게 다가 아닙니다. Advanced Effect Maker를 사용하면 기존 효과를 기반으로 또는 완전히 처음부터 자신만의 효과를 만들 수 있습니다! 이렇게 하려면 "도구" 메뉴로 이동하여 "플러그인 메이커" 항목을 활성화하십시오.

여기에서 먼저 새 프로젝트의 이름과 일부 다른 매개변수(선택 사항)를 설정해야 합니다. 그런 다음 "애플릿 만들기" 버튼을 누르면 효과 편집기 창으로 바로 이동합니다.

여기에는 미래 효과 시나리오에 몇 가지 표준 기능을 입력할 수 있는 몇 가지 버튼이 있습니다. 유일한 문제는 필요한 모든 변수와 값을 직접 수동으로 입력해야 하며 여기에는 ActionScript 또는 JavaScript의 일부 프로그래밍 기술이 이미 필요하다는 것입니다.

결론

Advanced Effect Maker는 아주 멋진 배너, 애니메이션 메뉴, 슬라이드쇼, 심지어 작은 게임(예: 태그)까지 손쉽게 만들 수 있기 때문에 초보 웹 디자이너의 입맛에 맞을 수 있습니다. preaplouder 형태의 단점(선택한 효과에서 사용 가능한 경우)은 SWF 파일용 특수 디컴파일러 프로그램(무료 포함)을 사용하여 제거할 수 있습니다.

모든 노력과 창조적 인 성공에 행운을 빕니다!

추신 소스에 대한 열린 활성 링크가 표시되고 Ruslan Tertyshny의 저자가 유지되는 경우 이 기사를 자유롭게 복사하고 인용할 수 있습니다.

우리는 인터넷과 TV에서 항상 플래시 애니메이션을 봅니다. Flash 기술을 사용하여 간단한 플래시 애니메이션을 만드는 것은 매우 간단한 작업입니다. 유용한 도구전체 프로세스를 더 쉽게 만듭니다. 플래시 애니메이션이나 만화를 만들고 싶다면 몇 시간 만에 스케치할 수 있습니다.

단계

1 부

프레임별 플래시 애니메이션

프레임별 애니메이션 기본 사항.이 방법은 "전통적인" 애니메이션을 만드는 주요 방법으로 간주되며, 각 후속 프레임에는 하나의 약간 수정된 이미지가 포함됩니다. 모든 프레임을 재생할 때 이미지가 "생생하게 나타납니다". 이 동일한 방법은 자유형 만화 애니메이터에 의해 사용되며 트위닝보다 시간이 더 걸립니다(다음 섹션 참조).

• 기본적으로 Flash는 초당 24프레임(FPS)으로 렌더링합니다. 즉, 1초에 24개의 프레임이 표시되지만 모두 다를 필요는 없습니다. 원하는 경우 이 설정을 12fps로 변경할 수 있지만 24fps에서는 애니메이션이 더 "부드럽게" 재생됩니다.

1. 플래시 프로를 설치합니다.플래시 애니메이션을 만들기 위한 많은 프로그램이 있지만 가장 강력한 것은 Adobe Flash Professional CC입니다. 이 프로그램의 무료 평가판을 설치하거나 다른 제품을 사용할 수 있습니다(Adobe Creative Cloud에 등록하지 않으려는 경우). 이 문서의 나머지 부분에서는 Flash Professional을 사용하는 방법에 대해 설명합니다.

   프레임별 애니메이션에는 여러 이미지(서로 약간 다름)가 필요하므로 이러한 이미지를 수동으로 만들어야 합니다. 이렇게 하려면 Adobe Flash Professional을 사용하거나 그래픽 편집기에서 이미지를 그립니다.

   • 이미지의 품질을 잃지 않고 쉽게 크기를 조정하려면 다음 대신 벡터 이미지를 만드십시오. 래스터 그래픽. 벡터 이미지는 크기가 조정될 때 자체적으로 다시 그려집니다(즉, 픽셀화 또는 앤티앨리어싱을 피할 수 있음). 래스터 이미지는 사진, 그림 등과 같은 전통적인 이미지입니다. 그러한 이미지를 확대하려고 하면 매우 왜곡된 사진을 얻을 수 있습니다.

2. 첫 번째 프레임을 만듭니다. Adobe Flash Professional을 처음 시작하면 빈 캔버스(레이어)와 빈 타임라인이 표시됩니다. 프레임이 추가되면 타임라인이 자동으로 채워집니다. Photoshop에서와 마찬가지로 레이어로 작업할 수 있습니다.

   • 이미지를 추가하기 전에 애니메이션의 기본 배경을 만드십시오. "레이어 1"의 이름을 "배경"으로 바꾼 다음 잘라냅니다. 두 번째 레이어를 만들고 원하는 대로 이름을 지정합니다. 이것은 애니메이션을 만들 레이어가 됩니다.
   • 첫 번째 프레임의 캔버스에 그림을 추가합니다. 컴퓨터에서 도면을 가져오거나 그리기 도구를 사용하여 프로그램에서 직접 도면을 작성할 수 있습니다.
   • 첫 번째 프레임은 "키" 프레임입니다. 키 프레임은 이미지를 포함하고 애니메이션의 기초("백본")를 형성하는 프레임입니다. 이미지를 변경할 때마다 새 키프레임을 만듭니다.
   • 타임라인의 키프레임은 검은색 점으로 표시됩니다.
   • 모든 후속 프레임에 키프레임이 필요하지 않습니다. 좋은 애니메이션을 만들려면 4~5프레임마다 키프레임을 만드세요.

3. 이미지를 기호로 변환합니다.이 경우 프레임에 이미지를 여러 번 추가할 수 있습니다. 이것은 한 프레임에 같은 유형의 여러 이미지를 빠르게 추가해야 하는 경우에 특히 유용합니다(예: 수족관의 물고기).

   • 도면을 선택합니다. 딸깍 하는 소리 마우스 오른쪽 버튼으로 클릭그림을 클릭하고 "심볼로 변환"(심볼로 변환)을 선택하십시오. 이미지는 라이브러리에 추가되어 앞으로 더 쉽게 사용할 수 있습니다.
   • 도면을 삭제합니다. 걱정하지 마세요. 라이브러리에서 간단한 드래그 앤 드롭으로 프레임에 추가할 수 있습니다. 이렇게 하면 프레임에 같은 그림을 여러 번 추가할 수 있습니다.

4. 빈 프레임을 추가합니다.첫 번째 키프레임이 완성되면 빈 프레임을 삽입한 다음 두 번째 키프레임을 만들기 시작합니다. F5 키(4~5회)를 눌러 첫 번째 키프레임 뒤에 빈 프레임을 추가합니다.

   두 번째 키프레임을 만듭니다(빈 프레임을 추가한 후).두 가지가있다 다양한 방법이렇게 하려면 기존 키프레임을 복사하고 약간 변경하거나 빈 키프레임을 만들고 새 이미지를 추가할 수 있습니다. 다른 프로그램에서 작성한 도면을 사용하는 경우 두 번째 방법을 사용하십시오. Adobe Flash Professional 그리기 도구로 만든 이미지를 삽입하는 경우 첫 번째 방법을 사용하십시오.

   • 이전 키프레임의 내용을 사용하여 키프레임을 만들려면 F6 키를 누릅니다. 빈 키프레임을 만들려면 타임라인의 마지막 프레임을 마우스 오른쪽 버튼으로 클릭하고 빈 키프레임 삽입을 선택합니다.
   • 두 번째 키프레임을 만든 후에는 애니메이션에 생기를 불어넣으려면 해당 이미지를 변경해야 합니다. Adobe Flash Professional의 그리기 도구를 사용한 경우 변형 도구를 선택하여 그림의 요소(예: 캐릭터의 손)를 선택하고 수정합니다.
   • 각 키프레임에 새 이미지를 삽입하는 경우 이미지가 올바른 위치에 있는지 확인하십시오(논리적 프레임 순서에 따라).

5. 과정을 반복합니다.두 개의 키프레임을 만든 후 프로세스를 반복합니다. 각 키프레임 사이에 몇 개의 빈 프레임을 추가하고 애니메이션이 "부드럽게" 재생되는지 확인합니다.

   • 작은 변화를 만드십시오. 변경 사항이 작을수록 애니메이션이 더 부드럽게 재생됩니다. 예를 들어 캐릭터가 손을 들도록 하려면 두 번째 키프레임에 이미 손을 든 캐릭터를 보여주는 그림이 포함되어서는 안 됩니다. 대신 몇 개의 키프레임을 사용하여 내린 손에서 올린 손으로 전환합니다. 이 경우 애니메이션이 더 부드러워집니다.

6. 도면을 변환합니다.키프레임과 경로를 만든 후에는 쌍둥이의 경로를 따라 이동할 때 부드럽게 변경되도록 이미지를 변환할 수 있습니다. 이미지의 모양, 색상, 기울기, 크기 및 기타 측면을 변경할 수 있습니다.

   • 그림을 변형할 프레임을 선택합니다.
   • 도면 속성 패널을 엽니다. 이렇게 하려면 F3 키를 누릅니다.
   • 도면 속성 창에서 매개변수 값을 변경합니다. 예를 들어 색조 또는 색상을 변경하고 필터를 추가하고 크기를 변경할 수 있습니다.
   • 자유 변형 도구를 사용하여 원하는 대로 그림을 변경할 수도 있습니다.

7. 마무리 작업을 추가합니다. Ctrl + Enter를 눌러 생성된 애니메이션을 확인합니다. 그림(캐릭터)이 올바르게 변경되고 애니메이션이 올바른 속도로 재생되는지 확인하십시오. 애니메이션이 너무 빨리 재생되면 FPS 값을 줄이거나 트윈 지속 시간을 늘리십시오.

   • 기본 FPS는 24이므로 12로 낮추십시오. 속성 패널에서 FPS 값을 변경하십시오. 그러나 FPS = 12에서는 애니메이션이 원활하게 재생되지 않을 수 있습니다.
   • 트윈의 지속 시간을 변경하려면 트윈이 포함된 레이어를 선택하고 슬라이더를 사용하여 트윈의 지속 시간을 변경합니다. 트윈 길이를 두 배로 늘리려면 슬라이더를 48프레임으로 이동합니다. 애니메이션 중간에 배경이 사라지지 않도록 빈 프레임에 배경을 붙여 넣는 것을 잊지 마십시오. 이렇게 하려면 다음을 선택하십시오. 새 레이어, 애니메이션의 마지막 프레임(타임라인에서)을 클릭한 다음 F5 키를 누릅니다.

3부

음향 효과 및 음악 추가

1. 녹음 또는 다운로드 음향 효과그리고 음악.애니메이션에 사운드 효과를 추가하여 더욱 임팩트 있게 만들 수 있습니다. 음악은 애니메이션을 더욱 흥미롭게 만들고 좋은 애니메이션을 멋진 애니메이션으로 만들 수 있습니다. Flash는 AAC, MP3, WAV 및 AU를 포함한 다양한 오디오 파일 형식을 지원합니다. 가장 작은 파일 크기로 높은 음질을 보장하는 형식을 선택하십시오.

   • MP3 형식은 최소 파일 크기로 고품질 사운드를 보장합니다. WAV 파일이 큽니다.

2. 오디오 파일을 라이브러리로 가져와 애니메이션에 사운드와 음악을 빠르게 추가할 수 있습니다."파일" - "가져오기" - "라이브러리로 가져오기"를 클릭합니다. 컴퓨터에서 오디오 파일을 찾습니다. 빨리 찾을 수 있도록 오디오 파일의 이름이 기억하기 쉬운지 확인하십시오.

   각 오디오 파일에 대해 새 레이어를 만듭니다.이것은 필수 사항이 아니며 기존 레이어에 사운드를 추가할 수 있지만 별도의 레이어에 오디오 파일을 붙여넣으면 애니메이션의 사운드트랙을 더 잘 제어할 수 있습니다.

   오디오 재생을 시작할 키프레임을 만듭니다.사운드 레이어에서 사운드 재생을 시작할 애니메이션 프레임을 선택합니다. F7 키를 눌러 빈 키프레임을 삽입합니다. 예를 들어 애니메이션 전체에 재생되는 오디오 파일을 삽입하려면 오디오 파일 레이어에서 첫 번째 프레임을 선택합니다. 캐릭터의 음성을 추가하는 경우 캐릭터가 말하기 시작하는 프레임을 선택합니다.