6 способов создать веб-баннер

Оглавление:

6 способов создать веб-баннер
6 способов создать веб-баннер
Anonim

Вы должны быть знакомы с веб-баннерами (веб-баннерами). Этот графический материал обычно располагается поверх веб-сайта и отображает название компании и логотип, или в форме рекламы - или и того, и другого на коммерческом веб-сайте. Баннеры должны быть информативными, привлекательными и привлекательными - баннеры должны заставлять постоянных посетителей чувствовать себя как дома. Ниже мы покажем вам несколько способов создания баннера.

Шаг

Метод 1 из 6: Photoshop

Сделайте баннер Шаг 1
Сделайте баннер Шаг 1

Шаг 1. Создайте новый документ

Укажите размер баннера, доступен ряд стандартных размеров баннера. В рамках данной статьи мы остановимся на стандартном размере «полного баннера» (468x60 пикселей).

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

Сделайте баннер Шаг 2
Сделайте баннер Шаг 2

Шаг 2. Установите цвет фона баннера

Залейте фоновый слой (он же слой) цветом, который соответствует дизайну вашего веб-сайта.

  • Щелкните Цвет переднего плана, чтобы открыть палитру цветов, затем выберите цвет заливки.
  • С помощью инструмента «Заливка» залейте фоновый слой баннера желаемым цветом.
Сделайте баннер Шаг 3
Сделайте баннер Шаг 3

Шаг 3. Создайте новый слой

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

  • На новом слое сделайте выделение немного меньше исходного баннера, затем залейте его желаемым цветом.
  • Центрируйте заполненную область. Выделите весь слой, нажав CTRL + A (ПК) или Command + A (Macintosh).
  • В меню «Слой» выберите «Выровнять слои по выделенному фрагменту»> «Вертикальные центры». Повторите этот шаг, но выберите «Горизонтальные центры». Это действие центрирует контрастный слой по горизонтали и вертикали.
Сделайте баннер Шаг 4
Сделайте баннер Шаг 4

Шаг 4. Добавьте логотип

Откройте файл логотипа, скопируйте его, а затем вставьте в документ баннера, чтобы он появился как новый слой. При необходимости измените его размер. Нажмите CTRL + T на ПК или Command + T на Macintosh и используйте ручки, чтобы изменить размер документа. Используйте клавишу Shift на ручке, чтобы пропорционально изменить его размер.

Сделайте баннер Шаг 5
Сделайте баннер Шаг 5

Шаг 5. Добавьте название компании или сайта

Выберите инструмент «Текст», выберите нужный шрифт (он же шрифт) и введите в него текст. При необходимости отрегулируйте размер шрифта, как описано в предыдущем шаге.

Сделайте баннер Шаг 6
Сделайте баннер Шаг 6

Шаг 6. Добавьте лишние элементы

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

Сделайте баннер Шаг 7
Сделайте баннер Шаг 7

Шаг 7. Очистить

Настройте размещение логотипа, заголовка и любых дополнительных элементов, а затем сохраните баннер.

Метод 2 из 6: Microsoft Paint

Сделать баннер Шаг 8
Сделать баннер Шаг 8

Шаг 1. Создайте новый документ

Сделать баннер Шаг 9
Сделать баннер Шаг 9

Шаг 2. Нарисуйте выделение размером с баннер

Вы можете создать любой размер, какой захотите, или нажмите здесь, чтобы просмотреть стандартные размеры баннеров.

Сделать баннер Шаг 10
Сделать баннер Шаг 10

Шаг 3. Чтобы создать цветной фон, используйте инструмент «ведро с краской», чтобы залить баннер любым цветом, который вам нравится

Используйте цвета, соответствующие цвету веб-сайта.

Сделать баннер Шаг 11
Сделать баннер Шаг 11

Шаг 4. Добавьте фотографии, изображения и текст

Щелкните вкладку «Вставить», затем в меню выберите «Вставить из».

Найдите понравившееся изображение и нажмите кнопку «Открыть»

Сделайте баннер Шаг 12
Сделайте баннер Шаг 12

Шаг 5. При необходимости измените размер изображения

Щелкните вкладку «Изменить размер» и выберите «Пиксели». Отрегулируйте его высоту по вертикали, чтобы она соответствовала высоте баннера.

  • Переместите изображение на место.
  • Добавьте столько изображений, сколько хотите (и поместите!)
Сделать баннер Шаг 13
Сделать баннер Шаг 13

Шаг 6. Добавьте имя

Используйте инструмент «Текст» (кнопка A), чтобы добавить свое имя или любой другой текст, который вы хотите.

Сделать баннер Шаг 14
Сделать баннер Шаг 14

Шаг 7. Обрезка баннера

Воспользуйтесь инструментом «Выбрать» и нарисуйте рамку вокруг баннера. Убедитесь, что он соответствует размеру желаемого конечного результата. Затем нажмите «Обрезать».

