Wednesday, 7 May, 2008

Флэш-анимация


Flash – это программа фирмы Macromedia, которая позволяет создавать анимационные файлы очень небольшого размера. Благодаря своей компактности этот формат практически стал стандартом де-факто для анимации в Интернете. Кроме того, Flash-ролик может реагировать на действия пользователя. Благодаря этой особенности Flash применяют для создания красочных интерфейсов, анимированных кнопок и схем.

Flash (в переводе с англ."Вспышка") - сравнительно новая мультимедиа технология для сети Интернет. Флэш работает с векторной графикой и растровой графикой, а с выходом Flash 4 появилась возможность создания интерактивных приложений. Сама же технология Flash появилась в 1996 г., а русскоязычная часть сети стала обрастать примерами Flash с 1997 г.

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

Хотите сами попробовать сделать анимированый баннер для своего сайта, или целый Flash сайт, или вообще стать флэш-дизайнером? Обращайтесь в New Image College, посетите сайт колледжа www.newimagecollege.com - здесь вы получите ответы на все свои вопросы.

Рассмотрим пример простейшей флэш-анимации.

Летящий шарик

1. Создайте во Flash новый документ, нажав на Flash File.

2. В нижней части документа, в разделе Properties, по умолчанию выставлен размер документа - 550 х 400 pixels, который при желании можно менять.
3. Так выглядит панель инструментов, с которой работают как при создании форм, линий, текстов и т.д., так и для корректировки, рисования, закрашивания, выделения и т.д.

4. Создадим простейшую анимацию - летящий шарик.
Воспользуйтесь инструментом Oval из панели инструментов (цифра 1). Выберете цвет овала (шарика), нажав на Fill Color (цифра 3) и отмените Stroke Color (цифра 2).



5. Для того чтобы изобразить нижнюю часть шарика, воспользуйтесь инструментом Rectangle Tool (цифра 1), нарисовав прямоугольник. Выбрав Selection Tool (цифра 2), отметьте прямоугольник, щёлкнув по нему мышкой. Из пункта Modify главного меню выберете команды Transform и Envelope (цифра 3). Это даёт возможность изменить форму прямоугольника на любую другую с помощью квадратных маркеров (цифра 4). Нарисуйте нитку с помощью инструмента Pencil Tool (цифра 5).

6. Дайте название слою - Baloon (цифра 1). Поместите указатель мышки на кадр слоя под отметкой 50. Правым щелчком мышки вызовете меню. Выберете команду Insert Keyframe (цифра 2).


7. Конвертируйте изображение в символ, поместив указатель мышки на кадр слоя под отметкой 1, и с помощью команды F8 вызвав меню Convert to Symbol. Дайте название символу, пометьте кнопку Movie clip и нажмите на кнопку OK.

8. Задайте начальное положение анимации командой Create Motion Tween, вызвав её правым щелчком мышки при помеченном 1-м кадре.


Поместив указатель мышки на кадр слоя под отметкой 50, переместите шарик в верхний правый угол документа. При проигрывании фильма, нажав на клавишу Enter, вы увидете как шарик движется по заданной траектории, т.е. с нижнего левого угла в верхний правый.
Теперь нажмите на комбинацию клавиш Ctrl+Enter и посмотрите, что у вас получилось!

0 comments: