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

Редактирование: Флеш баннер для сайта

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

Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.

Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы ваша отмена правки была сохранена.

Текущая версия Ваш текст
Строка 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.
+
Графика и текст были заранее подготовлены, название слоев переименованы для удобства.
 +
Создадим новый проект комбинациями клавиш Ctrl+ N, выберем ширину b высоту сцены, частоту кадров, цвет. По желанию можно настроить автосохранение проекта.
  
 
[[Файл:2it.png]]
 
[[Файл:2it.png]]
Строка 11: Строка 12:
 
[[Файл:3it.png]]
 
[[Файл:3it.png]]
  
Перемещаем курсор на пятый кадр первого слоя, нажимаем на правую кнопку мыши, вставляем ключевой кадр.
+
Перемещаем курсор на пятый кадр первого слоя, нажимаем на правую кнопку мыши и вставляем ключевой кадр.
  
 
[[Файл:4it.png]]
 
[[Файл:4it.png]]
  
Жмём между первым и пятым кадрами. Нажимаем на правую кнопку мыши, вставляем классическую анимацию движения.
+
Жмём между первым и последним кадром, опять нажимаем на правую кнопку мыши и на этот раз вставляем классическую анимацию движения.
  
 
[[Файл:5it.png]]
 
[[Файл:5it.png]]
Строка 23: Строка 24:
 
[[Файл:7it.png]]
 
[[Файл:7it.png]]
  
На первом слое 40-ого кадра нажимаем на правую кнопку мыши, вставляем ключевой кадр. Проделываем это со всеми слоями.  
+
На первом слое 40-ого кадра, вставляем ключевой кадр.(нажимаем на правую кнопку мыши и вставляем ключевой кадр) Проделываем все это со всеми слоями.  
  
 
[[Файл:8it.png]]
 
[[Файл:8it.png]]
  
Выделяем первый текст ("образовательный") и перемещаем его стрелкой влево.
+
Выделяем первый текст ("образовательный") и перемещаем его стрелкой вправо.
  
 
[[Файл:9it.png]]
 
[[Файл:9it.png]]
  
Переместим также второй текст("центр"), но уже вправо.
+
Переместим также второй текст("центр"), но уже влево.
  
 
[[Файл:10it.png]]
 
[[Файл:10it.png]]
Строка 47: Строка 48:
 
[[Файл:13it.png]]
 
[[Файл:13it.png]]
  
Переходим на 15-ый кадр и стрелкой перемещаем текст вправо.  
+
Переходим на 15-ый кадр и стрелкой перемещаем текст в право.  
 
   
 
   
 
[[Файл:14it.png]]
 
[[Файл:14it.png]]
Строка 55: Строка 56:
 
