Знакомство с редактором макромедиа флеш

Знакомство с программой Macromedia Flash. Создание Flash - анимаций. - информатика, уроки

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

Что мы видим на экране? Интерфейс редактора Macromedia Flash менялся от версии к версии и, в частности, был существенно переработан в версии MXно в лю- Рис. Поскольку в названии урока был обещан быстрый старт, отложим дальнейшее знакомство с редактором на потом и сразу приступим к созданию первого мультфильма. Изобразим исчезающий тающий в процессе перемещения круг. Поскольку вся прелесть флэшек состоит именно в том, что они представляют собой анимированные изображения, представлять их в виде статичных тем более черно-белых иллюстраций довольно затруднительно.

Но при некоторой доле воображения на рис. Впрочем, скоро вы увидите все это на экране своего компьютера. Мультик Исчезающий круг 1. Нарисуем круг Выбираем инструмент Oval Tool рис.

Займемся анимацией На линии времени Timeline выделяем й кадр, затем находясь на м кадре в пункте меню Insert выбираем пункт Frame. Теперь 3 4 4 Рис. Можно выбрать этот пункт и в выпадающем меню для этого надо щелкнуть правой клавишей мыши по му кадру Сделаем й кадр ключевым. Вообще говоря, ключевые кадры играют важнейшую роль в мультфильмах. По сути, именно в ключевых кадрах содержатся объекты, к которым применяются различные преобразования для создания анимации.

Объяснять роль ключевых кадров на пальцах довольно трудно. Ключевой кадр создается посредством выбора пункта KeyFrame в меню Insert Теперь определим для этого кадра эффект.

В пункте меню Window выбираем подпункты Panels Effect, после чего откроется окно Effect рис. Здесь описывается последовательность действий в редакторе Macromedia Flash 5. Мы уже отмечали, что в версии MX интерфейс изменился. Свойства объектов, в частности, свойство Alpha, о котором идет речь дальше, теперь располагаются на панели Properties.

Если 5 этой панели нет на экране, ее можно активизировать, выбрав в меню Window пункт Properties. Для этого выберем пункт меню File Save. Можно сразу просмотреть мультфильм, выбрав в меню Control пункт Test Movie. Но, конечно, гораздо интереснее получить ролик для размещения на HTMLстраничке. При создании мультика вы фактически работаете над файлом в формате Macromedia Flash, в котором сохраняются все настройки и конструктивные элементы. Такой файл, по терминологии фирмы, называется авторским.

Он имеет расширение fla. Разумеется, он не воспринимается браузерами. Для того чтобы поместить мультик в Интернет, его необходимо оттранслировать в swf-файл, который уже может быть просмотрен в браузере и размещен на HTML-страницах. Далее выбираем пункт меню File Publish, после чего в той же папке, где вы сохраняли мультик, появятся два файла: На этом первый урок завершен.

  • Изучение программы "Macromedia Flash-MX"в базовом курсе информатики
  • Знакомство с программой Macromedia Flash. Создание Flash - анимаций.
  • УРОКИ MACROMEDIA FLASH

Рис 6 6 Урок 2. Хамелеон, или Фигура, плавно меняющая цвет В технологии Macromedia Flash имеются три типа анимации рис. В последних двух указываются начальный и конечный кадры, а все остальные редактор просчитывает. В покадровой анимации необходимо самостоятельно прорисовать кадр за кадром, изображение за изображением.

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

Анимация Motion Tween служит для построения движения, но не может существенно изменять форму объектов посредством Motion Tween можно масштабировать, поворачивать или иным образом преобразовывать объект, но нельзя, например, из квадрата сделать круг или наоборот; для этого используют Motion Shape.

Давайте для начала изучим анимацию Motion Tween. На первом уроке был рассмотрен пример с эффектом Alpha. Так разработчики Macromedia Flash назвали эффект изменения альфа-коэффициента непрозрачности. На этом уроке мы рассмотрим эффекты Tint и Advanced. Посредством Tint можно менять цвет объекта, а Advanced фактически представляет собой комбинацию Alpha и Tint. Начнем c эффекта Tint. Нарисуем прямоугольник со скругленными углами. Рис Выберем инструмент Rectangle Tool.

