Сейчас 127 заметки.
Флеш баннер для сайта: различия между версиями
Admin (обсуждение | вклад) |
|||
(не показана 41 промежуточная версия 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]] | ||
Строка 23: | Строка 23: | ||
[[Файл:7it.png]] | [[Файл:7it.png]] | ||
− | На первом слое 40-ого кадра | + | На первом слое 40-ого кадра нажимаем на правую кнопку мыши, вставляем ключевой кадр. Проделываем это со всеми слоями. |
[[Файл:8it.png]] | [[Файл:8it.png]] | ||
− | Выделяем первый текст ("образовательный") и перемещаем его стрелкой | + | Выделяем первый текст ("образовательный") и перемещаем его стрелкой влево. |
[[Файл:9it.png]] | [[Файл:9it.png]] | ||
− | Переместим также второй текст("центр"), но уже | + | Переместим также второй текст("центр"), но уже вправо. |
[[Файл:10it.png]] | [[Файл:10it.png]] | ||
Строка 47: | Строка 47: | ||
[[Файл:13it.png]] | [[Файл:13it.png]] | ||
− | Переходим на 15-ый кадр и стрелкой перемещаем текст | + | Переходим на 15-ый кадр и стрелкой перемещаем текст вправо. |
[[Файл:14it.png]] | [[Файл:14it.png]] | ||
Строка 55: | Строка 55: | ||
[[Файл:16it.png]] | [[Файл:16it.png]] | ||
− | Переходим на 15-ый кадр, нажимаем правую кнопку мыши | + | Переходим на 15-ый кадр, нажимаем правую кнопку мыши, вставляем ключевой кадр. |
[[Файл:17it.png]] | [[Файл:17it.png]] | ||
− | + | Жмём между ключевыми кадрами и создаем классическую анимацию движения. | |
[[Файл:18it.png]] | [[Файл:18it.png]] | ||
− | Переходим на последний ключевой кадр(15 кадр) и перемещаем стрелкой на клавиатуре | + | Переходим на последний ключевой кадр(15 кадр) и перемещаем текст стрелкой на клавиатуре влево. |
[[Файл:19it.png]] | [[Файл:19it.png]] | ||
− | Переходим на четвертый слой 16-ого кадра, | + | Переходим на четвертый слой 16-ого кадра, жмём на правую кнопку мыши, вставляем ключевой кадр. |
[[Файл:20it.png]] | [[Файл:20it.png]] | ||
− | + | Переходим на 19-ый кадр, жмём на правую кнопку мыши, вставляем ключевой кадр. | |
[[Файл:21it.png]] | [[Файл:21it.png]] | ||
Строка 79: | Строка 79: | ||
[[Файл:22it.png]] | [[Файл:22it.png]] | ||
− | Нажимаем на клавишу F8. Выбираем фрагмент ролика. | + | Нажимаем на клавишу F8. Выбираем фрагмент ролика. Жмём Ok. |
[[Файл:23it.png]] | [[Файл:23it.png]] | ||
− | Нажимаем на 19-ый кадр | + | Нажимаем на 19-ый кадр, затем кликаем мышкой по символу и выбираем панель свойства. |
[[Файл:24it.png]] | [[Файл:24it.png]] | ||
− | Выбираем раздел "ФИЛЬТРЫ" и | + | Выбираем раздел "ФИЛЬТРЫ" и жмём куда указывает стрелка - "Добавить фильтр" |
[[Файл:25it.png]] | [[Файл:25it.png]] | ||
Строка 99: | Строка 99: | ||
[[Файл:27it.png]] | [[Файл:27it.png]] | ||
− | Создаем классическую анимацию движения | + | Создаем классическую анимацию движения(кликаем между ключевыми кадрами, создаем классическую анимацию движения). |
[[Файл:28it.png]] | [[Файл:28it.png]] | ||
Строка 107: | Строка 107: | ||
[[Файл:29it.png]] | [[Файл:29it.png]] | ||
− | + | Жмём между ключевыми кадрами, создаем классическую анимацию движения. | |
[[Файл:30it.png]] | [[Файл:30it.png]] | ||
Строка 115: | Строка 115: | ||
[[Файл:31it.png]] | [[Файл:31it.png]] | ||
− | + | Нажимаем на 22-ой кадр и стрелкой на клавиатуре перемещаем логотип вниз. | |
[[Файл:32it.png]] | [[Файл:32it.png]] | ||
Строка 127: | Строка 127: | ||
[[Файл:35it.png]] | [[Файл:35it.png]] | ||
− | Переходим 17-ый кадра пятого слоя, | + | Переходим на 17-ый кадра пятого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр. |
[[Файл:36it.png]] | [[Файл:36it.png]] | ||
Строка 135: | Строка 135: | ||
[[Файл:37it.png]] | [[Файл:37it.png]] | ||
− | Переходим 23-ый кадра пятого слоя, | + | Переходим на 23-ый кадра пятого слоя, жмём правую кнопку мыши, вставляем ключевой кадр. |
[[Файл:38it.png]] | [[Файл:38it.png]] | ||
Строка 143: | Строка 143: | ||
[[Файл:39it.png]] | [[Файл:39it.png]] | ||
− | Между кадрами 17 и 20 | + | Между кадрами 17 и 20 создаём классическую анимацию. |
[[Файл:40it.png]] | [[Файл:40it.png]] | ||
− | + | Создаём классическую анимацию движения между кадрами 20 и 23. Переходим на 23 кадр, стрелкой передвигаеем символ влево. | |
[[Файл:42it.png]] | [[Файл:42it.png]] | ||
− | Переходим на шестой слой, выделяем текст, | + | Переходим на шестой слой, выделяем текст, жмём кнопку F8 и преобразуем текст в символ. |
[[Файл:43it.png]] | [[Файл:43it.png]] | ||
Строка 163: | Строка 163: | ||
[[Файл: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