Сейчас 127 заметки.
Флеш баннер для сайта: различия между версиями
Admin (обсуждение | вклад) |
Admin (обсуждение | вклад) |
||
Строка 1: | Строка 1: | ||
− | В данном баннер не рассмотрены мелкие детали и некоторые повторяющие действие. Графика и текст были заранее подготовлены, название слоев переименованы | + | В данном баннер не рассмотрены мелкие детали и некоторые повторяющие действие. Графика и текст были заранее подготовлены, название слоев переименованы. |
[[Файл:1it.png]] | [[Файл:1it.png]] |
Версия 20:36, 11 апреля 2012
В данном баннер не рассмотрены мелкие детали и некоторые повторяющие действие. Графика и текст были заранее подготовлены, название слоев переименованы.
Создадим новый проект комбинациями клавиш Ctrl+ N, выберем ширину b высоту сцены, частоту кадров, цвет. По желанию можно настроить автосохранение проекта.
Нажимаем на графическую картинку.
Перемещаем курсор на пятый кадр первого слоя, нажимаем на правую кнопку мыши и вставляем ключевой кадр.
Жмём между первым и последним кадром, опять нажимаем на правую кнопку мыши и на этот раз вставляем классическую анимацию движения.
Переходим на пятый кадр первой сцены и правой стрелкой на клавиатуре перемещаем картинку влево.
На первом слое 40-ого кадра, вставляем ключевой кадр.(нажимаем на правую кнопку мыши и вставляем ключевой кадр) Проделываем все это со всеми слоями.
Выделяем первый текст ("образовательный") и перемещаем его стрелкой вправо.
Переместим также второй текст("центр"), но уже влево.
Переходим на 11-ый кадр второго слоя, нажимаем правую клавишу мыши, вставляем ключевой кадр.
Переходим на 15-ый кадр второго слоя, нажимаем правую клавишу мыши, вставляем ключевой кадр.
Жмём стрелкой между ключевыми кадрами, нажимаем правую клавишу мыши и создаем классическую анимацию движения.
Переходим на 15-ый кадр и стрелкой перемещаем текст в право.
Переходим на третий слой 11-ого кадра, выделяем текст, нажимаем правую клавишу мыши, вставляем ключевой кадр.
Переходим на 15-ый кадр, нажимаем правую кнопку мыши и вставляем ключевой кадр.
Жмем между ключевыми кадрами и создаем классическую анимацию движения.
Переходим на последний ключевой кадр(15 кадр) и перемещаем стрелкой на клавиатуре вправо.
Переходим на четвертый слой 16-ого кадра, жмем на правую кнопку мыши, вставляем ключевой кадр.
Переходим на четвертый слой. Переходим на 19-ый кадр, жмем на правую кнопку мыши, вставляем ключевой кадр.
Выделяем логотип it.
Нажимаем на клавишу F8. Выбираем фрагмент ролика. Жмем Ok.
Нажимаем на 19-ый кадр четвертого слоя, затем кликаем мышкой по символу и выбираем панель свойства.
Выбираем раздел "ФИЛЬТРЫ" и жмем куда указывает стрелка - "Добавить фильтр"
Выбираем "Размытие".
Ставим 70 пикселей по вертикали.
Создаем классическую анимацию движения. (жмем между ключевыми кадрами, создаем классическую анимацию движения).
Переходим на 22-ый кадр, жмём на правую кнопку мыши, вставляем ключевой кадр.
Жмем между ключевыми кадрами, создаем классическую анимацию движения.
Нажимаем на 19-ый кадр и стрелкой на клавиатуре перемещаем логотип вниз.
Тоже самое делаем 22 кадре.
Нажимаем на 22-ый кадр четвертого слоя, затем кликаем мышкой по символу и выбираем панель свойства.
Делаем размытие по X и Y нулевую.
Переходим 17-ый кадра пятого слоя, жмем на правую кнопку мыши, вставляем ключевой кадр.
Переходим 20-ый кадра пятого слоя, жмем на правую кнопку мыши, вставляем ключевой кадр.
Переходим 23-ый кадра пятого слоя, жмем на правую кнопку мыши, вставляем ключевой кадр.
Преобразуем текст в символ, для этого выделим текст "Эксперт" и нажимаем клавишу F8. Преобразуем в фрагмент ролика.
Между кадрами 17 и 20 создаем классическую анимацию.
Создаем классическую анимацию движения между кадрами 20 и 23
Переходим на шестой слой, выделяем текст, жмем кнопку F8 и преобразуем текст в символ.
Переходим на 25-ый кадр шестого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр.
Переходим на 30-ый кадр шестого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр.
Создаем классическую анимацию движения.
Переходим на 30-ый кадр, выбираем свойства. Стиль: Альфа-канал = 0%
Пример: http://wikiency.org/images/0/03/Ite.swf
Скачать исходник http://wikiency.org/fla/ite.fla