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

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

Материалы: вам понадобится персональный компьютер, графический редактор Adobe Photoshop и изображение в формате .jpg.

В этом мастер-классе я хочу поделиться собственным опытом по созданию баннера для моего магазина на Ярмарке Мастеров, не претендуя на профессионализм.

1. Самый сложный этап — понять что мы хотим и как мы это видим.

2. Необходимый материал для баннера — это может быть фотография ваших работ или любое графическое изображение в формате .jpg или .jpeg , которое подчеркнет ваш стиль и привлечет покупателей. Требования к изображению: оно должно быть настолько качественным, чтоб при увеличении на весь экран вашего компьютера, оно не расплывалось, просматривались все его детали. Сознательно не называю никаких цифр, ни в пикселях, ни в мегабайтах…т.к. нет жестких ограничений.

3. Загружаем выбранное изображение в Adobe Photoshop. Самый простой способ: делаем правый клик по иконке с изображением, выбираем из списка – «открыть с помощью» и из предложенного списка программ выбираем Adobe Photoshop.

4. Мое изображение имеет размер 1280х1024 пикселя, а по требованиям к персональному баннеру, оно должно быть 760х75 пикселей. Из этих цифр видно, что пропорции исходного и нужного нам изображения довольно сильно отличаются, поэтому его нужно кадрировать — обрезать до нужной нам величины. На панели инструментов выбираем инструмент «Рамка кадрирования», нажимаем дополнительно букву «С». В верхней части экрана можно теперь вписать размеры: ширина-«760 пк», высота- «75 пк», но прежде чем вписать значения, нужно нажать на кнопку «очистить».

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

Можно растянуть рамочку на любом понравившемся участке и нажать Enter.

6.Затем в меню «Изображение» выбираем «размер изображения»

Вписываем ширину(760) и высоту (75), проверьте, стоит ли птичка рядом с параметром

«Сохранить пропорции», если стоит, то нажимаем на кнопку «Да».

7.С помощью инструмента «Масштаб», увеличиваем изображение так, чтоб с ним было удобно работать.

8.Теперь изображение нужно «Сохранить для Web и устройств».

Вес изображения, в соответствии с требованиями к персональному баннеру, не должен превышать 100 К.

В специальном окне мы видим два изображения: исходное-167 К, и измененное для Web-30,29 К. Выбираем из выпадающего меню формат .jpeg ,сохраняем.

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

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

Кликаем в нужном месте нашего изображения и пишем любой текст.

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

Встречают по одежке

Провожают по уму

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

Привет, меня зовут Ольга. Я занимаюсь продажей чехлов из дерева для смартфонов, а некоторое время назад вышла и на Ярмарку Мастеров. Вообще, оказалось, что Ярмарка Мастеров — это другой мир, тут все иначе, все по-другому, порой бьешься головой об стену, но не понимаешь: «Где же потерялся покупатель?»

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

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

  • Красивые фотографии.
  • Интересное описание товара и магазина.
  • Красивые аватар и баннер.

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

Шаг 1. Скачиваем Photoshop

Для хорошей работы нужна хорошая программа. В первую очередь вам нужно скачать в Интернете Фотошоп и установить на свой компьютер.

Шаг 2. Скачиваем мокап

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

Шаг 3. Немножко теории

Как было сказано ранее — нас интересуют аватарка и баннер. На фото ниже я выделила их.

Аватарка имеет размеры 150х150 пикселей.

Баннер имеет размеры 760х75 пикселей.

На этом сложная теоретическая подготовка окончена. Перейдем к работе.

Шаг 4. Творим творчество!

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

Всего есть два типа аватарок и баннеров.

Тип 1. Согласованный. Используется одна большая картинка на оба элемента

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

Тип 2. Независимый. Используются две независимые картинки

В данном случае аватарка и баннер независимы и содержат совершенно разные изображения.

Именно вам выбирать, как вы оформите вашу страничку. Я советую попробовать оба варианта, и не по одному разу!

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

Самое время перейти к работу в Photoshop. Дважды щелкните на скачанный ранее мокап, после чего он откроется перед вами.

Все, что вам нужно для работы, расположено в правой нижней панели: Панель слоев (см. рисунок ниже).

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

Попробуйте поотключать/повключать папки «Отдельные аватарка и баннер» и «Совместные аватарка и баннер» и посмотрите на результат.

Как вы наверное заметили — картинка меняется. Дело в том, что разные слови отвечают за решение разных вопросов (как это видно из их названия). Так, например, для того, чтобы создать согласованные баннер и аватарку, необходимо отключить папку «Отдельные аватарка и баннер» и заняться редактированием слоя «Открыть для редактирования» в папке «Совместные аватарка и баннер». Для того, чтобы создать независимые баннер и аватар, необходимо отключить папку «Совместные аватарка и баннер» и отдельно отредактировать слои «Аватарка» и «Баннер».

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

ВАЖНО! Сохраните резервную копию мокапа, потому что иногда мы делаем-делаем и ломаем. Вдруг нажмете куда-то не туда.

