Анимированный фон




Главная > Уроки > Анимация > Анимированный фон

Анимированный фон

Автор/переводчик статьи: Команда сайта flashmaster.org.ua

Дата: 2014-01-10

Для того, чтобы объект (текст или картинка) выглядели более живыми можно использовать «движущийся» фон. Сделать его не так сложно, но для этого нам понадобиться программа Selteco Alligator Flash Designer, а также, некоторые (хоть и не очень глубокие) знания и опыт пользования программой.

Нужен телефон? Отличные беспроводные телефоны http://comfy.ua/telephone-smartfon/besprovodnoj-telefon.html. Телефоны в наше время очень необходимая вещь. Кстати, отсутствие проводов в нем делает телефон просто идеальным, ведь когда телефон беспроводной можно не заботится о том что бы быть близко к розетке.

Начнем с того, что откроем Selteco Alligator Flash Designer и создадим чистый файл стандартного формата. Размер сцены (Frame Size) задаем через опцию Frame, ставим 300 на 200.

Теперь нарисуем простой прямоугольник любого цвета. Находим на панели инструментов опцию Rectangle Tool и используем ее, создавая на сцене объект. Также, нам нужно, как бы, «вписать» края созданного прямоугольника в рамки самой сцены. Это делается следующим путем: "Edit" - "Align" - "Fit to Frame".

Кроме этого, следует убрать рамку у прямоугольника. Через опцию Item заходим в настройки "Line and Fill", а здесь уже выставляем "Line Width" на категорию "None".

В этом же меню для Gradient Fill выбираем стиль Horizontal, выбрав два цвета. Это «зальет» наш прямоугольник градиентом, что выглядит, согласитесь, гораздо интересней, чем простая заливка одним цветом.

Следующий этап – круг. Его мы будем рисовать соответствующим инструментом – Circle. При этом, то есть, при рисовании, нужно зажать клавишу Ctrl. Сам круг рисуем небольших размеров, чтобы он не заходил на пределы прямоугольника, то есть, за его пределами. Например, справа от него. Таким же образом, как и в случае прямоугольника, убираем рамку с круга ("Item" - "Line and Fill" - "Line Width" - "None").

Аналогичным образом «заливаем» наш круг градиентом. Единственное, что меняем, так это цвета. Но не сами цвета, а их размещение. То есть, правый цвет в прямоугольнике становить левым и наоборот.

Далее через меню Animation заходим в опцию Intro Animation. Здесь напротив пункта Enable Animation ставим галочку, а в раскрывающемся меню выбираем Fly in. Также, нужно указать направление, то есть, duration, оно будет равно 3.

Теперь, нужно зациклить нашу анимацию. Для этого заходим в уже знакомое нам меню Item, а оттуда в Sprite Animation / Loop. Тут через меню Frame попадаем в Frame Delay и ставим галочку возле опции "Stop". Это позволит сделать так, чтобы круги проходили свою траекторию за один кадр, а потом начинали все с начала.

На заключительном этапе продублируем нашу анимацию: через Edit & Duplicate ставим количесво (count) на 5 или даже більше. Тут же можно поменять размеры наших кругов на свой вкус.

Таким образом, мы получаем не слишком яркие круги, которые «бегают» по фону.

Просмотров: 1754


Понравился материал? Поделись с друзьями!





Подписаться на рассылку.

При перепечатки материалов ссылка на наш сайт обязательна!


 1