Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Другие методич. материалы / Создание простой анимации движения
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Создание простой анимации движения

библиотека
материалов

23




Что такое Flash?


Flash - это технология создания двухмерной анимации (т.е. анимации на плоскости).

В ней используется главным образом векторная графика, т.е. изображения строятся из отдель­ных геометрических фигур (отрезков, кривых, прямоугольников, кругов).

В отличие от растровых (точечных) рисунков векторные рисунки описываются математиче­скими формулами и потому не искажаются при изменении размеров.

На рисунке слева показанные растровый и векторный круги одинакового размера, а на рисунке дело — части этих кругов 16-при кратном увеличении (красные линии отвечают векторной фи­гуре).

hello_html_m7813ae9c.pnghello_html_fcdb952.png


Векторные рисунки требуют значительно меньше места в памяти для хранения, чем растровые который разрешает использовать Flash-анимацию на Web-страницах. Правда, для просмотра таких роликов необходимо установить специальную программу-проигрыватель, которая может быть свободно выкатанная из сайта фирмы Adobe.

Технология Flash разрешает

  • создавать анимационное изображение;

  • строить интерактивные ролики, которые реагируют на действии пользователя;

  • строить сложные динамические меню;

  • проигрывать видеофильмы.

В тот же время она владеет серьезными недостатками

  • увеличивается размер Web-страницы, которая часто неоправданно;

  • при проигрывании Flash-роликов сильно загружается процессор;

  • содержимое Flash-роликов не доступное для поисковых систем;

  • не решенная проблема анимации объемных фигур.




1. Теоретические аспекты Flash- презентации

История Flash началась в 1996 году, когда компания Macromedia выпустила продукт под назва­нием Flash. В 2005 г. фирма Adobe купила Macromedia вместе с ее продуктами, включая Flash. Последняя на нынешний день версия программы называется Adobe Flash 9 (Cs3).

На рисунке слева показанный логотип Flash фирмы Macromediaа дело — новый логотип фирмы Adobe.

Macromedia Flash Adobe Flash

hello_html_m352a393a.pnghello_html_m23332fbf.png


1.1 Форматы файлов

С технологией Flash связано несколько форматов файлов. Наиболее известные три из них.

Файлы с расширением .FLA (Flash Animation) - это исходные файлы Flash-роликов, их можно редактировать. Для размещения в Интернете их надо «опубликовать», превратив на SWF-файл.

Файлы с расширением .SWF (Shockwave Flash) готовы к размещению в Интернете. Их нельзя изменить в редакторе. Существующие программы для превращения SWF-файлов в FLA-файлы не разрешают полностью восстановить исходный файл ролика. Кроме того, такое преобразова­ние поднимает права автора.

Файлы с расширением .FLV (Flash Video) есть видеороликами, которые можно проигрывать на Web-страницах с помощью специального Flash-проигрывателя.

1.2 Стартовое окно

После запуска программы на экране появляется стартовое меню.

hello_html_719df20a.png


В нем три колонки:

  • Open а Recent Item - открыть один из последних документов. Вариант hello_html_5809e134.jpg Open... разре­шает выбрать файл на диске.

  • Create New - создать новый документ. Мы будем создавать документы типа Flash File (Actionscript 2.0) - анимацию с поддержкой языка программирования Actionscript 2.0.

  • Create from Template - создать документ стандартного типа из шаблона, например, реклам­ный банер (Advertising).

Файловые операции выполняются так, как и в других программах, поэтому мы на них не оста­навливаемся. Отметим лишь, что пункт меню Файл — Open Recent разрешает открыть файл, который недавно использовался, выбрав его из списка.


1.3. Исследуем готовый фильм

Главное окно

hello_html_2298d07b.png



В центре окна расположенная сцена - поле, на котором происходит действие фильма. На ри­сунке сцена имеет черный цвет, для нового документа - по обыкновению белый.

Если разместить объект вне сцены (на сером фоне), его не будет видно, но может потом поя­виться в кадре, когда потребуется.

