Flash | Флеш > Flash для Начинающих > Обучение к программе: Selteco Alligator Flash Designer. Урок 6: Создание анимированного фона.

Обучение к программе: Selteco Alligator Flash Designer. Урок 6: Создание анимированного фона.


18 февраля 2009. Разместил: Fly

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

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


 


alt

















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



alt



































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


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




Обучение к программе: Selteco Alligator Flash Designer. Урок 6: Создание анимированного фона.





















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


 


alt






















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


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




Обучение к программе: Selteco Alligator Flash Designer. Урок 6: Создание анимированного фона.






















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


alt

























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


 


alt





























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




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




Обучение к программе: Selteco Alligator Flash Designer. Урок 6: Создание анимированного фона.




















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