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

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

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

С каждым заходом на страницы коллег начала замечать, что у многих мастеров нет баннера. Как же это так? Удивлялась я и попыталась узнать причину отсутствия чудо баннера у знакомых с « Ярмарки Мастеров». Мне ответили, что не знают, как их делать. И тут в моей голове родилась идея – рассказать об этом всем мастерам.

Для начала расскажу вам, что такое баннер и для чего он нужен на «Ярмарке Мастеров».

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

В итоге у вас должно получиться вот так:

Для удобства чтения, а именно увеличения текста либо картинок зажмите на клавиатуре клавишу Ctrl (не отпускайте) и одновременно крутите колесико мыши!

Работа в фотошопе:

1) Скачать фотошоп (у кого нет).

2) Ищем фон в интернете и скачиваем его.

3) Открываем программу фотошоп.

4) Затем нажимаем на вкладку в верхней панели «Файл» – «Открыть как смарт-объект».

Затем ищем нужный файл и нажимаем кнопку «Открыть»

5) На панели инструментов выбираем инструмент «Рамка» и прописываем нужные нам параметры (760х75 px), как это сделано на рисунке – это размер нужных нам пропорций изображения либо фона для будущего баннера.

6) Далее нажимаем 2 раза «ENTER», таким образом мы отрезаем ненужный нам фон.

7) Заходим во вкладку на верхней панели «Изображение» — «Размер изображения» и прописываем в сплывающем окне нужные нам параметры:

8) Далее всплывает окошко, в котором мы прописываем размер баннера. В самой верхней ячейке вводим (760х75 рх) и ставим разрешение (150 pd), нажимаем «ОК».

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

10) Затем мы открываем новый файл с выбранным вами изображением (в данном случае с узором) в формате PNG.

«Файл» — «Открыть как смарт объект»

Перед нами открывается окошко с нужным изображением (узором в png формате), рядом с нашим фоном.

Нажав курсор (стрелочку в панели инструментов), берем изображение и перетаскиваем его на основной фон.

11) Когда мы перетащили объект в формате PNG на основной фон, мы видим, что изображение (большое/маленькое), в данном случае большое.

Для того чтобы задать необходимые размеры изображению, нам нужно зайти во вкладку верхней панели «Редактирование» — «Трансформирование» — «Масштабирование», зажав клавишу «SHIFT», пропорционально уменьшим изображение.

И у нас получается вот так:

12) Если нам нужно сделать точно такой же орнамент, только с противоположной стороны, предлагаю скопировать и отобразить изображение. Для этого нам нужно попасть в окно «Слои».

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

12) Далее переходим во вкладку верхней панели и заходим в «Редактироание» — «Трансформирование» — «Отобразить по горизонтали». Таким образом мы отображаем нужное нам изображение.

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

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

14) Теперь осталось сохранить наше изображение. Заходим во вкладку на верхней панели с названием «Файл» — «Сохранить как».

В сплывающем окне указываем формат нашего готового баннера, ставим JPG и нажимаем «ОК».

15) Наш баннер готов и теперь нам нужно его разместить на странице магазина. Для этого зайдем в свой профиль, затем нажмем на кнопочку «Изменить информацию», затем в пункте «Баннер» загружаем изображение и сохраняем (изменение настроек).

Рис. 1

Рис. 2

Ура! Мы сделали это!

Поделись со своими друзьями полезной информацией и скинь ссылку на мой блог другу 🙂

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нажимаем 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» нажмите рядом с дырой и потом заново нарисуйте пропущенный кусок.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 штук);
  • в зависимости от того, как быстро хотим раскрутить свою торговлю, создаем коллекции, всюду оставляем ссылки на свои изделия, оповещаем соц.сети и т. п. В общем, не сидим пассивно, в ожидании, когда продажа «попрет» сама по себе, а шуршим ежедневно старательно. И результат не заставит себя ждать.
Оцените статью
Вязание - моя жизнь!