С помощью элементов панели Properties (Свойства) расположенной ниже сцены, можно изме­нить свойства выделенного объекту. После загрузки фильма ничего не выделено, поэтому мы видим свойства всего документа:

  • размер поля (Size) - 550 на 400 пікселів;

  • цвет фона (Background) - черный;

  • скорость проигрывания (Frame rate) — число кадров, которые сменялись за 1 секунду (fps = frames per second).

Для быстрого вызова панели Properties довольно нажать клавиши Ctrl+f3.

Комбинация Ctrl+j выводит на экран окно свойств документа (меню Modify-document).

Слева от сцены расположенная панель инструментов, которая содержит инструменты для рисо­вания, выделение и изменения свойств векторных фигур. Дело находятся дополнительные па­нели: библиотека объектов (Library), выбор цвета (Color) и прочие.

Границы между панелями можно перетягивать мышкой. Нажав кнопку F4 можно максимально освободить место для сцены, убрав все панели. Повторное нажатие F4 восстанавливает стан­дартный режим.

Временная шкала

Над сценой расположенная временная шкала (Timeline). Числа над шкалой обозначают номера кадров (в этом фильме 40 рабочих кадров).

Кнопка hello_html_551f9ba9.jpg на границе между временной шкалой и сценой разрешает убрать с экрану времен­ную шкалу и включить ее снова.

Некоторые кадры отмечены точками hello_html_m2d191220.jpg. Они называются ключевыми - в них происходят важ­ные изменения. В сдаче кадров (промежуточных) изображения не меняется или строится про­граммой автоматически. Например, здесь ключевыми есть 1-и и 40-ой кадры (начальное и ко­нечное положения ракеты), все кадры между ними - промежуточные, дорога ракеты рассчитана автоматически.

Красный прямоугольник hello_html_m4efd67a2.jpg над линейкой кадров — это читающая головка. Кадр, над которым она находится, изображает на сцене. Головку можно перетягивать мышкой, таким образом про­игрывая фильм вручную.

На временной шкале может быть несколько линеек с кадрами. Это означает, что в фильме есть несколько пластов. Для каждого пласта может строиться собственная анимация. Удобно каж­дый объект размещать на своем пласте. Имена пластов показанные слева от временной шкалы. В данном документе есть всего один пласт Layer 1.

Программа разрешает открывать одновременно несколько файлов. Их имена видно на ярлычках над временной шкалой:

hello_html_m5247a73b.png



Для перехода к нужному файлу довольно щелкнуть мышью на его имени. Звездочка по правую сторону от лица файла означает, что в нем были сделаны изменения, которые не сохранены на диске.

Просмотр фильма

Для быстрого просмотра фильма «на месте» можно нажать клавишу Enter тем не менее при этом не все эффекты анимации будут работать.

Для того, чтобы просмотреть фильм со всеми эффектами надо нажать Ctrl+enter или выбрать пункт меню Control — Test movie. При этом фильм откроется в отдельном окне.

Изменение масштаба

Небольшое окно над правым верхнему углом сцены показывает масштаб изображения. hello_html_m2e32082a.png

Вариант Show Frame регулирует размеры так, чтобы все объекты данного кадра были видные, при выборе Fit in Window сцена «вписывается» в свободное место, которое осталось, при каж­дом изменении размеров окна. Show All означает «показать все объекты».

Изменить масштаб можно также с помощью меню View - Magnification или включив инстру­мент hello_html_2c32be44.jpg Zoom (Масштаб) на панели инструментов. При использовании инструмента Zoom клаца­нье мышью приводит к увеличению изображения в 2 раза, центр видимой части переме­щается в точку клацанья. Для уменьшения изображения надо при клацанье удерживать кла­вишу Alt.

При больших увеличениях часто надо переместить «окно» (видимую часть изображения) в нужное место. Для этого можно использовать линейки прокрутки или инструмент hello_html_m76f2db99.jpg Hand (Рука), который разрешает «схватить и перетянуть» изображение в нужную точку. Инструмент Hand можно включить временно, удерживая клавишу «пропуск».

Публикация и экспорт

Публикация — это сохранение фильма в формате SWF и создание Web-страницы (файла на языке HTML), в которую встроенный наш ролик.

Экспортом называется сохранение фильма в каком-нибудь другом формате, который не явля­ется «родным» для среды Flash. Для экспорта фильма надо выбрать пункт меню File—export—export Movie. После этого появится диалоговое окно сохранения файла. В поле Тип файла нужно установить нужен формат и ввести имя файла (или оставить имя по умолчанию). На эк­ран будет выведено окно с параметрами сохранения (здесь можно поменять размер окна и уста­новить желательное качество).


1.4. Контуры

Цвета

Векторный рисунок в программе Flash состоит из отдельных элементов, которые задаются уз­ловыми точками (anchor points). Это могут быть отрезки, ломанные, прямоугольники, овалы и др. Некоторые из этих инструментов


  • Line - линия hello_html_m3d186850.jpg Pencil - карандаш hello_html_4af93853.jpgPen - перо рисуют лишь контуры (stroke), другие


  • Brush - кисть создают лишь области (заливки, fill) без контура, а третьи


  • hello_html_m127e0a24.jpgRectangle - прямоугольник hello_html_38e0edb8.jpgOval - овал имеют контур и заливку.


Цвет контура можно выбрать с помощью кнопки hello_html_64fe5ae5.png на панели инструментов, а цвет заливки - с помощью кнопки hello_html_64654f60.png. При этом приоткрывается окно с палитрой:

hello_html_m40311be4.png

В верхнем левом уголке палитры показанный код цвета (в шістнадцятковій системе). Параметр Alpha управляет прозрачностью: при Alpha=100% цвет полностью непрозрачный, при Alpha=0% - полностью прозрачный.

Кнопка hello_html_13aa3060.jpg в правом верхнем уголке палитры разрешает выбрать прозрачный цвет (у фигуры не будет контура или заливки), а кнопка hello_html_m7dff3f28.jpg вызывает стандартный диалог выбора цвета (если цве­тов, включенных в палитру, не хватает).

В нижней ленте палитры можно выбрать градієнтні заливки. Дальше мы будем самые строить такие заливки с помощью панели Colors (она расположена в правом верхнем уголке экрану).

hello_html_2cb9edb2.png

Ниже за кнопки выбора цвета в палитре инструментов находятся еще три вспомогательных кнопки: hello_html_m58c49a30.jpg— установить черный контур и белый цвет заливки; hello_html_ce476b7.jpg— поменять цвета контура и заливки; hello_html_430ba230.jpg— выбрать прозрачный цвет (нет или контура заливки). к началу


Линии

Для рисования линии предназначены три инструмента:


  • Pencil - карандаш hello_html_453fcda0.jpgLine - линия hello_html_4af93853.jpg Pen - перо

Карандаш

Карандаш рисует так же, как и в редакторе Paint.

Наверно вы заметили, что стороны квадрата оказались равными, несмотря на то, что вы про­вели их кое-что кривувато. Вещь в потому, что Flash старается «улучшить» линию, а метод «улучшение» выбирается из дополнительного меню Options (режимы, налаживания)которое появляется в нижней части панели инструментов. Меню для инструмента Pencil (см. рисунок справа) содержит 3 режима: hello_html_m3eb98a36.png

  • Straighten - выпрямлять;

  • Smooth - сглаживать;

  • Ink - не изменять.

Сейчас включенный вариант Straighten - это объясняет полученный эффект выпрямления сто­рон квадрата.

В меню Modify-shape есть команды Straighten, Smooth и Optimize, предназначенные для обра­ботки уже нарисованных контуров:

  • Straighten - выпрямить, линия становится прямішою;

  • Smooth - сгладить углы;

  • Optimize — попробовать уменьшить количество узлов.

Метод Optimize разрешает уменьшить количество узлов линии. Это очень важно, ведь чем больше узлов, тем более времени нужно на рисование линии, особенно при анимации.


При выборе пункта меню Modify-shape-optimize появляется окно точного налаживания. После окончания действия выводит сообщение о результатах: сколько было сегментов (участков) в исходной кривой (original shape), сколько осталось (optimized shape) и какой процент упрощения (reduction).

Линия

