Сейчас 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.
+
 
  
 
[[Файл:2it.png]]
 
[[Файл:2it.png]]
Строка 11: Строка 11:
 
[[Файл:3it.png]]
 
[[Файл:3it.png]]
  
Перемещаем курсор на пятый кадр первого слоя, нажимаем на правую кнопку мыши, вставляем ключевой кадр.
+
Перемещаем курсор на пятый кадр первого слоя(netbook), нажимаем на правую кнопку мыши и вставляем ключевой кадр.
  
 
[[Файл:4it.png]]
 
[[Файл:4it.png]]
  
Жмём между первым и пятым кадрами. Нажимаем на правую кнопку мыши, вставляем классическую анимацию движения.
+
Жмём между первым и последним кадром, опять нажимаем на правую кнопку мыши и на этот раз вставляем классическую анимацию движения.
  
 
[[Файл:5it.png]]
 
[[Файл:5it.png]]
  
Переходим на пятый кадр первой сцены и правой стрелкой на клавиатуре перемещаем картинку влево.
+
Переходим на пятый кадр первой сцены(netbook) и правой стрелкой на клавиатуре перемещаем картинку влево.
  
 
[[Файл:7it.png]]
 
[[Файл:7it.png]]
  
На первом слое 40-ого кадра нажимаем на правую кнопку мыши, вставляем ключевой кадр. Проделываем это со всеми слоями.
+
 
  
 
[[Файл:8it.png]]
 
[[Файл:8it.png]]
  
Выделяем первый текст ("образовательный") и перемещаем его стрелкой влево.
+
Выделяем первый текст и перемещаем его стрелкой влево.
 +
 
  
 
[[Файл:9it.png]]
 
[[Файл:9it.png]]
  
Переместим также второй текст("центр"), но уже вправо.
+
Переместим также второй текст, но уже вправо.
  
 
[[Файл:10it.png]]
 
[[Файл:10it.png]]
  
Переходим на 11-ый кадр второго слоя, нажимаем правую клавишу мыши, вставляем ключевой кадр.  
+
Переходим на 11-ый кадр слоя "obraz" нажимаем правую клавишу мыши, вставляем ключевой кадр.  
  
 
[[Файл:11it.png]]
 
[[Файл:11it.png]]
  
Переходим на 15-ый кадр второго слоя, нажимаем правую клавишу мыши, вставляем ключевой кадр.  
+
Тоже самое проделываем на 15-ом кадре.
  
 
[[Файл:12it.png]]
 
[[Файл:12it.png]]
Строка 47: Строка 48:
 
[[Файл:13it.png]]
 
[[Файл:13it.png]]
  
Переходим на 15-ый кадр и стрелкой перемещаем текст вправо.  
+
Переходим на 15-ый кадр и стрелкой перемещаем текст в право.  
 
   
 
   
 
[[Файл:14it.png]]
 
[[Файл:14it.png]]
  
Переходим на третий слой 11-ого кадра, выделяем текст, нажимаем правую клавишу мыши, вставляем ключевой кадр.
+
[[Файл:15it.png]]
  
 
[[Файл: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-ый кадр четвертого слоя, затем кликаем мышкой по символу и выбираем панель свойства.  
+
[[Файл:33it.png]]
  
 
[[Файл: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 кадр, стрелкой передвигаеем символ влево.
+
[[Файл:41it.png]]
  
 
[[Файл: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

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