Фон

________________________________________________________________

 

  • Если вас интересуют фоны для готовых баннеров, предлагаю посетить страницу с шаблонами, там вы найдете более 1000 готовых заготовок.
  • Если интересует фон для баннера на youtube, тогда вам сюда.

_________________________________________________________________

Итак, продолжаем разработку баннера

Если бы мы делали раскадровку, то вся графика уже была бы готова, нам пришлось бы только копировать ее в баннер и создать анимацию.

Вставить в качестве фона картинку размером 240×400 не получится, так как у нас планируется еще 3 фото интерьеров (и это не считая текста и анимации). Баннер просто выйдет за пределы требований по весу (40 Кб). Векторный градиентный фон будет смотреться не так эффектно, как фон на сайте (рисунок 14, каким планируется сделать и в баннере).

Рисунок 14. Фон сайта

Наш фон будет состоять из фрагментов маленьких картинок (в библиотеке документа Flash сохраниться экземпляр картинки, а количество ее повторений в ролике не повлияет на вес баннера). Сама же маленькая картинка будет весить меньше 1 Кб.

Создаем документ Adobe Photoshop с размерами 50×50 px. Закрашиваем всю область в синий цвет (берем из фона сайта). Применяем фильтр Add Noise (Filter → Noise → Add Noise). Сохраняем в виде jpg картинки с именем bg в папку images проекта.

Переходим во Flash документ. Нам нужен слой mcMain. Импортируем на сцену сохраненную картинку File → Import → Import to Stage (или Ctrl+R).

Дублируем картинку по всей области ролика, чтобы создать фон для баннера (так как размер картинки был 50×50 px, размер фона выйдет 250×400 px, но это не страшно, можно легко подогнать под 240×400). Выделяем все дубликаты, создаем MovieClip с именем mcMain. Заходим в клип, снова выделяем весь фон и создаем клип с именем mcBg. Такое же имя даем слою. Чтобы создать фону градиентный переход, заходим в клип mcBg, создаем слой над слоем картинок и рисуем черный прямоугольник размером 240×400. В окне Color задаем градиентную полупрозрачную заливку (рисунок 15), а инструментом Gradient Transform Tool (F) поворачиваем заливку необходимым образом (рисунок 16).

Рисунок 15. Настройки полупрозрачного градиента

Рисунок 16. Градиентный текстурный фон

В итоге вес нашего баннера менее 2 Кб.

Автор: Юрий Гусак.