Инструмент hello_html_453fcda0.jpg Line (линия) работает так же, как и в редакторе Paint — рисует отрезки выбранного цвета. Включите инструмент Line и нарисуйте несколько отрезков разных цветов.

Параметры

При включении инструмента Pencil или Line на панели Properties (свойства) в нижней части экрана появляются элементы для налаживания свойств будущих линий.


hello_html_38f67c68.png



В левом верхнем уголке - кнопка для выбора цвета линии, такая же, как и на панели инструментов. Правее - окно для выбора толщины линии (сейчас установленная толщина 0,25), при клацанье на стрелке дело появляется прокрутка, которой можно изменить значение. Еще правее - список для выбора стиля линии (сейчас выбранный вариант Solid - сплошная линия). Кнопка Custom разрешает создать новый стиль линии. Остальные параметры:

Scale определяет, как будут меняться размеры объекту при изменении размеров фильма;

Stroke hinting разрешает улучшить качество округленных участков, для мелких элементов;

Caps определяет стиль конечных точек линий (резкий обрыв, округлении, дорисовывать квадрат). Разность видно лишь при большом увеличении или для толстых линий: hello_html_3ac0d7c6.png

Join задает стиль углов:

hello_html_m1205d8e6.png

1.5 Направляющие

Вставка кадра

Мы продолжим рисование на чистом листе. Лишь бы не удалять все нарисованное, можно просто перейти на новый кадр. Для этого его надо создать.

Существует два вида кадров: ключевые и промежуточные. В ключевых кадрах происходит важное изменение изображения, В промежуточных картинка не изменяется или строится программой автоматически.

Для вставки кадра выделим клацаньем нужен кадр на шкале времени (над сценой) и нажмем одну из клавишу:

  • F5 (меню Insert-timeline-frame) - промежуточный кадр;

  • F6 (меню Insert-timeline-keyframe) - ключевой кадр, изображения копируется из предыдущего ключевого кадра;

  • F7 (меню Insert-timeline-blank Keyframe) - пустой ключевой кадр.

Кроме того, можно использовать контекстное (всплывающее меню): щелкнуть правой кнопкой на нужном кадре и выбрать команду Insert Frame, Insert Keyframe или Insert Blank Keyframe.

В результате в кадре 2 должна появиться жирная точка, сцена должна быть пустая.

hello_html_m2ae9190c.png

Направляющие

Направляющие - это линии, которые помогают выравнивать элементы рисунка. Лишь бы прибавить направляющие, включите линейки, выбрав пункт меню View-rulers (на линейках данная разметка в пикселях) и View-Grid-Show Grid. Потом надо нажать левую кнопку мыши на линейке и, не отпуская ее, «вытянуть» направляющие на сцену.

Лишь бы убрать линии, просто перетяните их за границы сцены.

Направляющие иногда надо временно припрятать (убрать с экрану), лишь бы они не мешали при работе. Для этого нужно нажать клавиши Ctrl+; или выбрать пункт меню View-guides-show Guides.

Другие операции с направляющими можно найти в меню View—guides.

1.6 Покадровая анимация

Работа с кадрами

Покадровая анимация заключается в том, что каждый кадр фильма рисуется отдельно, и они быстро изменяют друг друга. При частоте 24 кадры в секунду и выше за человек воспринимает такие изменения как беспрерывное движение.


Кадры изображают серыми прямоугольниками на временной шкале. Как вы уже знаете, бывают кадры двух типов:

  • ключевые - в них происходит важное изменение изображения;

  • промежуточные - в них изображения не меняется или строится программой автоматически.

Кадры можно перемещать, копировать и удалять. Для перемещения надо выделить кадр клацаньем и перетянуть его в новое место на временной шкале. На старом месте остается обычный (промежуточный) кадр, т.е. изображение будет скопировано из ближайшего слева ключевого кадра.

Если при перетягивании кадра удерживать клавишу Alt, то кадр копируется в новое место (на это указывает знак «плюс» возле курсора).

Для удаления кадра надо выделить его, удерживая правую кнопку мыши и выбрать команду Remove Frames (удалить кадры) из контекстного меню.