В поле Corner Radius открывшегося окна введем значение В поле Fill Color выберем синий цвет и нарисуем прямоугольник или квадрат с закругленными углами Создадим Motion Tween из 15 кадров. Выберем й кадр и создадим бланк последовательность кадроввыбрав в меню Insert Frame. Далее выделим бланк для этого нужно ухватить линию на Timeline и протянуть ее с 1-го по й кадр или выбрать пункт Select All Frames в выпадающем меню и выберем пункт меню Insert Create Motion Tween.

Выделим последний, й кадр и вставим в него ключевой кадр Insert KeyFrame. Введем эффект Выберем последний, й кадр анимации. Там же, где в первом уроке мы выбирали эффект Alpha, выберем эффект Tint рис. Для эффекта Alpha мы задавали уровень прозрачности в процентахдля Tint можно задать цвет на палитре RGB и уровень яркости в процентах. Мультик с эффектом Tint готов. Протестируйте мультик Control Test Movieчтобы посмотреть, как изменяется цвет.

Для того чтобы одновременно использовать эффект прозрачности Alpha и изменения тона Tint, есть специальный, более сложный эффект Advanced. Добавим анимацию с эффектом Advanced Выделим й кадр и вставим в него ключевой кадр Insert KeyFrame.

Затем выделим й кадр и удалим его содержимое для этого надо выбрать пункт Clear Frames в выпадающем меню или в пункте меню Edit. После этих манипуляций Timeline должна выглядеть, как показано на рис Рис. Выделим й кадр и зададим для него эффект Advanced. Как мы уже отмечали, этот эффект, по сути, представляет собой композицию эффектов Alpha и Tint. Зададим параметры, показанные на рис Вот и. Мультик с эффектами Tint и Advanced готов. Как это делается, было рассмотрено на первом уроке.

Выстрел из пушки, или Движение круга по криволинейной траектории Для того чтобы реализовать движение объекта по криволинейной траектории, необходимо использовать слои Macromedia Flash. В частности, траектория движения рисуется в служебном слое, называемом Motion Guide. Слои в Macromedia Flash принципиально не отличаются от слоев в Adobe Photoshop. Их можно представить в виде стопки абсолютно прозрачных листов кальки, лежащих один на другом.

Если на какомто из листов отсутствует изображение, сквозь него будут видны все оставшиеся листы. Можно создавать новое или редактировать существующее изображение в одном слое, без какого бы то ни было влияния на изображения в других слоях, или же редактировать изображения нескольких слоев. Рисовать и редактировать можно только в активном слое.

Чтобы сделать слой активным, его нужно выделить. Активный слой подсвечивается на Timeline, а значок карандаша означает, что слой доступен Рис. Рис Типы слоев Layer 2 активный, видимый слой, и его можно редактировать; Layer 3 неактивный, видимый, но редактировать его нельзя; Layer 1 неактивный, невидимый и как следствие физически не редактируемый слой.

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

Такой слой не появится в опубликованном мультике и нужен только как вспомогательный. На этом уроке мы реализуем движение по траектории с помощью служебного слоя Motion Guide и по ходу работы закрепим материал предыдущих уроков. Представим, что ядро круг вылетает из пушки. Саму пушку мы рисовать не будем хотя найти соответствующее изображение в какой-нибудь библиотеке клипартов не представляет проблемпоскольку хотим сосредоточиться именно на решении задачи в чистом виде.

Создадим анимацию движения круга из 15 кадров мы уже делали это на первом уроке Нарисуем круг синего цвета с помощью Oval Tool Сделаем Motion Tween из 15 кадров.

Видеоурок "Flash". Знакомство с редактором Macromedia Flash

Повторим, как это делается. Выбираем й кадр, создаем бланк последовательность кадроввыбрав в меню Insert Frame. Далее выделяем бланк и выбираем пункт меню Insert Create Motion Tween. В й кадр вставляем ключевой кадр Insert KeyFrame. Для этого потребуется создать для слоя с движением слой траектории, или Guide-слой.

Guide можно перевести примерно так: Активируем новый получившийся слой рис. Возьмем инструмент Pencil Tool. Инструмент Pencil Tool карандаш рисует линии. У него есть одна настройка Pencil Mode режим карандаша: Straighten выпрямлятьSmooth сглаживать и Ink чернила рис. Как только мы ее нарисуем, круг сразу же примагнитится к ней рис.

Выделите конечный кадр и переместите круг на другой конец кривой.

