Мастер-класс Создание баннера для своего магазина

Создаем баннер для магазина в программе Paint

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

ШАГ 1.

Открываем наше изображение в Paint.

ШАГ 2.

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

На верхней панели инструментов нажимаем кнопку “Изменить размер”.

Далее указываем либо проценты, либо пиксели, как вам удобней. Я поигралась с размерами и остановилась на таком результате.

ШАГ 3.

Теперь начинается самое интересное, вырезаем баннер. Размер баннера по правилам Ярмарки Мастеров 760 x 75. Нажимаем кнопку Выделить, устанавливаем курсор на изображение и начинаем выделять область для баннера. Внимательно следим за размерами выделенной области в нижней части редактора. Растягиваем до тех пор, пока не увидим заветных циферок 760 x 75.

Нажимаем кнопку Обрезать.

ШАГ 4.

Половина пути пройдена! Делаем надпись. Нажимаем пиктограммку А на панели инструментов. Кликаем мышью на место изображения, где хотите разместить Вашу надпись (область можно будет перемещать). Появится новая вкладка Текст. Выбираем шрифт, размер шрифта, цвет надписи, наклон шрифта и т.д.

ШАГ 5.

Чтобы сделать баннер для магазина более заметным, можно сделать рамку вокруг баннера. Для этого переходим на вкладку Главная, область Фигуры. Выбираем нужную фигуру, цвет фигуры и растягиваем по контуру изображения.

Любуемся на наш баннер!

В мастер-классе используется версия редактора 2022. Принцип для других версий одинаков, интерфейс может различаться.

Ждите моих новых мастер-классов, в том числе по созданию баннера в Photoshop.

Бобровая хатка

Здесь мои работы для Вас: кожаные сумки, персональные ежедневники, лётные шлемы. С тканями я тоже работаю. Мой блог про продажи ручной работы в Интернете. Если темы близки, подписывайтесь на блог или пишите на электронку oksmoroz@yandex.ru

Страницы

  • Главная
  • Мои статьи о продажах
  • ПроДвижение блога
  • Ручная работа на заказ
  • Мастер-классы
  • Вопросы/ответы

бобры осень

Подпишись — интересно!

среда, 18 декабря 2022 г.

Мастер-класс. Баннер для блога или магазина

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

ДЛЯ ЧЕГО НУЖЕН баннер для магазина на Ярмарке мастеров?

Про очевидную пользу все знают:
— чтобы магазин был красивым,
— чтобы магазин стал запоминающимся,
— чтобы создавал настроение.

Вывод: магазин с баннером приобретает дополнительный инструмент эмоционального воздействия на посетителя. Вопрос спорный, проверьте сами)

Про подспудную пользу:
— баннер дает возможность участвовать в конкурсах, которые проводит «Ярмарка мастеров» (в правилах, которых баннер — это автоматический допуск к участию). Имея баннер и еще чуть-чуть, можно стать образцовым магазином.

Благодаря своему пустяковому баннеру я вошла в ТОП-10 конкурса «Образцовый магазин — 2022»! Сейчас вижу: конверсия магазина выросла в разы. Это гуд.

Был такой виртуальный подарок — коллекция с работами победителей. Сохранила на память — приятно быть в таком талантливом окружении. Особенно, когда со многими знакома)

С мотивирующей частью закончено, идем дальше!

КАК СДЕЛАТЬ БАННЕР?

Открываем в Сети бесплатный фоторедактор «Аватан». Эту программу не нужно устанавливать на комп, она работает он-лайн. Отредактированные фотографии, составленные фотоколлажи можно сохранять к себе в обычном порядке.

Открываем фотографию, из которой будем кроить баннер.
Нужно обратить внимание на следующее:
— на фотографии должны быть мелкие интересные детали (ведь фотка сильно обрежется, должно что-то толковое остаться)
— фотография по цветовому решению должна гармонировать с тем, что выставлено в магазине
— фотография должна отвечать настроению Вашего магазина.

По последнему пункту объясню, что имею ввиду:

пока шел конкурс баннеров, мне прислали в подарок баннер. Я очень благодарна автору: Лена рисовала специально для меня. Это здорово.
Мы обсудили название моего магазина («Бобровая хатка». почему так?) И через несколько часов баннер ко мне прибыл. С бобром, жизнерадостным и юным.
Скрин мелковат, но рассмотреть можно.
Такой веселый (невинтажный) бобер в мое видение витрины магазина не вписался).

Продолжаем. В Аватане открываем фото с компьютера или картинку из Сети, предварительно сохраненную на комп.

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

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

Но как же сделать баннер, каким он должен быть и что на нём должно быть изображено?

Красочный баннер – уже половина продаж!

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

По мнению многих психологов, всего за половину одной десятой секунды человек успевает сделать вывод о чём-то на визуального восприятия. Впечатляет! Вместо тысячи слов достаточно предоставить потенциальному покупателю один лаконичный баннер с рекламной информацией – и дело в шляпе!

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

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

Итак, как же делать баннеры?

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

Размер баннера. Он может быть любым: большим, на всю ширину сайта, размещаться в сайдбаре и иметь ширину не более 300 пикселей. То есть главное здесь – определить место, где он будет располагаться. Если говорить о минимальных и максимальных размерах, то считается, что наиболее удобной для восприятия будет 1200 х 160 пикселей.

Независимо от того, какого размера ваш баннер, его ширина на сайте всегда будет не более (1200 пикселей). А вот высота в 160 пикселей – это тот минимум, когда можно разместить информацию.

Текст на баннере. Картинка без текста не способна поднять продажи – просто потому, что пользователь не получает никакого коммерческого предложения. Иногда это может быть просто название товара и кнопка «купить», иногда – какой-то оффер или девиз. Также на баннер можно помещать номер телефона, по которому клиенты могут связаться с продавцом или же краткую характеристику товара, способную вызвать интерес и заставить кликнуть по нему, перейти на целевую страницу.

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