Эти операции можно выполнять и с несколькими выделенными кадрами. Для выделения можно протянуть через них мышку при левой кнопке, нажатой. Клацаньями при клавише, нажатой Ctrl можно выделить «несоседние» кадры.

Для работы с кадрами можно использовать специальный буфер обмена — команды Cut Frames (вырезать) Copy Frames (копировать) и Paste Frames (вставить) из контекстного меню.

Трансформации объектов

Если сейчас попробовать что-то нарисовать на сцене, будут выданы сообщения об ошибке, поскольку рисовать можно лишь в ключевых кадрах, а они все удалены.

Мы сделаем покадрову анимацию, которая изображает увеличение листка.

Сейчас во всех кадрах — одинаковое изображение. Мы изменим фильм так, чтобы на первом кадре был наименьший листок, а потом — все больший и больший. Для уменьшения листа на 1-ому кадре применим инструмент Free Transform (свободные преобразования), который включается кнопкой hello_html_6a5caedb.jpg на панели инструментов, клавишей Q или командой Free Transform из контекстного меню (после нажатия правой кнопки мыши). Вокруг выделенного объекту появляется рамка с маркерами, такая же, как, например, в редакторе Word. Теперь можно:


  • изменить размеры, перетягивая за маркеры (при нажатой клавиши Shift пропорции не меняются, при нажатии Alt точка обращения остается недвижимой);

  • обернуть объект вокруг центра, обозначенного белым кружком (для этого нужно подвести мышь к углу рамки извне, лишь бы курсор приобрел вид ), центр обращения можно перетягивать мышкой;

  • перекосить объект, схватив и потянув мышкой за рамку между маркерами (курсор );

  • перетянуть углы рамки при нажатой клавиши Ctrl.

Другие варианты преобразования применяются с помощью меню Modify-transform. В частности можно

  • обернуть объект на 90 градусов (Rotate 90° CW — clockwise за часовой стрелкой; Rotate 90° CCW — counter-clockwise против часовой стрелки);

  • построить отражение объекту по вертикалу (Flip Vertical) или горизонтали (Flip Horizontal);

  • выполнить тонкое налаживание контура с помощью команды Envelope.

Когда включенный инструмент Transformу нижней части панели инструментов появляются кнопки, которые разрешают включать какой-либо один вид преобразований:

hello_html_m72a3eb57.jpg Rotate and Skew обращение и поворот;

hello_html_2c8e6b2b.jpg Scale изменение размеров;

hello_html_e8e6753.jpg Distort искажение, свободное перетягивание узлов;

hello_html_7022751.jpg Envelope работа по огибающей.


При нажатии клавиш Ctrl+t приоткрывается панель Transform, на которой можно точно задать угол поворота и скоса. При всех трансформациях объект не «портится». Если надо отменить все преобразования и возвратить его к исходному виду, выберите пункт меню Modify-transform-remove Transform.


2. Подготовка к установке Flash MX 2008

2.1 Системные требования

Прежде чем приступить кустановке Flash MX 2008 и вспомогательных приложений, мы должны убедиться в том, что наш компьютер удовлетворяет минимальным системным требованиям. Мы можем создавать объекты Flash на компьютерах под управлением операционных систем Windows и Macintosh. Как Flash-разработчику, нам также

необходимо знать системные требования для просмотра наших Flash-роликов в браузере, использующем Macromedia Flash Player. Чтобы просматривать и вносить изменения в разработанный нами объект Flash, пользователям нужно загрузить и установить проигрыватель на свой компьютер. Flash Player распространяется бесплатно, последнюю версию можно получить на сайте www.macromedia.com.

Требования к компьютерам на базе Windows компьютер должен соответствовать следующей

минимальной конфигурации:

• процессор Intel Pentium II I 600 мегагерц (МГц) или аналогичный;

• 128 мегабайт (Мб) оперативной памяти (RAM), рекомендуется 256 Мб или больше;

• 275 Мб свободного места на жестком диске;

• цветовая палитра 16 бит (тысячи цветов), разрешение экрана 1024 на 768 точек;

• Microsoft Windows 98 SE, Windows 2000, Windows XP или более поздняя версия Windows.

Перед работой Flash MX необходимо активизировать через Internet или по телефону.

