Сейчас 127 заметки.

Флеш баннер для сайта

Материал из ЗАметки

В данном баннер не рассмотрены мелкие детали и некоторые повторяющие эффекты. Графика и текст были заранее подготовлены, слои переименованы.

1it.png

Создадим новый проект комбинациями клавиш Ctrl+ N, выбираем ширину и высоту сцены, частоту кадра, цвет. По желанию можно настроить автосохранение проекта.

2it.png

Нажимаем на графическую картинку.

3it.png

Перемещаем курсор на пятый кадр первого слоя, нажимаем на правую кнопку мыши, вставляем ключевой кадр.

4it.png

Жмём между первым и последним кадром. Нажимаем на правую кнопку мыши, вставляем классическую анимацию движения.

5it.png

Переходим на пятый кадр первой сцены и правой стрелкой на клавиатуре перемещаем картинку влево.

7it.png

На первом слое 40-ого кадра нажимаем на правую кнопку мыши, вставляем ключевой кадр. Проделываем это со всеми слоями.

8it.png

Выделяем первый текст ("образовательный") и перемещаем его стрелкой влево.

9it.png

Переместим также второй текст("центр"), но уже вправо.

10it.png

Переходим на 11-ый кадр второго слоя, нажимаем правую клавишу мыши, вставляем ключевой кадр.

11it.png

Переходим на 15-ый кадр второго слоя, нажимаем правую клавишу мыши, вставляем ключевой кадр.

12it.png

Жмём стрелкой между ключевыми кадрами, нажимаем правую клавишу мыши и создаем классическую анимацию движения.

13it.png

Переходим на 15-ый кадр и стрелкой перемещаем текст вправо.

14it.png

Переходим на третий слой 11-ого кадра, выделяем текст, нажимаем правую клавишу мыши, вставляем ключевой кадр.

16it.png

Переходим на 15-ый кадр, нажимаем правую кнопку мыши, вставляем ключевой кадр.

17it.png

Жмём между ключевыми кадрами и создаем классическую анимацию движения.

18it.png

Переходим на последний ключевой кадр(15 кадр) и перемещаем текст стрелкой на клавиатуре влево.

19it.png

Переходим на четвертый слой 16-ого кадра, жмём на правую кнопку мыши, вставляем ключевой кадр.

20it.png

Переходим на 19-ый кадр, жмём на правую кнопку мыши, вставляем ключевой кадр.

21it.png

Выделяем логотип it.

22it.png

Нажимаем на клавишу F8. Выбираем фрагмент ролика. Жмём Ok.

23it.png

Нажимаем на 19-ый кадр, затем кликаем мышкой по символу и выбираем панель свойства.

24it.png

Выбираем раздел "ФИЛЬТРЫ" и жмём куда указывает стрелка - "Добавить фильтр"

25it.png

Выбираем "Размытие".

26it.png

Ставим 70 пикселей по вертикали.

27it.png

Создаем классическую анимацию движения(кликаем между ключевыми кадрами, создаем классическую анимацию движения).

28it.png

Переходим на 22-ый кадр, жмём на правую кнопку мыши, вставляем ключевой кадр.

29it.png

Жмём между ключевыми кадрами, создаем классическую анимацию движения.

30it.png

Нажимаем на 19-ый кадр и стрелкой на клавиатуре перемещаем логотип вниз.

31it.png

Тоже самое делаем на 22 кадре.

32it.png

Нажимаем на 22-ый кадр четвертого слоя, затем кликаем мышкой по символу и выбираем панель свойства.

34it.png

Делаем размытие по X и Y нулевую.

35it.png

Переходим на 17-ый кадра пятого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр.

36it.png

Переходим 20-ый кадра пятого слоя, жмем на правую кнопку мыши, вставляем ключевой кадр.

37it.png

Переходим на 23-ый кадра пятого слоя, жмём правую кнопку мыши, вставляем ключевой кадр.

38it.png

Преобразуем текст в символ, для этого выделим текст "Эксперт" и нажимаем клавишу F8. Преобразуем в фрагмент ролика.

39it.png

Между кадрами 17 и 20 создаём классическую анимацию.

40it.png

Создаём классическую анимацию движения между кадрами 20 и 23. Переходим на 23 кадр, стрелкой передвигаеем символ влево.

42it.png

Переходим на шестой слой, выделяем текст, жмём кнопку F8 и преобразуем текст в символ.

43it.png

Переходим на 25-ый кадр шестого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр.

44it.png

Переходим на 30-ый кадр шестого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр.

45it.png

Создаём классическую анимацию движения.

46it.png

Кликаем на 30-ый кадр, переходим в свойства. В стиле "альфа-канал" устанавливаем 0%.

47it.png


Пример: http://wikiency.org/images/0/03/Ite.swf

Скачать исходник http://wikiency.org/fla/ite.fla