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

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

Метод 1

Метод 1 из 6:

Фотошоп

Загрузить PDF

1
Создайте новый документ. Определите размер баннера: существуют принятые размеры стандартного баннера ^{[1]XИсточник информации}. Мы сосредоточимся на стандартном "полном баннере" размером 468 пикселей на 60 пикселей:
- Заметьте, что это - стандартный размер, но это не требование. Если для ваших надобностей и требований подходят другие размеры, измените размер. Это вам поможет.
2
Установите цвет фона. Заполните слой заднего плана цветом фона, который подходит к дизайну вашего сайта .
- Кликните на цвет переднего плана, чтобы открыть палитру цветов и выбрать заполняющий цвет.
- С помощью инструмента "Заливка" заполните слой заднего плана баннера выбранным цветом.
3
Создайте новый слой. Мы собираемся заполнить его более насыщенным цветом, чтобы помочь выделить текст и эмблему. Мы хотим, чтобы он был пропорционален размеру баннера и сосредоточен в центре.
- В новом слое выберите рамку несколько меньшего размера, чем баннер, и заполните его желаемым цветом
- Сдвиньте заполненную область в центр. Выберите весь слой нажатием на CTRL-A (ПК) или Command -A (Мас).
- Из меню Layer (Слой) выберите Align Layers to Selection > Vertical Centers (Выравнять Слои по Выбору > Вертикальные Центры). Повторите этот шаг, но теперь выберите Horizontal Centers (Горизонтальные Центры). Это сосредоточит контрастный слой в центре по горизонтали и вертикали.
Откройте свой файл с фирменным знаком, скопируйте его и вставьте его в ваш документ баннера, где он появится как новый слой. Измените его размеры по мере необходимости, чтобы соответствовать баннеру. Нажмите CTRL-T (ПК) или Command-T (Мас) и используйте метки-манипуляторы, чтобы изменить размеры изображения по мере необходимости. Чтобы пропорционально изменить размеры, зажмите Shift.
Выберите текстовый инструмент, выберите желаемый шрифт и напечатайте название. Приспособьте размер по мере необходимости, как описано в предыдущем шаге.
Иногда достаточно логотипа и названия. Иногда добавление некоторых линий и украшений будет вызывать дополнительный интерес к вашему баннеру. Создайте новый слой, чтобы сделать это так, чтобы можно было внести любые корректировки, не нарушая другие слои.
Точно настройте размещение эмблемы, названия и дополнительных элементов. Сохраните ваш баннер.
Реклама

Метод 2

Метод 2 из 6:

Microsoft Paint

Загрузить PDF

Это может быть любой размер, который вам нравится. Или кликните на здесь, чтобы узнать стандартные размеры баннеров.
Если вы хотите цветной фон, используйте инструмент "Заливка", чтобы заполнить баннер любым цветом, который вам нравится. Сделайте его таким, чтобы он сочетался с остальной частью вашего веб-сайта.
4
Добавьте фотографии, графику и текст. Нажмите на Paste (Вставить). Выберите из меню Paste from.
- Найдите нужную картинку и кликните на кнопку Open (Открыть).
5
Измените размеры вашей картинки. Нажмите на кнопку Resize (Изменить Размер), затем выберите Pixels (Пиксели). Измените высоту соответственно высоте вашего баннера.
- Передвиньте картинку в нужное место.
- Добавьте необходимое количество соответствующих изображений
Используйте текстовый инструмент (кнопка A ) .
Используйте инструмент Select (Выбрать) и выберите баннер. Удостоверьтесь, что это нужный размер. Затем кликните на Crop (Обрезать).
Реклама

Метод 3

Метод 3 из 6:

Используя Microsoft PowerPoint

Загрузить PDF

1
Создайте новый чистый документ PowerPoint.
- Установите увеличение в 100%.
2
Установите фон баннера. Используйте один из размеров стандартного баннера ^{[2]XИсточник информации} или размер, в котором вы нуждаетесь.
- Кликните на Shape (Форма) и выберите базовый прямоугольник.
- Нарисуйте прямоугольник желаемого размера и заполните его нужным цветом. Можно использовать чистый цвет или из меню «заполнить цветом» выбрать Fill Effects (Эффект Заполнения). Можно нажать на кнопку Quick Styles (Быстрые Стили) и выбрать стиль.
Вы можете добавить к вашему баннеру фотографии, логотипы, эмблемы или другие изображения. Мы будем для иллюстрации использовать клипарт. Нажмите на кнопку Picture (Картинка) и выберите желаемый тип изображения, которое вы хотите включить. Добавьте изображение, измените его размеры и поместите его в свой баннер
Поместите название компании, подзаголовок или любую другую информацию, чтобы закончить изготавливать свой баннер.
5
Выберите баннер. Из меню Edit (Редактировать) выберите Select All (Выбирать Все) или нажмите CTRL-A (ПК) или Command -A (Mac). Важно удостовериться, что ваш баннер точно такой, как вы хотите, и что на слайде нет ничего лишнего!
- Щелкните правой кнопкой мыши на любом нетекстовом элементе вашего баннера и выберите, Save as Picture (Сохранить как Изображение).
Откройте его и проверьте, что он такой, как вы хотели, и используйте его!
Реклама

Метод 4

Метод 4 из 6:

Используйте онлайн-проектировщики баннеров

Загрузить PDF

BannersABC.com, Addesigner.com, mybannermaker.com и т.д. (поищите другие сайты в Google). Есть много проектировщиков баннеров онлайн. Потратьте несколько минут, сравнивая их особенности, и выберите тот, который подходит вам лучше всего.
Следуйте подсказкам на экране и используйте их методы, чтобы построить ваш баннер. У них часто будут свои собственные художественные решения, которые можно использовать прямо там или даже импортировать в баннер изображения собственного изготовления.
Когда закончите, используйте экспортную функцию, которая позволит вам определять, где вы хотите сохранить файл, и формат файла (обычно jpeg). Следуйте инструкциям, сохраните, загрузите и используйте!
Реклама

Метод 5

Метод 5 из 6:

Создание аватара, который соответствует вашему баннеру

Загрузить PDF

Вы можете использовать ваш аватар для своего баннера, если вы используете его на форумах.
2
Используйте функцию «Crop» (Обрезать). Она доступна в большинстве графических приложений. Подрежьте свой баннер до маленькой секции.
- Или же можно спроектировать маленькую версию, которая включает элементы большего баннера. Это может быть только ваша эмблема, или ваша фотография, или только название компании. Главное – сделать его узнаваемым.
48х48 пикселов - стандартный размер.
Реклама

Метод 6

Метод 6 из 6:

Добавление баннера в форумы, веб сайты, и т.д.

Загрузить PDF

1
Создайте аккаунт. Используйте сайт для хранения фото, такой как Photobucket, Flickr, Tumblr или что-то подобное.
- Как только вы создали аккаунт, можно загрузить на веб-сайт баннер, аватар и любые другие изображения.
Используйте возможности делиться для прибавления HTML кода вашего баннера к вашей подписи на форуме, веб-сайту или чему-либо еще.
Реклама

Советы

Используйте большое разнообразие шрифтов, доступных на вашем компьютере.
Дело мастера боится.
Смотрите на форумах или других местах, чтобы видеть примеры баннеров!

Предупреждения

Создание баннера требует времени и терпения!
Чтобы иметь баннер в лучшем формате, сохраняйте его в 24 битовом разрешении. Делайте копии в Jpeg и Gif, потому что Jpeg и Gif могут случайно его испортить.
Когда вы загружаете свою фотографию на Photobucket, если вы использовали PowerPoint, чтобы сделать ваш баннер, это может быть файл EMF, который Photobucket не принимает. Чтобы преобразовать его, удостоверьтесь, что вы сохраняете его (шаг #9) как JPEG или GIF. Тогда можно загрузить его на Photobucket.