В первом случае в системе под управлением Windows 98 S E должен быть установлен браузер Microsoft Internet Explorer не ниже версии 5.1.


2.2 Установка Flash MX 2008

1. Вставьте компакт-диск с MacromediaFlash MX 2004 в привод DVD/CD-ROM вашего

компьютера.

2. При необходимости дважды щелкните мышкой на иконке компакт диска, затем дважды щелкните на иконке программы установки. Откроется окно программы установки, представляющее собой экран, на котором будет отображаться работа установочного ПО FlashMX 2008.

3. Нажмите на кнопку Install (Установить) и следуйте инструкциям на экране;

программа установки попросит вас прочитать и принят условия лицензионного соглашения, указать путь установки ПО и ввести серийный номер. В целях предотвращении компьютерного пиратства копания Macromedia теперь требует активизации Flash MX через Internet или по телефону. Предложение об активизации программы появляется во время установки но вы можете отложить эту процедуру на 30 дней. Если вы активизируете программу за время, Flash перестанет работать. Чтобы завершить процедуру активизации, выберите в меню Help (Помощь)

команду Activate Macromedia Flash (Активизировать Macromedia Flash).


hello_html_m58cc1c78.png


hello_html_m46e91bac.png


2.3 Запуск Flash MX 2008

  1. Нажмите кнопку Start (Пуск) на панели задач.

  2. Выберите пункт All Programs (Все программы), затем выберите пункт Macromedia.

  3. Выберите команду Macromedia Flash MX 2008.

  4. Если появится сообщение, запрашивающее разрешение на обновление файлов системы помощи, нажмите Yes (Да).

hello_html_71606e.png

hello_html_4abea547.png










2.4 Просмотр окна Flash

hello_html_m56a3d1db.png


2.5 Создание нового документа

1. Выберите в меню пункт File (Файл), затем выберите пункт New(Новый).