Урок 4. Использование простых анимационных графических объектов

Посмотрите получившийся мультик Control Test Movie. Морфинг На этом уроке мы рассмотрим анимацию Shape Tween на примере превращения круга в текст. Нарисуем круг или овал с помощью инструмента Oval Tool. Выделим созданный бланк и в выпадающем меню Tweening в MX Tween выберем Shape, после чего бланк на Timeline станет зеленоватого цвета рис. Если в поле Easing указывать отрицательные значениято анимация будет ускоряться; если положительныето замедляться; Рис.

На самом деле эти значения не влияют на скорость воспроизведения мультика, создается лишь эффект ускорения путем интенсивного изменения формы или цвета в начале замедление или в конце ускорение На десятом кадре создадим ключевой кадр Insert Key Frame Выделим круг и удалим его Рис. Введем текст Возьмем инструмент для создания текста Text Tool, щелкнем мышкой по рабочей области и напечатаем произвольный текст рис. Это окно позволяет настраивать такие параметры текста, как размер, интервал между символами, полужирный или курсив, цвет, надстрочный, подстрочный или обычный.

В поле URL можно указать и ссылку рис. В поле Font Height поставим достаточно большой размер текста, чтобы текст был хорошо виден Применим к тексту преобразование Modify Break Apart. Мы не будем сейчас останавливаться на смысле этого преобразования.

Скажем лишь, что оно превращает текст в графический объект. После применения данного преобразования синяя рамка вокруг текста должна исчезнуть. Можете посмотреть ваш мультик Control Test Movie. Посредством Motion Shape можно изменять не только форму, но и параметры цвета и прозрачности.

Попробуйте изменить соответствующие параметры го кадра в окне Mixer Window Panels Mixer. В простой анимации Flash воспроизводит сцены и кадры мультика последовательно один за другим. В интерактивном мультике зрители с помощью клавиатуры или мыши могут переходить к различным частям фильма, перемещать объекты, вводить информацию и. Montion Tweening; Shape Tweening. Ввести понятие покадровой анимации.

Можно воспользоваться фоном, созданным на предыдущем уроке. Уч-ся должны нарисовать птицу без крыльев и два варианта положения последних — вверх и вниз для птицы и крыльев обязательно произвести группировку объектов, смотри Рисунок Заключение Введение в базовый курс изучения информатики программы Macromedia Flash MX не только не нарушает образовательного стандарта, но и повышает творческий интерес учащихся к предмету, расширяет их кругозор в области компьютерных технологий, развивает воображение, а также удовлетворяет спрос ребят на изучение программ подобного содержания.

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

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

Все рисунки, на которые в статье делаются ссылки, представлены в swf-формате. Это не редактируемый формат Macromedia Flash MХ, что не дает возможность просмотреть технологию их создания. Причина выбора такого формата — техническая: Для удобства преподавания данной темы у нас в школе создана довольно уже большая библиотека объектов, использование которых на уроке значительно экономит время.

Для просмотра файлов необходима установка самой программы или Flash-плеера. В случаях, где необходима широкая интерактивность, графика, звук, и маленький размер, Flash незаменим. Будем считать, что у вас уже есть Macromedia Flash. Установить ее очень легко - с этим справится любой, кто установил хотя бы парочку программ в Windows. После установки можете смело заходить в нее, и вот, приблизительно, то, что вы увидите: Интерфейс Flash очень похож на интерфейс других программ Adobe.

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

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

Справа находятся диалоги настройки инструментов, цвета, текста, свойства кадров и объектов. Посередине - рабочая область, где мы будем творить, а над ней шкала времени Timeline. Во Flash очень интересно рисовать. Этот векторный редактор не похож ни на один из существующих. К сожалению, подробное описание инструментов рисования выходит за рамки данной статьи. Впоследствии, мы можем рассмотреть эти инструменты подробнее. Самый хороший способ чему-то научится - практика при каком-то количестве теории.

В качестве практики просто поэкспериментируйте с различными инструментами, а в качестве теории можете прочитать про это в книгах или в Сети. Странички файлы, анимации - как хотите Flash принято называть фильмами Movie. Процесс создания состоит в следующем. Вы создаете так называемый "авторский файл", который имеет расширение. Кстати, Flash может записать ваше творение в отдельный исполняемый. И даже сохранить в виде статического GIF изображения.