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

Пятница, 02 Марта 2012 г. 09:53 + в цитатник

Цитата сообщения 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

Серия сообщений "Sothink SWF Quicker":
Часть 1 - Использование масок во flash
Часть 2 - Делаем элементарные часики.Начинаем учиться созданию flash.
...
Часть 20 - Простая музыкальная flash-открытка с кнопками ВОСПРОИЗВЕДЕНИЕ и СТОП,в программе Sothink SWF Quicker
Часть 21 - Шкала времени - TimeLine
Часть 22 - Создание анимированного фона
Часть 23 - Вертикальная 3D карусель
Часть 24 - Время и дата. Флеш-ролик.
...
Часть 41 - Sothink SWF Quicker 5.0 Build 501 + Rus - Универсальная флеш программа + Урок.
Часть 42 - Урок. Снимаем логотип с плеера в программе Sothink SWF Quicker.
Часть 43 - Урок вращение в Sothink SWF Quicker от MissKcu