Сейчас 127 заметки.
Флеш баннер для сайта: различия между версиями
Admin (обсуждение | вклад) |
|||
(не показана 51 промежуточная версия 2 участников) | |||
Строка 1: | Строка 1: | ||
− | + | В данном примере Вы узнаете несколько flash эффектов при [http://www.freelancera.ru/index.php/component/adsmanager/15-reklamnye-flash-bannery/3-izgotovlenie-reklamnykh-flesh-.html?Itemid= изготовление недорогих flash-баннеров]. | |
[[Файл:1it.png]] | [[Файл:1it.png]] | ||
− | + | Создаем новый проект комбинациями клавиш Ctrl+ N. | |
[[Файл:2it.png]] | [[Файл:2it.png]] | ||
Строка 11: | Строка 11: | ||
[[Файл:3it.png]] | [[Файл:3it.png]] | ||
− | Перемещаем курсор на пятый кадр первого слоя | + | Перемещаем курсор на пятый кадр первого слоя, нажимаем на правую кнопку мыши, вставляем ключевой кадр. |
[[Файл:4it.png]] | [[Файл:4it.png]] | ||
− | Жмём между первым и | + | Жмём между первым и пятым кадрами. Нажимаем на правую кнопку мыши, вставляем классическую анимацию движения. |
[[Файл:5it.png]] | [[Файл:5it.png]] | ||
− | Переходим на пятый кадр первой сцены | + | Переходим на пятый кадр первой сцены и правой стрелкой на клавиатуре перемещаем картинку влево. |
[[Файл:7it.png]] | [[Файл:7it.png]] | ||
− | + | На первом слое 40-ого кадра нажимаем на правую кнопку мыши, вставляем ключевой кадр. Проделываем это со всеми слоями. | |
[[Файл:8it.png]] | [[Файл:8it.png]] | ||
− | + | Выделяем первый текст ("образовательный") и перемещаем его стрелкой влево. | |
[[Файл:9it.png]] | [[Файл:9it.png]] | ||
− | + | Переместим также второй текст("центр"), но уже вправо. | |
[[Файл:10it.png]] | [[Файл:10it.png]] | ||
− | + | Переходим на 11-ый кадр второго слоя, нажимаем правую клавишу мыши, вставляем ключевой кадр. | |
− | |||
[[Файл:11it.png]] | [[Файл:11it.png]] | ||
− | + | Переходим на 15-ый кадр второго слоя, нажимаем правую клавишу мыши, вставляем ключевой кадр. | |
[[Файл:12it.png]] | [[Файл:12it.png]] | ||
− | + | Жмём стрелкой между ключевыми кадрами, нажимаем правую клавишу мыши и создаем классическую анимацию движения. | |
[[Файл:13it.png]] | [[Файл:13it.png]] | ||
− | + | Переходим на 15-ый кадр и стрелкой перемещаем текст вправо. | |
[[Файл:14it.png]] | [[Файл:14it.png]] | ||
− | + | Переходим на третий слой 11-ого кадра, выделяем текст, нажимаем правую клавишу мыши, вставляем ключевой кадр. | |
[[Файл:16it.png]] | [[Файл:16it.png]] | ||
+ | |||
+ | Переходим на 15-ый кадр, нажимаем правую кнопку мыши, вставляем ключевой кадр. | ||
[[Файл:17it.png]] | [[Файл:17it.png]] | ||
+ | |||
+ | Жмём между ключевыми кадрами и создаем классическую анимацию движения. | ||
[[Файл:18it.png]] | [[Файл:18it.png]] | ||
+ | |||
+ | Переходим на последний ключевой кадр(15 кадр) и перемещаем текст стрелкой на клавиатуре влево. | ||
[[Файл:19it.png]] | [[Файл:19it.png]] | ||
+ | |||
+ | Переходим на четвертый слой 16-ого кадра, жмём на правую кнопку мыши, вставляем ключевой кадр. | ||
[[Файл:20it.png]] | [[Файл:20it.png]] | ||
+ | |||
+ | Переходим на 19-ый кадр, жмём на правую кнопку мыши, вставляем ключевой кадр. | ||
[[Файл:21it.png]] | [[Файл:21it.png]] | ||
+ | |||
+ | Выделяем логотип it. | ||
[[Файл:22it.png]] | [[Файл:22it.png]] | ||
+ | |||
+ | Нажимаем на клавишу F8. Выбираем фрагмент ролика. Жмём Ok. | ||
[[Файл:23it.png]] | [[Файл:23it.png]] | ||
+ | |||
+ | Нажимаем на 19-ый кадр, затем кликаем мышкой по символу и выбираем панель свойства. | ||
[[Файл:24it.png]] | [[Файл:24it.png]] | ||
+ | |||
+ | Выбираем раздел "ФИЛЬТРЫ" и жмём куда указывает стрелка - "Добавить фильтр" | ||
[[Файл:25it.png]] | [[Файл:25it.png]] | ||
+ | |||
+ | Выбираем "Размытие". | ||
[[Файл:26it.png]] | [[Файл:26it.png]] | ||
+ | |||
+ | Ставим 70 пикселей по вертикали. | ||
[[Файл:27it.png]] | [[Файл:27it.png]] | ||
+ | |||
+ | Создаем классическую анимацию движения(кликаем между ключевыми кадрами, создаем классическую анимацию движения). | ||
[[Файл:28it.png]] | [[Файл:28it.png]] | ||
+ | |||
+ | Переходим на 22-ый кадр, жмём на правую кнопку мыши, вставляем ключевой кадр. | ||
[[Файл:29it.png]] | [[Файл:29it.png]] | ||
+ | |||
+ | Жмём между ключевыми кадрами, создаем классическую анимацию движения. | ||
[[Файл:30it.png]] | [[Файл:30it.png]] | ||
+ | |||
+ | Нажимаем на 19-ый кадр и стрелкой на клавиатуре перемещаем логотип вниз. | ||
[[Файл:31it.png]] | [[Файл:31it.png]] | ||
+ | |||
+ | Нажимаем на 22-ой кадр и стрелкой на клавиатуре перемещаем логотип вниз. | ||
[[Файл:32it.png]] | [[Файл:32it.png]] | ||
− | + | Нажимаем на 22-ый кадр четвертого слоя, затем кликаем мышкой по символу и выбираем панель свойства. | |
[[Файл:34it.png]] | [[Файл:34it.png]] | ||
+ | |||
+ | Делаем размытие по X и Y нулевую. | ||
[[Файл:35it.png]] | [[Файл:35it.png]] | ||
+ | |||
+ | Переходим на 17-ый кадра пятого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр. | ||
[[Файл:36it.png]] | [[Файл:36it.png]] | ||
+ | |||
+ | Переходим 20-ый кадра пятого слоя, жмем на правую кнопку мыши, вставляем ключевой кадр. | ||
[[Файл:37it.png]] | [[Файл:37it.png]] | ||
+ | |||
+ | Переходим на 23-ый кадра пятого слоя, жмём правую кнопку мыши, вставляем ключевой кадр. | ||
[[Файл:38it.png]] | [[Файл:38it.png]] | ||
+ | |||
+ | Преобразуем текст в символ, для этого выделим текст "Эксперт" и нажимаем клавишу F8. Преобразуем в фрагмент ролика. | ||
[[Файл:39it.png]] | [[Файл:39it.png]] | ||
+ | |||
+ | Между кадрами 17 и 20 создаём классическую анимацию. | ||
[[Файл:40it.png]] | [[Файл:40it.png]] | ||
− | + | Создаём классическую анимацию движения между кадрами 20 и 23. Переходим на 23 кадр, стрелкой передвигаеем символ влево. | |
[[Файл:42it.png]] | [[Файл:42it.png]] | ||
+ | |||
+ | Переходим на шестой слой, выделяем текст, жмём кнопку F8 и преобразуем текст в символ. | ||
[[Файл:43it.png]] | [[Файл:43it.png]] | ||
+ | |||
+ | Переходим на 25-ый кадр шестого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр. | ||
[[Файл:44it.png]] | [[Файл:44it.png]] | ||
+ | |||
+ | Переходим на 30-ый кадр шестого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр. | ||
[[Файл:45it.png]] | [[Файл:45it.png]] | ||
+ | |||
+ | Создаём классическую анимацию движения. | ||
[[Файл:46it.png]] | [[Файл:46it.png]] | ||
+ | |||
+ | Кликаем на 30-ый кадр, переходим в свойства. В стиле "альфа-канал" устанавливаем 0%. | ||
[[Файл:47it.png]] | [[Файл:47it.png]] | ||
+ | Сохраняем проект комбинациями клавиш CTRL+SHIFT+S и экспортируем flash ролик CTRL+ALT+SHIFT+S на свой компьютер. | ||
+ | |||
+ | Размер баннера составил 37,7 Kb. | ||
'''Пример''': http://wikiency.org/images/0/03/Ite.swf | '''Пример''': http://wikiency.org/images/0/03/Ite.swf | ||
'''Скачать исходник''' http://wikiency.org/fla/ite.fla | '''Скачать исходник''' http://wikiency.org/fla/ite.fla |
Текущая версия на 23:59, 19 августа 2013
В данном примере Вы узнаете несколько flash эффектов при изготовление недорогих flash-баннеров.
Создаем новый проект комбинациями клавиш Ctrl+ N.
Нажимаем на графическую картинку.
Перемещаем курсор на пятый кадр первого слоя, нажимаем на правую кнопку мыши, вставляем ключевой кадр.
Жмём между первым и пятым кадрами. Нажимаем на правую кнопку мыши, вставляем классическую анимацию движения.
Переходим на пятый кадр первой сцены и правой стрелкой на клавиатуре перемещаем картинку влево.
На первом слое 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. Переходим на 23 кадр, стрелкой передвигаеем символ влево.
Переходим на шестой слой, выделяем текст, жмём кнопку F8 и преобразуем текст в символ.
Переходим на 25-ый кадр шестого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр.
Переходим на 30-ый кадр шестого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр.
Создаём классическую анимацию движения.
Кликаем на 30-ый кадр, переходим в свойства. В стиле "альфа-канал" устанавливаем 0%.
Сохраняем проект комбинациями клавиш 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