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

Флеш баннер для сайта: различия между версиями

Материал из ЗАметки
Строка 23: Строка 23:
 
[[Файл:7it.png]]
 
[[Файл:7it.png]]
  
На первом слое 40-ого кадра нажимаем на правую кнопку мыши и вставляем ключевой. Проделываем со всеми слоями.  
+
На первом слое 40-ого кадра нажимаем на правую кнопку мыши и вставляем ключевой кадр. Проделываем со всеми слоями.  
  
 
[[Файл:8it.png]]
 
[[Файл:8it.png]]

Версия 21:04, 11 апреля 2012

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

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

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