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

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

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

В данном примере Вы узнаете несколько flash эффектов при изготовление недорогих flash-баннеров.

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

Сохраняем проект комбинациями клавиш CTRL+SHIFT+S и экспортируем flash ролик CTRL+ALT+SHIFT+S на свой компьютер.

Размер баннера составил 37,7 Kb.

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

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