в , ,

Рисуем баннер для партнерки в Фотошопе

Всем привет. Не все партнерки предоставляют баннеры необходимых размеров, а то и вовсе перекладывают создание рекламы на партнеров. Если вы попали в такую ситуацию, не стоит отчаиваться. В этом уроке я покажу, как создать баннер размером 300х600 пикселей для сайдбара сайта в Фотошопе.

Создание баннера

В качестве товара я выбрал наушники из одного известного интернет-магазина. Технических приемов в этом уроке будет не много, в основном поговорим об основных принципах создания баннеров.

Основные правила для баннеров

  • Баннер должен быть ярким и в то же время не выбиваться из основной цветовой гаммы сайта. Явная реклама может раздражать пользователей.
  • Изображения и текст должны нести основную информацию о товаре, но в краткой форме (название, модель). Если подразумевается акция или скидка, это также можно указать.
  • Текст должен содержать призыв к действию. Таким призывом может являться кнопка с надписью «Купить» или «Заказать».
  • Расположение основных элементов баннера может быть любым, но изображение и кнопка должны быть «под рукой» или «на виду».

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

Sozdaem banner v Fotoshope
Создаем баннер в Фотошопе

Поиск картинок (логотипов, изображений товаров) лучше выполнять на сайте продавца. Кнопку можно создать самостоятельно, с помощью инструментов из группы «Фигуры» (в нашем случае «Прямоугольник со скругленными углами») либо поискать в Гугле подходящий вариант.

Sozdaem banner v Fotoshope 2
Создаем баннер в Фотошопе

Правила для надписей

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

Sozdaem banner v Fotoshope 3
Создаем баннер в Фотошопе

Фон

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

Sozdaem banner v Fotoshope 4
Создаем баннер в Фотошопе

Аккуратность

Не стоит забывать об аккуратном размещении элементов на баннере. Небрежность может вызвать отторжение пользователя. Расстояния между элементами должны быть примерно одинаковыми, так же, как и отступы от границ документа. Пользуйтесь направляющими: они помогут точно позиционировать объекты — кнопки, логотипы и типографику на холсте.

Sozdaem banner v Fotoshope 5
Создаем баннер в Фотошопе

Итоговый результат:

Sozdaem banner v Fotoshope 6
Создаем баннер в Фотошопе

На этом у меня все. До скорого!

Подписывайтесь на канал @phtgr, чтоб не пропускать новые интересные уроки.

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
1248af7e1cc22e6cf8939

Улучшаем видео, снятое на смартфон

photo 2020 05 28 18 19 38

Web-дизайн – Блог