Как сделать рекламный баннер в фотошопе

1. Шаги, чтобы сделать рекламный баннер в фотошопе
2. 2. Добавьте изображение товара в баннер
3. 3. Измените размер изображения в соответствии с баннером
4. 4. Дополнительно: изменить цвет фона
5. 5. Цвет фона
8. 7. Добавьте кнопку в баннер
9. 8. Сохраните файл JPG и шаблон оформления баннера.
10. Другие размеры баннера

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

Этот учебник написан для начинающих. Если вы никогда ранее не использовали Photoshop, вам следует ознакомиться с концепцией слоев в Photoshop. Чтобы узнать немного о том, как использовать слои, вот базовый учебник по слоям с сайта Adobe.

Шаги, чтобы сделать рекламный баннер в фотошопе

1. Создайте новый шаблон баннера

Перейти Файл> Новый

В появившемся окне выберите «Веб» и введите размеры 300 х 250 пикселей. Это один из стандартных размеров баннеров. Нажмите «Создать», и откроется новое пустое изображение.

2. Добавьте изображение товара в баннер

Перейдите в «Файл»> «Открыть» и откройте одно из изображений вашего продукта, которое вы хотите разместить на баннере. Необязательно: Если вы хотите изменить цвет фона в баннере, используйте изображение продукта с прозрачным фоном (файл png, а не jpg). Можно использовать JPG, но фон будет отображаться на баннере. Клетчатый фон на скриншоте ниже - это способ показать, что это прозрачный фон в Photoshop.

Затем перейдите в Window> Arrange> Tile All Vertical. Это показывает вам изображение и шаблон баннера рядом.

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

3. Измените размер изображения в соответствии с баннером

Чтобы изменить размер изображения вашего продукта, чтобы оно соответствовало баннеру, перейдите в «Правка»> «Свободное преобразование». Это поместит маркеры вокруг изображения вашего продукта, которые вы можете использовать для изменения размера изображения. Это также позволяет перемещать ваш продукт в любом месте на баннере. Так что измените размер и переместите его в положение, которое вы хотите.

Вы также можете изменить размер, используя верхнюю панель, как показано ниже. Обратите внимание, что размер изображения был изменен до 38% от его первоначальной высоты и ширины, чтобы он поместился в нужное мне положение.

4. Дополнительно: изменить цвет фона

Поскольку мы используем изображение продукта с прозрачным фоном, мы можем изменить цвет фона на любой, какой захотим. Нажмите на фоновый слой (Layer 1 ниже) на панели слоев в правом нижнем углу экрана.

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

5. Цвет фона

Используйте инструмент «Ведро с краской» и щелкните в любом месте изображения (убедитесь, что слой 1 по-прежнему выбран). Это меняет фон на черный.

6. Добавьте текст в баннер

В оставшейся части урока я продолжаю использовать белый фон.

Выберите слой 2. Это потому, что мы хотим, чтобы текст появлялся в верхней части баннера, поэтому нажмите на самый верхний слой. Затем выберите инструмент «Текст» и нажмите на баннер, где вы хотите, чтобы текст появился. Вы увидите текстовое поле, созданное для ввода текста.

Вы можете изменить размер шрифта, цвет и т. Д., Используя параметры в меню в правой части экрана.

7. Добавьте кнопку в баннер

Нажмите на инструмент прямоугольник и нажмите и перетащите на изображение. Обратите внимание, что некоторые инструменты находятся в подменю. Чтобы увидеть подменю (как показано ниже), нажмите и удерживайте значок инструмента. Некоторые инструменты имеют подменю, а некоторые нет.

Размер прямоугольника, нажав на углы и перетаскивая.

Теперь выберите цвет в меню «Заливка» на верхней панели.

Снова нажмите на инструмент «Текст», а затем на прямоугольник, чтобы текст появился на прямоугольнике, чтобы он выглядел как кнопка. Введите какой-нибудь текст, например «Магазин сейчас» или аналогичный.

Чтобы переместить текст и расположить его, снова щелкните инструмент «Перемещение», как мы это делали, чтобы переместить изображение ранее в учебнике. Как только вы разместите его, вот последний баннер.

Если вы хотите добавить свой логотип, вы можете открыть файл логотипа, снова использовать инструмент «Перемещение», чтобы щелкнуть и перетащить логотип в баннер, изменить его размер и расположить так, как вы хотите.

8. Сохраните файл JPG и шаблон оформления баннера.

Наконец, перейдите в File> Save As и выберите JPG из выпадающего списка, чтобы сохранить файл в формате jpg для использования в Adwords и рекламных целях. Затем повторите этот шаг, но теперь сохраните как файл PSD. Это сохранит файл со всеми слоями, чтобы вы могли вернуться к нему позже, чтобы изменить изображение, текст или кнопку и создать новые баннеры из него. PSD-файл - это шаблон вашего баннера.

Другие размеры баннера

Теперь, когда вы создали баннер размером 300 × 250, продолжайте создавать баннеры других стандартных размеров, таких как 728 × 90, 160 × 600, 120 × 600 и мобильные размеры. Создание шаблона требует времени, но как только вы освоите основы, создание различных версий баннеров при запуске новых коллекций станет быстрым и легким.

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

Спасибо за прочтение. Если вы ищете на аутсорсинг фотография продукта и получите изображения на прозрачном фоне, посмотрите нашу домашнюю страницу с образцами и ценами.

Похожие

Комментарии