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

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

Материалы: вам понадобится персональный компьютер, графический редактор 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.Делаем надпись на баннере. Для этого выбираем инструмент «Текст» на панели инструментов. В верхней части экрана можно выбрать шрифт из выпадающего меню и задать высоту текста.

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

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

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

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

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

1.Открываем Adobe Photoshop.

2. Меню – «Файл» — «Открыть».

3.Выбираем нужное изображение и нажимаем — «Открыть».

Так по очереди открываем все необходимые изображения. У меня их три.

4.Теперь создаем новый документ. Меню– «Файл» — «Новый».

5.В окне с настройками файла нужно указать его размеры в пикселах. По требованиям к персональному баннеру — это 760х75 пикселов, нажимаем «Да».

6. В окне Photoshop теперь три фотографии и один пустой документ, я дала ему имя «Баннер». Каждое из этих окон можно сделать активным, кликнув на названии файла, можно свернуть, нажав на минус в правом верхнем углу и развернуть на весь экран, нажав на квадратик.

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

7. Инструмент «Перемещение» нам еще понадобится, наша «варежка-фон» слишком велика для «Баннера»,но мы можем ее перемещать в разных направлениях с помощью левой кнопки мыши, перемещаем, добиваясь нужного положения. Я установила ее так, чтоб фон стал однородно-шерстяным.

8.Если Вас не удовлетворяет цвет фона, то его можно подкорректировать. Для этого заходим в меню «Изображение» — «Коррекция» — «Цветовой тон/Насыщенность»

9.В окне настроек ставим галочку в квадратике «Тонирование» и подбираем цвет передвигая бегунки. Я добавила немного постельных тонов.

10.Открываем файл с овечками и инструментом «Рамка Кадрирования» отсекаем весь лишний фон, (растягиваем рамку в поле документа, удерживая левую кнопку мыши) нам нужны только овечки, нажимаем Enter.

11.Cоздаем копию слоя – Ctrl+J. В меню «Слои» отключаем «задний план», нажав на глазик в квадратике. У нас остался «Слой 1», с ним и будем работать. Берем инструмент «Ластик», жесткую кисточку (в настройках кисти везде 100%) и аккуратно стираем все лишнее вокруг овечек. Кисть можно делать больше и меньше кнопками на клавиатуре c буквами «Х» и «Ъ». У меня вот что получилось.

12.Теперь перемещаем овечек на поле баннера с помощью инструмента «Перемещение», захватываем левой кнопкой мыши и перетягиваем в нужное место. Но они не поместились, применяем трансформирование-«Ctrl+T». Вокруг овечек появятся квадратики. Берем за понравившийся квадратик и зажав Shift уменьшаем изображение, пока не определимся с размерами. Если взять инструмент «Перемещение», то можно перемещать овечек в любую сторону.

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

14.В правую часть баннера помещаем шерсть. Открываем файл с таким названием, активируем инструмент «Волшебная палочка», в настройках инструмента выбираем «добавление к выделенной области» (палочка должна быть с плюсиком). Кликаем палочкой по центру моточков, пока не убедимся, что все нужное выделилось.

15. Теперь нужно уточнить край выделения — нажимаем на кнопку «Уточнить край».

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

16. Берем инструмент «Перемещение» и перетягиваем выделенное изображение на баннер. Видим, что нас не устраивают размеры. Применяем свободное трансформирование- «Ctrl+T»,вокруг шерсти появляется рамка с квадратиками, с их помощью можно менять размеры, удерживая Shift. Если добились нужного размера, нажимаем Enter.

17.Делаем тень шерсти. Кнопка «Стиль слоя», поэкспериментируйте с настройками или можете воспользоваться моими.

18.И последний штрих-инструмент «Текст».

Выбираем шрифт, кликаем в нужном месте баннера, пишем.

Вызываем меню «текст» для коррекции надписи Окно-Символ.

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

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

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

Работа в Photoshop – очень объемная тема. Я постаралась передать свой любительский опыт, т.к. занимаюсь в основном вязанием, но если возникнут вопросы или вы вдруг «застрянете» на каком-то этапе работы (что со мной не раз случалось), я постараюсь вам помочь.:)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вывеска на магазин – проверенный способ получить клиента

В серьезном бизнесе не бывает мелочей. Как театр начинается с вешалки, так и магазин начинается с вывески. Более 80% информации человек получает с помощью зрения, поэтому броская вывеска способна побудить зайти в магазин даже просто идущего мимо человека. Яркая, привлекающая внимание, оригинальная вывеска на магазин – одно из основных направлений творческой деятельности компании «АБГ Реклама».

Вывеска для магазина – это наружная реклама, а в рекламе важно все: дизайн, информативность, качество изготовления и монтажа. Наша цель – объединить ваши представления о рекламной конструкции с принципами эффективного воздействия на потенциальных покупателей. Заказать вывеску для магазина в компании «АБГ Реклама» целесообразно по простой причине: вы получите рекламный инструмент, оптимальный именно для вашего бизнеса.