Сделать баннер Шаг 15
Сделать баннер Шаг 15

Шаг 8. После этого сохраните

Метод 3 из 6. Использование Microsoft PowerPoint

Сделать баннер Шаг 16
Сделать баннер Шаг 16

Шаг 1. Создайте новый пустой документ PowerPoint

Установите вид на 100%

Сделать баннер Шаг 17
Сделать баннер Шаг 17

Шаг 2. Рисуем фон баннера

Используйте один из стандартных размеров баннеров или любой другой размер, который вам нужен.

  • Щелкните вкладку Форма, затем выберите основной прямоугольник.
  • Нарисуйте нужный размер, а затем заполните его, сколько душе угодно. Вы можете использовать сплошной цвет или в меню цвета заливки выбрать «Эффекты заливки» или нажать кнопку «Быстрые стили» и выбрать предустановленный цвет заливки.
Сделать баннер Шаг 18
Сделать баннер Шаг 18

Шаг 3. Добавьте изображение или логотип

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

Сделать баннер Шаг 19
Сделать баннер Шаг 19

Шаг 4. Добавьте текст или другие элементы

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

Сделать баннер Шаг 20
Сделать баннер Шаг 20

Шаг 5. Выберите баннер

В меню «Правка» выберите «Выбрать все» или введите CTRL + A (ПК) или Command + A (Mac). Важно: убедитесь, что ваш баннер именно такой, какой вы хотите, и на слайде (он же слайд) ничего больше нет!

Щелкните правой кнопкой мыши любой нетекстовый элемент в баннере, затем выберите «Сохранить как изображение…»

Сделать баннер Шаг 21
Сделать баннер Шаг 21

Шаг 6. Сохраните баннер

Откройте его и убедитесь, что баннер именно то, что вам нужно, а затем используйте его по мере необходимости!

Метод 4 из 6. Использование веб-конструктора баннеров

Сделать баннер Шаг 22
Сделать баннер Шаг 22

Шаг 1. Посетите один из следующих сайтов:

BannersABC.com, Addesigner.com, mybannermaker.com и т. Д. (Найдите что-нибудь еще в Google). В Интернете есть масса создателей баннеров. Уделите несколько минут, чтобы сравнить различные функции, а затем выберите ту, которая подходит именно вам.

Сделать баннер Шаг 23
Сделать баннер Шаг 23

Шаг 2. Добавьте текст и изображения

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

Сделать баннер Шаг 24
Сделать баннер Шаг 24

Шаг 3. Сгенерируйте баннер

После этого обычно появляется функция экспорта, которая позволит вам указать каталог, в котором будет сохранен баннер, вместе с форматом (JPEG обычно хорошего качества). Следуйте инструкциям, сохраните, загрузите и используйте баннер по мере необходимости.

Метод 5 из 6. Создание аватара, подходящего для баннера

Сделать баннер Шаг 25
Сделать баннер Шаг 25

Шаг 1. Этот шаг не является обязательным

Вы можете создать аватар, соответствующий баннеру, если будете использовать его на форумах.

Сделать баннер Шаг 26
Сделать баннер Шаг 26

Шаг 2. Используйте опцию Обрезать

Эта функция доступна в большинстве графических приложений. Обрежьте баннер до небольшого размера.

В качестве альтернативы вы можете создать небольшую версию, включающую элементы большого баннера. Это может быть логотип, изображение или просто название компании. Главное - сделать так, чтобы его было легко читать

Сделать баннер Шаг 27
Сделать баннер Шаг 27

Шаг 3. Размер аватара должен быть небольшим

Размер по умолчанию - 48x48 пикселей.

Сделать баннер Шаг 28
Сделать баннер Шаг 28

Шаг 4. Сохраните аватарку

Метод 6 из 6. Добавление баннеров для подписей на форуме, веб-сайтов и т. Д

Сделать баннер Шаг 29
Сделать баннер Шаг 29

Шаг 1. Создайте учетную запись

Воспользуйтесь сайтом для обмена фотографиями, например Photobucket, Flickr, Tumblr и т. Д.

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

Сделать баннер Шаг 30
Сделать баннер Шаг 30

Шаг 2. Получите код

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

подсказки

  • Установите на свой компьютер несколько шрифтов.
  • Много тренируйтесь!
  • Посмотрите образцы баннеров на форумах или в других местах.

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

  • Изготовление баннеров требует времени и терпения!
  • Чтобы сохранить баннер в наилучшем состоянии, сохраните его в 24-битном формате растрового изображения, а затем сделайте его копию в формате JPEG и GIF, поскольку файлы JPEG и-g.webp" />
  • Если вы используете PowerPoint для создания баннера, конечный результат может быть в формате EMF, который Photobucket не поддерживает. Чтобы преобразовать его, убедитесь, что вы сохранили изображение (шаг № 9) в формате JPEG или GIF. Оба этих формата могут поддерживаться Photobucket.

Рекомендуемые: