«

»

Мар 13

Как создать баннер и шапку для сайта самому

Всем привет! В интернете существует множество методов продвижения товаров и услуг, сегодня особой популярностью выделяется ссылочная и контекстная реклама. Но не стоит забывать и про классический способ – баннеры. Это самый эффективный, но при этом дорогостоящий вариант рекламы. Вы сможете избавиться от этого недостатка, если будете знать, как создать баннер для сайта самому. Касается это и шапки, которая создается по такой же схеме.

Рекомендации

Существует четыре способа создания шапок и баннеров для сайта:

  1. онлайн-сервисы, позволяющие быстро сделать баннер без скачивания софта;
  2. специальные приложения для создания шапок и баннеров;
  3. самостоятельное создание в одном из графических редакторов;
  4. заказ элементов у профессиональных дизайнеров.

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

Рассмотрим кратко каждый из этих способов для того, чтобы узнать как создать шапку для сайта. Начать стоит с первого.

Онлайн-сервисы

Множество популярных программ перекочевало в режим «online», это касается даже громоздкого графического редактора CS Photoshop. Что касается сервисов, заточенных под баннеры и шапки, то они обладают набором необходимых функций и простым управлением. Вы найдете множество сайтов в интернете, для примера можно взять вот этот сервис (http://bannerfans.com/banner_maker.php). Я выбрал его за широкий функционал, интуитивно понятное управление и наличие русского языка. Сервис подойдет пользователям, которые не хотят тратить много времени на «изобретение» баннера – здесь вы найдете множество готовых шаблонов для шапок и баннеров.

как создать баннер для сайта самому в сети

Рамкой выделена область для смены языка, изначально там стоит английский.

Чтобы понять, как создать баннер или шапку для сайта самому в этом конструкторе, стоит изучить процесс, состоящий из пяти шагов:

  1. Выбираем размер и фон для баннера, конструктор предложит свои варианты, но вы можете все сделать самостоятельно.
  2. Во вкладке «текст» нужно будет выбрать цвет, размер и стиль шрифта, в этом же поле выбирается надпись.
  3. Третий шаг – работа над эффектами, вы будете изменять тени, добавлять декоративные элементы и т.д.
  4. Проверяем получившуюся шапку или баннер и дорабатываем его, если это необходимо.
  5. В финальном этапе вы указываете формат и сохраняете готовый баннер к себе на компьютер.

Готово! По такой же схеме работают и другие онлайн-конструкторы.

Специализированные программы

Хорошим аналогом являются простые и, самое главное, бесплатные приложения. Правда, некоторых из них будут бесплатными только месяц. Я выделил несколько удобных программ, с которыми справится и начинающий пользователь:

  • Easy GIF Animator;
  • Ulead GIF;
  • Banner Designer.

Весят они немного – около 30 Мб, поэтому есть смысл опробовать каждую программу и остановиться на самом удобном для вас варианте.Разберем процесс на примере приложения Easy GIF Animator – загружать приложение лучше с официального сайта (www.easygifanimator.net).

Главное меню программы – выбираем вкладку «Создать баннер»:

как создать баннер для сайта самому быстро

Программа платная, но разработчики предоставляют 20 бесплатных запусков – этого вполне хватит для создания 5-10 баннеров или шапок. Easy GIF Animator получил простой интерфейс, поэтому долго разбираться в работе приложения вам не придется. Процесс создания проходит по стандартной схеме: выбираем размер и цвет. Конструктор предложит градиент и монотонный цвет. В приложении присутствует огромная коллекция цветов.

как создать шапку для сайта бесплатно

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

Графические редакторы

Если вы ваши навыки работы в Photoshop выше среднего, то стоит попробовать сделать баннер именно там. Способ трудоемкий и долгий, если сравнивать с онлайн-конструкторами компактными приложениями, но зато вы получите оригинальный и стильный баннер. Перед тем, как создать шапку для сайта в графическом редакторе, нужно выбрать подходящую программу. Рекомендуется использовать полную версию. Вам нужно будет сделать рамку, подобрать приятный цвет и добавить анимированные надписи. Многие профессионалы пользуются только этим способом в совершенстве владея нужной программой.

Итог

Зайдите на сайты, которые есть в закладках браузера. На каждом из них, скорее всего, будет множество баннеров – изучите их особенности, выделите приятные для глаз варианты. Таким образом, вы сможете подобрать уникальный дизайн и для своих творений.

Перед тем, как создать баннер для сайта самому, нужно узнать его размеры (ширина и высота), например в шаблоне, или измерить, чтобы все подходило и смотрелось красиво. Возможно, вы захотите оптимизировать свои изображения — уменьшить размер или вес, об этом подробно написано здесь. Сегодня у меня всё. А как делаете вы? Напишите ниже.

Если статья Вам понравилась, поделитесь с друзьями!

6 комментариев

1 пинг

Перейти полю для комментария

  1. GALANT

    Какая хорошая статья! Тема-то сложная, а описано все так просто и доступно, что хочется вот прям сейчас бежать и делать шапку. У меня проблема со слишком темным фоном. Ищу способы исправить это. Так что Ваш материал как раз кстати.

    1. Евгений

      Спасибо за отзыв, старался).

  2. Алексей Полинаров

    Сделать самому путевый баннер сложно, но ведь все приходит с опытом, всему можно научиться. Так что будем стараться и справимся с задачей. Автору спасибо за полезный материал.

    1. Евгений

      Все в жизни приходит с опытом, путем проб и ошибок.

  3. Павел

    Спасибо за статью. Стоит взять на заметку эти сервисы и приложения, возможно, пригодятся 🙂

    1. Евгений

      Всегда пожалуйста)

  1. Инструкция: как проверить домен на АГС и спам-листы | Секреты блогера

    […] сайте множество всплывающих окон и баннеров для интенсивной […]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>