Быстрый запуск. Чтобы создать новый документ, щелкните по ссылке Flash Document (Доку-

мент Flash) на стартовой странице. (D Перейдите к закладке General(Общие).

2. Выберите пункт Flash Document(Документ Flash).

3. Нажмите ОК.



hello_html_m32005d2.png




2.6 Сохранение нового документа

1.Выберите в меню пункт File(Файл), затем - Save As (Сохранить как).

2.Введите имя нового файла.

3.Перейдите к диску или папке, в которой вы хотите сохранить документ.

4.Нажмите кнопку Save (Сохранить).


hello_html_4861d8e7.png


2.7 Использование панели управления для воспроизведения анимации

1. Выберите в меню пункт Window, подведите указатель мыши к меню Toolbars и выполните команду Controller (Панель управления).

2. Щелкните по кнопке Stop, чтобы остановить воспроизведение анимации.

3. Щелкните по кнопке Rewind To Beginning (Перемотать на начало), чтобы вернуться к

первому кадру анимации.

4. Щелкните по кнопке Step Back (Перейти к предыдущему кадру), чтобы вернуться к предыдущемукадру.

5. Щелкните на кнопке Play (Играть), чтобы начать или остановить воспроизведение анимации.

6. Щелкните на кнопке Step Forward (Перейти к следующему кадру), чтобы перейти к

следующему кадру.

7. Щелкните на кнопке Go To End (Перемотать вперед), чтобы перейти к последнему кадру анимации.


2.8 Тестирование анимации во Flash Player

1. Выберите в меню пункт Control (Управление) и выполните команду Test Movie

(Тестировать ролик). Flash экспортирует весь ролик, включая все созданные сцены, в

файл .swf и запустит его воспроизведение во Flash Player.


hello_html_30d22636.pnghello_html_1b20735a.png



3. Создание простой анимации движения

Практическая часть

3.1 Создание I кадра

1. Создала новый документ Flash и щелкнул мышкой в ячейке первого кадра на временной шкале.

2. Выполнила следующее действие:

• нарисовала на рабочем поле при помощи инструментов рисования hello_html_453fcda0.jpg Line рыбу и

преобразовал ее в символ;

• перетащила символ из библиотеки на рабочее поле.

3. Выбрала первый кадр.

4. Щелкнула мышкой на выпадающем меню Tween (Тип автоматической анимации) на панели инспектора свойств и выбрала из появившегося списка пункт Motion (Движение).

5. Щелкнула мышкой в ячейке тридцатого кадра на временной шкале.

6. Выбрала в меню пункт Insert, подвела указатель мыши к пункту Timeline и выполнила команду Frame. Flash отобразила проходящую через диапазон кадров пунктирную линию, которая означает, что создание анимации движения не завершено, или анимация разбита. Кроме

того, соответствующий диапазон кадров окрасился в светло-фиолетовый цвет, указывающий на применение анимации движения.

7. Перетащила объект из тридцатого кадра в другое место рабочего поля. Flash создала второй ключевой кадр и соединила его с первым кадром стрелкой, которая указывает на то, что создание анимации движения завершено.

8. Выбрала в меню пункт Control и выполнил команду Test Movie, чтобы протестировать полученную анимацию. Flash постепенно переместит объект.

Получила первый кадр


hello_html_3d9971ac.png













II кадр

hello_html_m7569271.png


III кадр

hello_html_me6c9f60.png


IV кадр

3.2 Импорт звуковых файлов на рабочее поле

1. Выбрала на временной шкале ключевой кадр, в которой поместила звуковой файл.

2. Выбрала в меню пункт File, подвел указатель мыши к пункту Import и выполнила команду Import To Stage.

3. Выбрала звуковой файл и щелкнула мышкой по кнопке Import (Mac) или Open (Win).

hello_html_m102782ae.png

hello_html_5dc7b922.png



3.3 Импорт звуковых файлов в библиотеку

1. Выбрала в меню пункт File, подвела указатель мыши к пункту Import и выполнила команду Import To Library.

2. Выбрала звуковой файл, и поместила в библиотеку.

3. Щелкнула мышкой по кнопке Import (Mac) или Open (Win).


hello_html_476859f1.pnghello_html_2fdce33d.png


3.4 Добавление звука на временную шкалу из библиотеки активного документа

1. Выбрала в меню пункт Window и выполнила команду Library.

2. Выбрала слой и ключевой кадр на временной шкале, в который поместила звуковой файл.

3. Перетащила звуковой файл из библиотеки непосредственно на рабочее поле. Flash поместила звуковой файл в выбранный ключевой кадр.

hello_html_m1dbce2fc.png

3.5 Сохранение документа в формате Flash MX

1. Выбрала в меню пункт File (Файл), затем - Save As (Сохранить как).

2. Щелкнула мышкой на всплывающем меню Format (Формат) (Мае) или выпадающем списке Save As Туре (Тип файла), выбрала из списка пункт Flash MX Document (документ Flash MX).

3. Ввела имя «Аквариум».

4. Перешела к диску или папке, в которой сохранила документ.

5. Нажала на кнопку Save (Сохранить).

6hello_html_m326d1686.png. Чтобы завершить операцию сохранения, нажала на кнопку Save As Flash MX (Сохранить в формате Flash MX).

hello_html_731167ed.png




В результате получила анимационную картинку «Аквариум»

hello_html_4e4bdca0.png



























4. Вывод

Моя работа имеет практическое значение. Применение технологии Flash позволяет быстро и

эффективно создавать мультимедиа-приложения, оформленные анимацией, аудио- и видеофрагментами и способные реагировать на действия пользователя. Одной из главных особенностей этого пакета является возможность создания выразительных мультимедийных объектов, оптимизированных для размещения в Internet. В тот же время она владеет серьезными недостатками увеличивается размер Web-страницы, которая часто неоправданно; при проигрывании Flash-роликов сильно загружается процессор; содержимое Flash-роликов не доступное для поисковых систем; не решенная проблема анимации объемных фигур.

hello_html_2c32be44.jpghello_html_453fcda0.jpghello_html_m7dca0c14.jpghello_html_m127e0a24.jpghello_html_m3d186850.jpghello_html_m72a3eb57.jpg




Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Автор
Дата добавления 07.01.2016
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров218
Номер материала ДВ-313157
Получить свидетельство о публикации
Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх