Создание анимированного фона

Четверг, 08 Октября 2009 г. 17:48 + в цитатник

Цитата сообщения FlashStudio

Прочитать целиком В свой цитатник или сообщество!

Создание анимированного фона

Запустите Selecto Alligator Flash Designer и создайте новый документ. Задайте размер вашей сцены "Frame" > "Frame Size" и введите 300 х 200.

Нарисуйте фоном прямоугольник. Выбирете инструмент "Rectangle Tool" и создайте его на сцене. Для того, что бы вписать края нашего прямоугольника в границы сцены выберете "Edit" > "Align" > "Fit to Frame".

Уберите рамку у прямоугольника командой "Item" > "Line and Fill" > "Line Width" > "None".

Сделайте заливку по градиенту. Выберете "Item" > "Line and Fill" > "Gradient Fill". Выберете "Horizontal" стиль. Задайте левый и правый цвет. Жмём Ок.

Нарисуйте круг инструментом "Circle", зажав на клавиатуре клавишу Ctrl и рисуйте круг за пределами прямоугольника, справа. Уберите рамку у круга командой "Item" > "Line and Fill" > "Line Width" > "None".

Сделайте заливку по градиенту и кругу. Выберете "Item" > "Line and Fill" > "Gradient Fill". Выбираем "Horizontal" стиль, так же выставляем левый и правый цвет, но делаем противоположно заливке фона (см. скриншот 3). Жмём ок.

Анимируем наш круг. Выбираем "Animation" > "Intro Animation". Ставим галочку "Enable Animation", выбираем "Fly in" и прописываем duration 3 секунды. Жмём OK.

Зацикливаем анимацию. Выбираем "Item" >"Sprite Animation / Loop".

Нам надо что бы круг доплывал до конца нашего фрейма, а затем повторялась анимация, то есть останавливаем зацикливание в одном кадре, выбираем "Frame" > "Frame Delay" и поставить "Stop". Жмём OK.

Жмём F9 и видим, как бесконечно повторяясь наш круг летает от левой границы к правой.

Дублируем круг. Выбираем "Edit" & "Duplicate" и ставим "count" 5 или больше. Жмём OK. Меняем размер получившихся кругов в произвольном порядке.

Меняем скорость движения наших шариков. выбираем какой-нибудь круг, выбираем "Animation" > "Intro Animation" и ставим duration time (между 2.5 и 4 секундами).

Источник: easyflash.org

Серия сообщений "Уроки flash":
Часть 1 - Создание анимированного фона
Часть 2 - Уроки для начинающих - Flash
Часть 3 - Самоучители на все случаи жизни
...
Часть 8 - Урок по созданию флеш в программке Aleo Flash Intro Banner Maker
Часть 9 - Уроки флеш
Часть 10 - Урок Macromedia Flash "Сделать флеш блик"