ВАЖНО 2! Слой «Макет Магазина» содержит все элементы магазинчика, которые отображаются на рисунке в рабочей области, но не относятся к аватарке и баннеру. Это относится в том числе к товарам, названию и так далее. Если вы хотите вставить элементы своего магазинчика, то вам придется открыть магазинчик в браузере и сфотографировать рабочий экран (не на телефон, конечно, а с помощью кнопки PrintScreen на клавиатуре), после чего открыть его в графическом редакторе, нарезать и вставить в наш мокап. Звучит жутко, а на самом деле — очень просто. И делается за 15-20 секунд.

Теперь приступим к созданию аватарки и баннера. Начнем с согласованного (как самого интересного) вида.

  1. Отключите (щелкните по глазику) папку «Отдельные аватарка и баннер».
  2. Дважды щелкните по миниатюре слоя «Открыть для редактирования». Щелкнуть нужно именно по маленькому изображению слева от текста.

Вы только что открыли смарт-объект, специально сделанный для редактирования согласованных аватарки и баннера. Перед вами открылась новая рабочая область.

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

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

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

Теперь найдем красивый фон в интернете.

Сохраняете его на компьютер и перетаскиваете на открытый смарт-объект, прямо в рабочую область.

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

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

ВАЖНО! Ваш новый слой может и будет иметь другое имя, отличное ото того, что отображается на картинке ниже.

Теперь в рабочей области можете спокойно двигать новый слой (главное, чтобы он был активным на панели слоев), изменять его размеры и добавлять необходимые элементы типа текста.

После того, как закончите редактирование данного смарт-объекта, вам необходимо:

  1. Сохранить его, выбрать пункт меню «Файл-Сохранить» (см. фото ниже)
  2. Вернуться к исходному файлу, нажав на его имя в верхней строке навигации (см. фото ниже).

Перед вами открылся ваш магазинчик, но только с новыми баннером и аватаркой! Красота! (см. фото ниже).

Вот так просто можно сделать и примерить аватарку и баннер.

Если вам требуется создать независимые баннер и аватарку, то, как говорилось ранее, отключайте папку «Совместные аватарка и баннер» и отдельно отредактируйте смарт-объекты «Аватарка» и «Баннер». Принцип их редактирования точно такой же, как и у рассмотренного выше смарт-объекта:

  1. Включаете отображение слоя (папки).
  2. Дважды щелкаете по миниатюре слоя (смарт-объекта).
  3. Редактируете необходимым образом. При этом у смарт-объектов «Аватарка» и «Баннер» нет слоя «Рамка», так как так он просто не нужен.
  4. Сохраняете сделанные изменения.
  5. Возвращаетесь к исходному файлу и видите изменения.

Шаг 5. Сохраняем аватарку и баннер

Вы сделали ваши аватарку и баннер. Теперь их нужно сохранить и загрузить на Ярмарку Мастеров. Делаем следующее:

  • Сохраняем файл с расширением JPG или JPEG. Для этого используем пункт меню «Файл-Сохранить как».
  • Нажимаем «Файл-Открыть» и открываем только что сохраненный файл.
  • У открывшегося файла в панели слоев должен быть только один слой. Если справа от него есть значок замка, то нажмите его, и он исчезнет.
  • Изменяем размер холста. Для этого выбираем пункт «Изображение» — «Размер холста» и ставим его 150 на 150 пикселей.
  • Ваша рабочая область сильно уменьшится! Теперь перемещая (именно перемещая, не изменяя его размеров) фоновое изображение подгоните его так, чтобы аватарка входила точно в рабочую область (см. рисунок ниже).
  • Сохраните файл, выбрав «Файл»-«Сохранить как», и дав ему имя «Аватарка.jpg».
  • Теперь снова измените размер холста на 760 на 75 пикселей.
  • Подгоните (перемещая, не изменяя его размеров) баннер точно под вашу рабочу область (см. рисунок ниже).
  • Сохраните, выбрав пункт «Файл»-«Сохранить как» и дав ему имя «Баннер.jpg».

Шаг 6. Устанавливаем аватарку и баннер на магазинчик

Для этого просто войдите на Ярмарку Мастеров, зайдите в раздел «Профиль» и нажмите кнопку «Изменить информацию». После этого вы увидите разделы для редактирования ваших аватарки и баннера.

На этом все! Я старались, надеюсь, что мои статья и мокап действительно принесут вам пользу! Жду комментариев, о чем еще написать или дописать в этой статье.

Всем добра. 🙂 И не забываем подписываться, впереди еще много интересного!

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

Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal

  • Recent Entries
  • Archive
  • Friends
  • Profile
  • Memories

БОХО. Обзор стиля, бесплатный мастер-класс по брошам в бохо-стиле.

Термин «бохо» это сокращение от слова богемный, а также Богемия, района Центральной Европы, где проживали сотни тысяч кочующих цыганских семейств. Они там пели, плясали, веселились. На французском языке «bohémiens» — цыгане. В последствии французы стали называть всех артистических личностей «богемой», по названию цыганского региона давшего начало современной Чехии.

