МК Как сделать баннер для магазина на Ярмарке Мастеров. Подробная инструкция

Как сделать баннер для магазина на Ярмарке Мастеров. Подробная инструкция

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

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

Первым делом нужно открыть фоторедактор, если вы установили фотошоп и у вас он открывается с английским интерфейсом, то поменять его можно вот так:

Реалити-шоу «Магазин на Etsy с нуля и без вложений» День 1

1. Нажимаем «Edit», потом «Preferences», затем «General» (либо сразу «Interface»). Также можно нажать комбинацию горячих клавиш Ctrl+K.

2. Далее где колонка «Text», в поле «UI Language» выбираем «Russian» и нажимаем «OK».

В этом же меню «Interface» можно поменять цвет темы, размер шрифта темы и тд.

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

Теперь приступим к созданию баннера, который по размеру должен быть 760 на 75 пикселей.

Создаем новый файл, нажимая вкладку «Файл», затем «Создать» (либо же комбинацию клавиш Ctrl+N), открывается меню, где в поле «ширина» вписываем 760, а в поле «высота» 75 и нажимаем «ОК».

Если новый файл у вас открылся таким образом:

Перенесите файл вот так, чтобы он открылся на полный экран, и вы могли спокойно функционировать, переключая вкладки.

Следующий шаг — это нахождение интересных картинок, из которых вы хотите сделать оформление своего магазина. Когда вы найдете картинку, допустим в поисковике, нажмите по ней правой кнопкой мыши и выберите «Копировать изображение». Затем перейдите в фотошоп и создайте новый файл, ничего не меняя в открывшемся меню. Потом комбинацией клавиш Ctrl+Shift+V вставьте картинку в созданный файл.

Теперь выделим картинку с помощью «Прямоугольная область».

Поговорим о творчестве | Мои новые работы | Открыла магазин на Etsy

Нажимаем Ctrl+Shift+C, затем переходим во вкладку с созданной заготовкой для баннера и нажимаем Ctrl+Shift+V, чтобы вставить туда фон, который вы выбрали. Обычно картинка вставляется посередине, щелкните по краю «обводки» картинки, чтобы она стала зафиксированной, далее перетаскивайте картинку, изменяйте размер как вам захочется, располагая ее на заготовке для баннера. Если картинка маленькая и вы не хотите ее увеличивать, тем самым растягивая и искажая рисунок, то просто вставьте картинку несколько раз и передвигайте две картинки, совмещая их.

Чтобы избавиться от зафиксированной «обводки», нажмите «Enter».

Теперь перейдем к самому интересному — слоям. Чтобы открыть вкладку со слоями, нажмите в левом меню эту кнопку:

Мы видим, что наш фон для баннера состоит из трех картинок: 1-3 слой. Щелкните два раза по слою, который называется «Фон» и нажмите «Enter», теперь у нас все слои активные.

Теперь щелкните по 3 слою правой кнопкой мыши и нажмите «Объединить с предыдущим», далее объедините все слои, кроме бывшего слоя «Фон», нынешнего «Слой 0». Если ваш фон вас устраивает, то вы можете пропустить следующие шаги, но я сейчас покажу как изменить немного цвета слоя.

Выберете слой с фоном, далее нажмите «Изображение», нам доступны здесь три варианта редактирования изображения: «Автотон», «Автоконтраст», «Автоматическая цветовая коррекция», нажмите каждый из них и посмотрите как меняется ваша картинка, если вам понравилось — отлично, если нет — просто отмените свои действия во вкладке «Редактирование», «Шаг назад» (либо комбинацией клавиш Alt+Ctrl+Z).

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

«Цветовой баланс» уровни «-40», «-65», «+14».

«Цветовой тон/насыщенность» уровень «Цветовой тон» — «0», уровень «Насыщенность» — «-5», уровень «Яркость» — «+3».

В итоге получилось следующее:

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

В этом случае мы сталкиваемся с тем, что на картинке присутствует ненужный черный фон. Для начала, удалим слой «Фон» во вкладке «Слои» кнопкой «Del». Теперь мы можем использовать инструмент «Волшебная палочка», где щелкаем по черному фону и удаляем кнопкой «Del», пока весь черный фон не будет удален. Чтобы удалить более мелкие части, можно воспользоваться инструментом «Ластик», предварительно увеличив картинку, зажав кнопку «Alt» и крутя колесико на мышке. Размер ластика можно увеличить/уменьшить наверху, либо нажав правой кнопкой мыши по картинке, где откроется такое же меню, в котором можно выбрать форму ластика и его размер, а также жесткость. Таким же главным атрибутом ластика является интенсивность, либо непрозрачность, которую можно поменять также наверху, рядом с размером кисти.

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

Когда вы уменьшаете/увеличиваете картинку, зажмите «Shift», чтобы размеры изменялись равномерно.

Когда вы выберете как будет находиться ваша картинка, то если приблизить будут видны плохо обработанные края, чтобы убрать это, можно воспользоваться инструментом «Размытие», предварительно поставив интенсивность не более «30%», чтобы сглаживание выполнялось мягко.

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

Если у вас есть вот такие дыры в картинке, то воспользуйтесь инструментом «Восстанавливающая кисть», зажав «Alt» нажмите рядом с дырой и потом заново нарисуйте пропущенный кусок.

В итоге получаем вот это:

Теперь дополним наш баннер такими же цветами, выполняя все перечисленные выше действия.

Как сделать баннер для Ярмарки Мастеров за 5 минут

Теперь можем сделать фильтр. Создадим новый слой.

Затем нажмем инструмент «Кисть», поставим ей размер побольше, а цвет выберем такой, какой «фильтр» нам нужен, нажимая левой кнопкой мыши на квадратик с цветом. Я выберу розовый цвет.

Теперь проведем кистью по всему слою, вот так:

Затем поставим непрозрачность слоя, такую, чтобы весь закрашенный фон — фильтр был еле виден, я поставила «20%». Получился такой баннер:

Осталось только добавить название магазина. Выберем инструмент «Горизонтальный текст».

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

Получается вот так:

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

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

Урок 5. Баннер для Ярмарки Мастеров за 10 минут!

Приветствую вас! На Ярмарке Мастеров стартовал ежегодный конкурс на звание лучшего магазина. И, одним из главных условий участия в нем является наличие персонального баннера. Когда я была новичком на Ярмарке, эта новость поставила меня в тупик.

Возникли вопросы не только о том, что это вообще такое. Но, главное, про то, как его сделать? Конечно, будучи новенькой на таком огромном представительном портале, я не ставила себе цель победить в конкурсе. Но, хотя бы поучаствовать тогда хотелось.

Если вы еще не зарегистрированы на Ярмарке мастеров, начните с Урока 1 . В нем пошагово показано, как зарегистрироваться в качестве Покупателя и Продавца. А также даны ссылки на другие уроки из этой серии, посвященных ЯМ.

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

Что значит «онлайн»? То есть, ничего не надо скачивать себе на компьютер, устанавливать, запускать и пр. Раньше эти действия меня ужасно пугали, поэтому я очень обрадовалась, когда нашла этот сайт.

Первый баннерочек я делала, конечно, долго. Поскольку, пришлось долго подбирать желаемый шрифт, размер и пр. А во второй раз все получилось буквально минут за 7-10! Так что, если вы будете просто повторять за мной действия, выставляя те же значения, что у меня, вам тоже удастся быстро сделать баннер своими руками. И не надо будет к кому-то обращаться за помощью.

В этом же уроке решила показать, как баннеры проходят премодерацию (проверку) перед тем, как будут выставлены в магазине. Обо всем подробнее ниже.

Итак, что мы разберем в этом уроке?

1. Как создать баннер для ЯМ за 10 минут.
2. Как баннер проходит модерацию в ЯМ .

Часть 1. Создаем простой баннер для Ярмарки Мастеров

Обращаю ваше внимание, что на Ярмарке Мастеров строгие правила по размещению баннеров. Читаем их ниже, привела их на скриншот-картинке. Из всего текста нам сейчас нужно знать, какие размеры допустимы: ровно 760 х 75 пикселей. Запомнили, приступаем к работе.

Ярмарка Мастеров и Etsy ✨ для начинающих

Для начала нужно попасть на нужный сайт. Вводим в строке браузера адрес: //bannerfans.com

Откроется примерно такая страница. Красными окошками я выделила название данного сайта. Розовая стрелка указывает на большое окно, где будет надпись нашего баннера.

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

Начнем с первого пункта «Макет». Сайт англоязычный, переводится в гугле автоматически, поэтому иногда перевод может отличаться, например, на фото ниже вы видите слово « Планировка». Прямо под ним видим задание:

1. «Выберите размер» . Выбираем вторую строку, чтобы иметь возможность задать свои параметры.

Затем переходим вправо:

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

Прямо под этой надписью смотрим:

3. «Режим» , я выбрала второй, т. е. на баннере будет две цветовой полосы, плавно переходящей одна в другую.

Теперь уходим влево, к надписи выбора:

4. «Градиент цвета» . Выбирайте на свой вкус, нажимая на цветные квадратики. Сразу появятся новые окна с выбором цветов.

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

После всех действий смело нажмем «Обновить» .

Через пару секунд увидим обновление.

Значит, время переходить к текстовому оформлению. Кликнем по «Текст и шрифты».

Тут становится понятно, что можно задать до шести записей-предложений. Мне так много не нужно, поэтому я заполняю три. Каждую из них можно будет передвигать, это позволит расположить их, как хочется.

1. В поле «Ваш текст» вписываю нужные предложения.
2. «Имя шрифта» — вот тут в первый раз я «застряла» надолго, т. к. не все из них распознают кириллицу. Сейчас вы можете просто вписать такие же, как у меня на фото, чтобы не терять время. А позже, при желании, поэкспериментировать еще. Предупреждаю, дело захватывающее, т. к. нам предлагают множество разных шрифтов, от готических до классических. Чтобы их увидеть, кликните по значку «>» рядом с каждым.

Примечание от 22.08.2022 г.: чтобы шрифт отображался корректно, при выборе шрифта кликните по строке «кириллица», как у меня указано на скриншоте ниже. И выбирайте из того, что будет предложено.

3. Так, «Размер шрифта» — при клике выскакивает длинная таблица с нумерацией. Чтобы выбрать какой-то номер, жмем по нему, он сразу отразится.
4. «Цвет» — здесь уже интуитивно понятно. При нажатии появится маленькое окно, в котором можно выбрать желаемый оттенок для текста.
После всех изменений вновь обновляем . И увидим, что текстовые сообщения окрасились в разные цвета, и обрели новые размеры и конфигурацию.

Ярмарка Мастеров: настройки

Теперь зададим «Тени и эффекты» (кликнув по ним). При нажатии на значки в строке «Расстояние» появляется такая картина. Выберем значение «4px», чтобы тень от букв немного падала вправо. И еще отметим цвет теней.

Далее идет раздел «Граница» . В нем можно задавать вид пограничных линий (т. е. края рамки). Но, у меня все осталось, как было задано «по умолчанию». Видите, отмечено точкой «None» .

И, наконец, отметим «Формат» IPG, поскольку у нас изображение не требует прозрачности (PNG) и не анимировано (GIF).

Все, наш простой баннер готов! Нажмите на кнопку внизу справа «Скачать баннер». И сохраните так, как вам удобно (например, на рабочем столе). Остается разместить его в магазине на Ярмарке Мастеров и ждать одобрения модераторов.

Часть 2. Про то. как баннер проходит модерацию на ЯМ

О том, как баннеры проходят проверку, я писала в своем блоге в Лиру и на ЯМ. Копия статьи приведена ниже в формате скриншот-снимков (т. е. снятых прямо с экрана компьютера). Все изображения кликабельны, просматриваются в виде фото-галереи.

Вот и весь урок. Желаю вам отличных продаж!

А я буду дальше разрабатывать наши новые модели — повязки на голову и шапочку-чалму.

Как продавать на Ярмарке Мастеров — Учебник

