Урок №2. Хамелеон, или фигура, плавно меняющая свой цвет | |||
![]() |
В технологии Maсromedia Flash имеются три типа анимации: покадровая (рисуется каждый кадр), анимация движения Motion Tween отличительный признак Motion Tween (Двойное движение) - синий цвет кадров на Timeline) и анимация формы (морфинг) Shape Tween (зелёный цвет кадров на Timeline).В последних двух указываются начальный и конечный кадры, а все остальные редактор просчитывает сам. В покадровой анимации необходимо самостоятельно прорисовать кадр за кадром, изображение за изображением. Конечно, это долго и сложно, но иногда просто необходимо (я не буду рассматривать данный способ, поскольку он ничем принципиально не отличается от традиционного создания кадров в графическом редакторе с дальнейшим их объединением в мультфильм). Анимация Motion Tween служит для построения движения, но не может существенно изменять форму объектов (посредством Motion Tween можно масштабировать, поворачивать или иным образом преобразовывать объект, но нельзя, например, из квадрата сделать круг или наоборот; для этого используют Motion Shape (Морфинг)). Давайте для начала изучим анимацию Motion Tween. На первом уроке был рассмотрен пример с эффектом Alpha (Альфа). Так разработчики Macromedia Flash назвали эффект изменения альфа-коэффициента непрозрачности. На этом уроке мы рассмотрим эффекты Tint и Advanced. Посредством Tint можно менять цвет объекта, а Advanced фактически представляет собой комбинацию Alpha и Tint. Начнём с эффекта Tint. | ||
Хамелеон, или Фигура, плавно меняющая свой цвет | |||
1. Нарисуем
прямоугольник со скруглёнными углами. 1.1. Выберем инструмент Rectangle Tool (Прямоугольник). У него одна настройка - Round Rectangle Radius (Радиус скругления угла). 1.2. В настройках инструмента Rectangle Tool выберем Round Rectangle Radius. В поле Corner Radius открывшегося окна введём значение "5". |
![]() |
||
![]() |
1.3.
В поле выбора цвета выберем синий и нарисуем прямоугольник или квадрат с
закруглёнными углами. 1.4. Создадим Motion Tween из 15 кадров. Выберем 15-й кадр и создадим бланк (последовательность кадров), выбрав в меню Insert||Frame (Вставка||Ключевой кадр). Далее выделим бланк (для этого нужно "ухватить" линию на Timeline и протянуть её с 1-го по 15-й кадр или выбрать пункт Select All Frames (Выделить все кадры) |
||
в выпадающем меню) и выберем пункт в менюInsert|| | |||
Create
Motion Tween (Вставка||Создать
двойное движение). Выделим 15-й кадр и вставим в него "ключевой
кадр". 2. Введём эффект. 2.1. Выберем последний, 15-й кадр анимации. Там же, где в первом уроке мы выбирали эффект Alpha, выберем эффект Tint. Для эффекта Alpha мы задавали уровень прозрачности (в процентах), для Tint можно задать цвет (на палитре RGB) и уровень яркости в процентах. Выберем красный цвет. Мультик с эффектом Tint готов. Протестируйте мультик (Control||Test Movie (Управление||Проверить фильм)). Для того чтобы одновременно использовать эффект прозрач-ности Alpha и изменения тона Tint, есть специальный, более сложный эффект Advanced. |
![]() |
||
3. Добавим анимацию с эффектом Advanced. 3.1. Выделим 31-й кадр и вставим в него "ключевой кадр" (Insert||KeyFrame). Затем выделим 16-й кадр и удалим его содержимое (для этого надо выбрать пункт Clear Frames (Очистить кадры) в выпадающем меню или в пункте меню Edit (Правка)). После этих манипуляций Timeline должна выглядеть, как показано на скриншоте справа. 3.2. Определим эффект анимации. Выделим 31-й кадр и зададим для него эффект Advanced. как мы уже отмечали, этот эффект, по сути, представляет собой композицию эффектов Alpha и Tint. Зададим параметры, показанные на скриншоте слева. Вот и всё. Мультик с эффектами Tint и Advanced готов. Посмотрите, что получилось, и сохраните свою работу (File||Save) (Файл||Сохранить), а также сделайте HTML-страничку с мультиком. Как это делается, было рассмотрено на первом уроке. |
|||