Стиль бохо появился относительно недавно, как сочетание изысканного богемного стиля и свободного стиля хиппи. К основоположницам бохо шика относят актрис Мэри-Кейт, Сиенну Миллер, сестер Олсен, Кристину Риччи. На чем же строится стиль бохо в рукоделии? Обратимся к истокам — к направлению и настроению стиля в одежде.

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

Родственные стили — фольклорный, рустикальный, прованс, деревенский.

Философия стиля – свобода, поиск внутренней гармонии и выражение себя.

Образ в стиле бохо строится из элементов самых разных стилей, но основа — это этно-стиль. Это элементы, позаимствованные в различных культурах и эпохах: в славянских образах, африканских и монгольских украшениях и расцветках тканей, шотландской клетке, в ковбойских и ацтекских орнаментах и главная составляющая — дух детей солнца — хиппи. Но все же, в отличие от хиппи, которые всегда немного «растрепаны», образ в стиле бохо – это всегда безупречный стиль. Отличает его многослойность и удобство. Грамотное сочетание «несочетаемого» приводит к шику, эксклюзивности и уникальности. Можно носить всё вместе — шифоновые юбки с кожаными сапогами, трикотажные майки с украшениями из крупных камней, ажурные кардиганы, кружевные длинные юбки, бархатные жакеты, винтажные вещи и украшения и многое другое.

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

Чтобы создать образ в данном стиле важно иметь чувство вкуса и умение комбинировать вещи. Можно смешивать несколько стилей, принадлежащих к самым удобным, экологичным и комфортным направлениям. Миксуется стиль хиппи, этнический, цыганский стиль, элементы стиля сафари, милитари и даже винтаж. В результате получается очень эклектичный, намешанный образ. В этом стиле неприемлемы вычурная и показная роскошь, а также вульгарность и пошлость. В основе образа естественность, натуральность и непринужденность. Важно качество и экологичность одежды. Основа стиля — много красок и деталей, разные принты, естественность, удобство, многослойность и неординарный подход.

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

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

Отделка: кружева, атласные ленты, шебби-ленты, шнуры, тесьма, бахрома, вышивка.

Украшения: металлические подвески, цепочки, бисер, натуральные и искусственные камни, жемчуг и полужемчуг, пуговицы, сердечки, стеклянные, деревянные, металлические бусины, деревянные детали — в общем всё, что хранится в закромах у Вашего хомяка. Обратите внимания на вязаные украшения и кружева.

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

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

Несколько видов ткани, которые сочетаются друг с другом, нарезаем полосками шириной 2,5 — 3 см . Красиво смотрятся пестрые ткани в сочетании с однотонными. У меня в работе — лен, хлопок и шторная органза. Мне понадобились кружева разных видов, декоративная тесьма с розами, кусочек шебби-ленты и пуговица, обтянутая тканью — с нее мы будем начинать брошь. Основной инструмент — игла и ножницы.

Полоску из льняной ткани скручиваю в жгутик.

Вокруг пуговицы, по спирали, начинаю пришивать тканевые «жгутики» (стежок с закрепкой по низу броши).

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

Это творческий процесс, поэтому не пишу, где надо вставить кружавку, а где ленточку — каждая брошь становится неповторимой даже у одной мастерицы 🙂

Схема сборки броши из ткани:

Внимательно следите за размером броши. Когда брошь достигает нужного размера, закрепляем хвостик и обшиваем брошь кружевом.

Большие броши хороши для украшения пояса или юбки. Броши, размером по-меньше — на груди или на скрап-работах. Средний размер броши — 6-7 см.

Главное в таких текстильных брошах — много мелких деталей. Именно детали притягивают взгляд зрителя.

Поэтому начинаю украшать: собираю из цепочек, подвесок и бусин вот такой элемент:

И опять же — это творческий процесс, поэтому можно на такую брошь зацепить всё, что угодно.

Дабы не засорять ссылками текст, всё, что я использовала в работе, я дам в конце мастер-класса 🙂

А сейчас можно просто полюбоваться деталями 🙂

В бохо-стиле уместно всё — пластиковые пуговки, стеклянные бусинки, металлическая фурнитура.

Брошь готова. Если планируется её делать не съемной, то можно уже пришивать к изделию.

А если брошь планируется снимать, то сделаем для нее застежку. Я покажу на примере другой броши — эту я решила пришить к изделию.

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

А теперь сшиваем сразу три элемента — в центре броши пришиваем основу для броши (шьем сразу и брошь, и ткань-подложку). Я стараюсь брать металлическую основу с ажурным ободком — за нее легко прикрепить брошь прочно. Шьем по кругу.

Носите на здоровье 🙂

Ссылки на материалы, которые были использованы и варианты брошей можно посмотреть в развернутой версии

Надеюсь, что обзор и мастер-класс Вас вдохновил на творчество и жду от Вас новых красивых работ 🙂

Ваша Скрап-Аника 🙂

Бохо-стиль. Обзор по стилю. Мастер-класс: Броши в бохо-стиле.

Оцените статью
Моё хобби - рукоделие!