[[Файл: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-ый кадр, жмём на правую кнопку мыши, вставляем ключевой кадр.
+
Переходим на четвертый слой. Переходим на 19-ый кадр, жмем на правую кнопку мыши, вставляем ключевой кадр.
  
 
[[Файл:21it.png]]
 
[[Файл:21it.png]]
Строка 79: Строка 80:
 
[[Файл:22it.png]]
 
[[Файл:22it.png]]
  
Нажимаем на клавишу F8. Выбираем фрагмент ролика. Жмём Ok.
+
Нажимаем на клавишу F8. Выбираем фрагмент ролика. Жмем Ok.
  
 
[[Файл:23it.png]]
 
[[Файл:23it.png]]
  
Нажимаем на 19-ый кадр, затем кликаем мышкой по символу и выбираем панель свойства.  
+
Нажимаем на 19-ый кадр четвертого слоя, затем кликаем мышкой по символу и выбираем панель свойства.  
  
 
[[Файл:24it.png]]
 
[[Файл:24it.png]]
  
Выбираем раздел "ФИЛЬТРЫ" и жмём куда указывает стрелка - "Добавить фильтр"
+
Выбираем раздел "ФИЛЬТРЫ" и жмем куда указывает стрелка - "Добавить фильтр"
  
 
[[Файл:25it.png]]
 
[[Файл:25it.png]]
Строка 99: Строка 100:
 
[[Файл:27it.png]]
 
[[Файл:27it.png]]
  
Создаем классическую анимацию движения(кликаем между ключевыми кадрами, создаем классическую анимацию движения).
+
Создаем классическую анимацию движения. (жмем между ключевыми кадрами, создаем классическую анимацию движения).
  
 
[[Файл:28it.png]]
 
[[Файл:28it.png]]
Строка 107: Строка 108:
 
[[Файл:29it.png]]
 
[[Файл:29it.png]]
  
Жмём между ключевыми кадрами, создаем классическую анимацию движения.
+
Жмем между ключевыми кадрами, создаем классическую анимацию движения.
  
 
[[Файл:30it.png]]
 
[[Файл:30it.png]]
Строка 115: Строка 116:
 
[[Файл:31it.png]]
 
[[Файл:31it.png]]
  
Нажимаем на 22-ой кадр и стрелкой на клавиатуре перемещаем логотип вниз.  
+
Тоже самое делаем 22 кадре.
  
 
[[Файл:32it.png]]
 
[[Файл:32it.png]]
Строка 127: Строка 128:
 
[[Файл:35it.png]]
 
[[Файл:35it.png]]
  
Переходим на 17-ый кадра пятого слоя, жмём на правую кнопку мыши, вставляем ключевой кадр.
+
Переходим 17-ый кадра пятого слоя, жмем на правую кнопку мыши, вставляем ключевой кадр.
  
 
[[Файл:36it.png]]
 
[[Файл:36it.png]]
Строка 135: Строка 136:
 
[[Файл:37it.png]]
 
[[Файл:37it.png]]
  
Переходим на 23-ый кадра пятого слоя, жмём правую кнопку мыши, вставляем ключевой кадр.
+
Переходим 23-ый кадра пятого слоя, жмем на правую кнопку мыши, вставляем ключевой кадр.
  
 
[[Файл:38it.png]]
 
[[Файл:38it.png]]
Строка 143: Строка 144:
 
[[Файл:39it.png]]
 
[[Файл:39it.png]]
  
Между кадрами 17 и 20 создаём классическую анимацию.
+
Между кадрами 17 и 20 создаем классическую анимацию.
  
 
[[Файл:40it.png]]
 
[[Файл:40it.png]]
  
Создаём классическую анимацию движения между кадрами 20 и 23. Переходим на 23 кадр, стрелкой передвигаеем символ влево.
+
Создаем классическую анимацию движения между кадрами 20 и 23
  
 
[[Файл:42it.png]]
 
[[Файл:42it.png]]
  
Переходим на шестой слой, выделяем текст, жмём кнопку F8 и преобразуем текст в символ.  
+
Переходим на шестой слой, выделяем текст, жмем кнопку F8 и преобразуем текст в символ.  
  
 
[[Файл:43it.png]]
 
[[Файл:43it.png]]
Строка 163: Строка 164:
 
[[Файл:45it.png]]
 
[[Файл:45it.png]]
  
Создаём классическую анимацию движения.
+
Создаем классическую анимацию движения.
  
 
[[Файл:46it.png]]
 
[[Файл:46it.png]]
  
Кликаем на 30-ый кадр, переходим в свойства. В стиле "альфа-канал" устанавливаем 0%.
+
Переходим на 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

Пожалуйста, учтите, что любой ваш вклад в проект «ЗАметки» может быть отредактирован или удалён другими участниками. Если вы не хотите, чтобы кто-либо изменял ваши тексты, не помещайте их сюда.
Вы также подтверждаете, что являетесь автором вносимых дополнений, или скопировали их из источника, допускающего свободное распространение и изменение своего содержимого (см. ЗАметки:Авторские права). НЕ РАЗМЕЩАЙТЕ БЕЗ РАЗРЕШЕНИЯ ОХРАНЯЕМЫЕ АВТОРСКИМ ПРАВОМ МАТЕРИАЛЫ!