Какие вывески на магазины у нас заказывают

Вывеска для магазина от компании «АБГ Реклама» будет прекрасно смотреться на любом фасаде или в торговом зале. Мы создаем рекламные носители для самых разных видов бизнеса. Наиболее популярными являются разноцветные вывески для магазинов одежды и обуви, яркие световые вывески для крупных торговых центров, романтические вывески для магазинов цветов и строго симпатичные вывески для аптек.

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

Световые вывески на магазины

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

  • Вывески для магазина Вывески для магазина
  • Вывески для магазина Вывески для магазина

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

  • Вывески для магазина Вывески для магазина
  • Вывески для магазина Вывески для магазина

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

Выгоды изготовления вывески
в «Арт Бизнес Групп»

Заказать вывеску на магазин в компании «АБГ-Реклама» выгодно по нескольким причинам:

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

Заказ вывески для магазина в компании «АБГ-Реклама» позволит вам сделать решающий шаг по привлечению внимания клиентов к вашему бизнесу.

11 мастер-классов для воскресной школы Прихода храма в честь святых бессребреников Космы и Дамиана

11 мастер-классов для воскресной школы Прихода храма в честь святых бессребреников Космы и Дамиана

Добрый день. Предлагаем 10 идей, которые можно воплотить в воскресной школе вашего прихода в качестве мастер-классов.

Производство свечей. Магазин мастера Сергей Маузер-свечи (xsvechi)

Мастер класс высылаем по запросу.

2) Мастерим миниатюрных зайчиков в чулочной технике

22.02 Елена Володкевич

Хочу поделиться с вами пошаговым видео-уроком по пошиву миниатюрных зайчиков. Выполнены игрушки в чулочной технике. Рост малышей всего 7.5 см и 6. Далее

3) Шьём весеннюю подушку-игрушку «Цветочный Слоник»

22.02 Алёна. Игрушки от Золотинки (zolotinkatoys)

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

4) Помпон из пряжи своими руками

22.02 BeemboLand

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

5) Делаем стильный картхолдер из кожи

22.02 Workshop-cedar

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

6) Создаем настольную игру для детей «Утка» своими руками

20.02 Радуга Градъ

Небольшой видое-рассказ о создании игрушки по фотографии из интернета. Подробнее вы можете посмотреть в этом видео: Ниже много фото самого процесса изготовления. Далее

Небольшой видое-рассказ о создании игрушки по фотографии из интернета.

Подробнее вы можете посмотреть в этом видео:

7) Делаем правильное крепление для бус и браслета из жемчуга. Мастер-класс по работе с кримпером и тросом

31.01 Нестандарт Фурнитура и бусины (artfinding)

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

8) 5 идей декоративных подушек из фетра: видео мастер-класс

18.02 MasterSergeich

Посмотрите 5 идей декоративных подушек, которые мы сделали из фетра. Это отличные идеи своими руками и классные идеи для декора комнаты! Далее

MasterSergeich

Виды творчества: Do It Yourself / Сделай сам

Шитье

Сложность: средняя

Время работы: 2 дня

Посмотрите 5 идей декоративных подушек, которые мы сделали из фетра. Это отличные идеи своими руками и классные идеи для декора комнаты!

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

Для изготовления подушек вам понадобится:

• фетр разных цветов;

• горячий клей;

• игла, нить, швейная машинка;

• офисная бумага;

• силикон;

• ножницы, карандаш.

Поделки из фетра всегда делать интересно!

5 идей декоративных подушек из фетра

9) Очень простой способ сделать тюльпаны из бумаги

21.02 Алина Романова

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

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

02.02 Mary-aart

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

11) Видео мастер-класс: создаем весенние тюльпаны из пластиковых ложек

18.02 Diy Gifts

Головки цветков ярко-желтых, насыщенно-фиолетовых розовых и белых тюльпанов собраны из одноразовых пластиковых ложек. Далее

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

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

Первым делом красим ложки в выбранный цвет. На первый план в таких случаях, прежде всего, выходят акриловые краски или аэрозольные (в небольших баллончиках). Я использовала гуашь. Для одного цветка потребуется 4-5 ложек. Затем берём ватные палочки для ушей, разрезаем пополам, окрашиваем в жёлтый цвет и склеиваем 3 штучки. Это будут тычинки. Чтобы они были длиннее крепим к ним зубочистки. Далее приклеиваем окрашенные ложки по кругу. Когда клей высохнет — поменяйте направление ложек слева направо или справа налево в зависимости от того, какое было изначально. Это придаст цветку пышность. Обмотайте стебелёк зелёной бумагой. Цветок готов.

Для коробочки я использовала пустую баночку от конфет. Обклеила тканью и украсила яркой лентой.