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

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

Запустите Selteco 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 секундами).