Баннер представляет собой небольшое объявление рекламного характера, которое, кроме всего прочего, также является кликабельной ссылкой, ведущей на иные web-ресурсы или страницы. Основной задачей баннера становится привлечение внимания пользователей. Эффективный баннер должен быть максимально заметным, но не сильно раздражать внимание посетителей (не быть назойливым). Многие начинающие верстальщики и веб-дизайнеры задумываются о том, как сделать баннер. Ведь речь идет о том компоненте страниц, без которого продажи услуг и товаров посредством использования доступа в Интернет были бы не настолько эффективными.
Пытаясь понять, как сделать баннер для сайта, необходимо, прежде всего, усвоить один нюанс - краткость не перестала быть сестрой таланта. Не нужно делать "попугайскую" анимацию с массой надписей и картинок. Чем лаконичнее будет мысль, заключенная в баннере, тем проще будет посетителю понять и принять ее.
Как сделать флеш баннер - Запустить подходящую программу, к примеру, Aleo flash intro banner maker, создать новый проект;
- Во вкладке "size and solid" задать размер желаемого баннера, его форму и скорость прокрутки ролика. При необходимости можно задать конкретное музыкальное сопровождение;
- Вкладка "background" отвечает за фон баннера. Фоном может быть определенное изображение, или же цвет.
- Вкладка "effect" представляет особый интерес для веб-дизайнеров. Тут имеется достаточно много эффектов, следует подобрать подходящие.
- Вкладка "text and image" предоставит возможность прописать на баннере текст, а также установить на него конкретное изображение.
- Вкладка "web links" позволит установить ссылку на ресурс, открытие которого будет выполняться после нажатия на наш флеш баннер.
Для того, чтобы готовый баннер вывести из программы, надо нажать "publish banner" -> "publish", после чего подобрать нужный формат - swf, gif, avi. Не забыть сделать пометку "create HTML code", чтобы создать код html. Затем нажать "copy html code to clipboard", после чего вставить готовый код в файл сайта.
Как сделать баннер в фотошопе - Создать новый документ, задав разрешение, высоту, ширину и название;
- Обозначить имя слоя, кликнув по соответствующей иконке;
- Снова кликнуть дважды по иконке слоя, чтобы открыть параметры непосредственного наложения. Выбрать пункт наложения градиента, указав сам градиент от серого до белого;
- Создать новый слой;
- Нарисовать посредством использования инструмента "Pen Tool" форму баннера;
- Перейти на вкладку контуров, выбрать "Рабочий контур", кликнуть по значку Load Path as a Selection, воспользоваться инструментом "прямоугольная область", нажать сочетание клавиш I+Shft+Cntr, выбрать инструмент "заливка";
- Установить цвет переднего плана, кликнуть внутри выделения, чтобы быстро заполнить его подобранным цветом;
- Кликнуть дважды по миниатюре слоя, открыв параметры наложения, воспользоваться обводкой, если это необходимо;
- Выбрать инструмент Round Rectangular Tool и цвет для новой фигуры, которую нужно создать, аккуратно нарисовать ее;
- Выбрать все слои, зажав клавишу Ctrl и кликнув по каждому слою;
- Сгруппировать все слои - Ctrl + G, назвать их, к примеру, "фигуры";
- В центр баннера вставить нужное изображение;
- Выбрав инструмент "Произвольная фигура", подобрать в выпадающем списке стрелки или что-либо в этом роде, чтобы улучшить дизайн баннера;
- Выбрав инструмент "Text Tool", добавить необходимый текст;
- Добавив стили слоя, улучшить визуально исполнение текста;
- Сгруппировать слои указанного текста в отдельной папке также, как ранее группировали слои фигур. Назвать папку "текст".
Баннер готов к непосредственному размещению!
|
