5.0 0.5 5 37

Как сделать баннер?

Игорь Горбатюк
Игорь Горбатюк
13 августа 2012
932
Оцените:
Как сделать баннер?

Баннер представляет собой небольшое объявление рекламного характера, которое, кроме всего прочего, также является кликабельной ссылкой, ведущей на иные web-ресурсы или страницы. Основной задачей баннера становится привлечение внимания пользователей. Эффективный баннер должен быть максимально заметным, но не сильно раздражать внимание посетителей (не быть назойливым). Многие начинающие верстальщики и веб-дизайнеры задумываются о том, как сделать баннер. Ведь речь идет о том компоненте страниц, без которого продажи услуг и товаров посредством использования доступа в Интернет были бы не настолько эффективными.

Пытаясь понять, как сделать баннер для сайта, необходимо, прежде всего, усвоить один нюанс - краткость не перестала быть сестрой таланта. Не нужно делать "попугайскую" анимацию с массой надписей и картинок. Чем лаконичнее будет мысль, заключенная в баннере, тем проще будет посетителю понять и принять ее.

Как сделать флеш баннер

  1. Запустить подходящую программу, к примеру, Aleo flash intro banner maker, создать новый проект;
  2. Во вкладке "size and solid" задать размер желаемого баннера, его форму и скорость прокрутки ролика. При необходимости можно задать конкретное музыкальное сопровождение;
  3. Вкладка "background" отвечает за фон баннера. Фоном может быть определенное изображение, или же цвет.
  4. Вкладка "effect" представляет особый интерес для веб-дизайнеров. Тут имеется достаточно много эффектов, следует подобрать подходящие.
  5. Вкладка "text and image" предоставит возможность прописать на баннере текст, а также установить на него конкретное изображение.
  6. Вкладка "web links" позволит установить ссылку на ресурс, открытие которого будет выполняться после нажатия на наш флеш баннер.

Для того, чтобы готовый баннер вывести из программы, надо нажать "publish banner" -> "publish", после чего подобрать нужный формат - swf, gif, avi. Не забыть сделать пометку "create HTML code", чтобы создать код html. Затем нажать "copy html code to clipboard", после чего вставить готовый код в файл сайта.

Как сделать баннер в фотошопе

  1. Создать новый документ, задав разрешение, высоту, ширину и название;
  2. Обозначить имя слоя, кликнув по соответствующей иконке;
  3. Снова кликнуть дважды по иконке слоя, чтобы открыть параметры непосредственного наложения. Выбрать пункт наложения градиента, указав сам градиент от серого до белого;
  4. Создать новый слой;
  5. Нарисовать посредством использования инструмента "Pen Tool" форму баннера;
  6. Перейти на вкладку контуров, выбрать "Рабочий контур", кликнуть по значку Load Path as a Selection, воспользоваться инструментом "прямоугольная область", нажать сочетание клавиш I+Shft+Cntr, выбрать инструмент "заливка";
  7. Установить цвет переднего плана, кликнуть внутри выделения, чтобы быстро заполнить его подобранным цветом;
  8. Кликнуть дважды по миниатюре слоя, открыв параметры наложения, воспользоваться обводкой, если это необходимо;
  9. Выбрать инструмент Round Rectangular Tool и цвет для новой фигуры, которую нужно создать, аккуратно нарисовать ее;
  10. Выбрать все слои, зажав клавишу Ctrl и кликнув по каждому слою;
  11. Сгруппировать все слои - Ctrl + G, назвать их, к примеру, "фигуры";
  12. В центр баннера вставить нужное изображение;
  13. Выбрав инструмент "Произвольная фигура", подобрать в выпадающем списке стрелки или что-либо в этом роде, чтобы улучшить дизайн баннера;
  14. Выбрав инструмент "Text Tool", добавить необходимый текст;
  15. Добавив стили слоя, улучшить визуально исполнение текста;
  16. Сгруппировать слои указанного текста в отдельной папке также, как ранее группировали слои фигур. Назвать папку "текст".

Баннер готов к непосредственному размещению!

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!