Ярмарка Мастеров — интернет портал рукодельный работ

Приветствую вас в своем блоге! Начинаю цикл статей, посвященных теме, как продавать на Ярмарке Мастеров (сокращенно — ЯМ) вязание. Поделюсь своим опытом, как правильно создать там магазин и как в нем продавать свои работы .

Эта статья будет Вводная, расскажу немного про то, что такое Ярмарка Мастеров, про свой опыт продаж на ней. Главная цель данной статьи — показать алгоритм действий в Ярмарке.

А дальше буду публиковать уроки по-очереди по следующим темам:

1. Регистрируемся и открываем магазин в Ярмарке Мастеров.

2. Как правильно выполнить настройки в магазине (заполнить разделы «О себе», «Правила магазина», «Управление доставкой») и др.

3. Как размещать первые изделия, и сколько изделий для начала можно разместить.

4. Чем отличаются так называемые Клубные карты и как их выбирать и оплачивать.

5. Как сделать персональный баннер за 15 минут.

6. Как показать эскизы заказа клиентам в своем профиле Ярмарки.

7. Как сделать коллекции в своем магазине.

8. Что такое блог автора в ЯМ и нужно ли его заполнять.

9. Как отправлять посылки, отслеживать их.

10. Как красиво редактировать фотографии вязания.

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

Вводная статья про Ярмарку Мастеров

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

Насколько я поняла из некоторых критичных высказываний, ЯМ была создана по принципу и подобию известной международный платформы для продаж рукоделия — Etsy (Этси). Действительно, формат очень похож, тот же функционал и др.

Но, лично для меня ценность Ярмарки от этого нисколько не уменьшается. Почему?

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

Поэтому я была рада, что в русскоязычном поле нашлась возможность пробовать свои силы по продажам рукоделия без особых хлопот.

Сразу хочу сказать, что со временем начинаешь видеть некоторые неудобства при работе и в Ярмарке. Но об этом — позже.

Как я открывала свой магазинчик в ЯМ

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

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

Карты оплачивала постепенно, по мере того, как были готовы фотки новых вещей. То есть, сначала оплатила карту Standart на 13 мест , затем сразу перешла на Professional+ — на 40 мест, потом, кажется, месяц побыла на Maximum на 65 штук, и где-то в середине декабря оплатила Maximum+ (было выставлено 100 работ) на пол-года вперед, т. е. внесла сразу оплату в сумме чуть больше 2000 рублей.

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

В этом году учла свою ошибку, и в июне, когда срок оплаты закончился, не стала его продлевать, все равно в магазине тишина, не сезон. Поэтому мой магазин сейчас (летом 2022 г.) выглядит так.

Магазин Сауле Вагаповой на Ярмарке Мастеров

У меня активно продаваться изделия начали с сентября. Все лето ни одной заявки не было, а осенью — как прорвало. Некоторые покупатели оставляли отзывы. В это же время, у меня очень хорошо пошла торговля другими способами, не через ЯМ, поэтому необходимости, да и времени, активизировать работу магазинчика в ЯМастеров не было.

Предвижу вопрос, как быстро могут начать продаваться вязания? Думаю, многое зависит:

  • от правильных действий с самого начала (об этом подробно поговорим в соответствующих статьях из списка выше);
  • и от активности.

Таким образом, алгоритм создания магазина на Ярмарке Мастеров выглядит примерно так:

  • регистрируемся и создаем магазин;
  • заполняем необходимые разделы о правилах покупки и др.;
  • бесплатно размещаем три единицы работ;
  • если настроены на серьезные продажи, оплачиваем клубные карты, и выставляем большее количество работ (разрешено в одном маг-не от 13 до 500 штук);
  • в зависимости от того, как быстро хотим раскрутить свою торговлю, создаем коллекции, всюду оставляем ссылки на свои изделия, оповещаем соц.сети и т. п. В общем, не сидим пассивно, в ожидании, когда продажа «попрет» сама по себе, а шуршим ежедневно старательно. И результат не заставит себя ждать.
Оцените статью
Вязание - моя жизнь!