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

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

1. Программа Adobe Photoshop.

Откройте программу Фотошоп на вашем компьютере. Файл — Создать.

Выберите такие же параметры, как на фото ниже, и нажмите ОК.

Итак, вы создали файл размером 760 на 75 пикселей. Возможно, программа попросит вас уточнить способ обработки. Выберите — оставить без изменений, как на фото ниже.

У вас должно открыться окно, как на фото ниже.

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

Затем нам потребуется создать фон для нашего баннера. Я выбрала текстуру старой бумаги. Для того, чтобы поместить её в наш баннер, идём: ФАЙЛ — ОТКРЫТЬ — выбираем нужное изображение на компьютере.

Затем текстуру нужно перетащить в нашу рабочую область. Зажимаем левую клавишу мыши и перетаскиваем файл с текстурой в область с баннером.

Окно с текстурой можно закрыть.

Теперь следует подогнать текстуру под размер баннера. Нажимаем ctrl + T, появляется рамочка (трансформация), которая позволяет уменьшать и увеличивать размер изображения. Для сохранения пропорций регулируйте размер с зажатой клавишей Shift.

Когда вы разместили текстуру как вам нужно, нажмите enter.

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

Точно так же, как с текстурой. ФАЙЛ — ОТКРЫТЬ — выбираете заранее скаченное изображение в формате PNG (без заднего фона) и вставляете в баннер.

Сочетанием клавиш ctrl + T вызываем рамку трансформации. Подгоняем изображение. Нажимаем Еnter.

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

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

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

Если у вас есть вопросы — задавайте. Отвечу всем.

LiveInternetLiveInternet

  • Регистрация
  • Вход

Цитатник

Пирожные Эклеры! Вкусное чаепитие вам гарантировано! https://zen.yandex.ru/media/blog_lilya_shaid.

Ключ к стройной фигуре — ужин. Многие диетологи утверждают, что ужин являетс.

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

Новый пасхальный кролик Тильда 1. 2. 3. 4. 5. 6.

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

Рубрики

  • Б И С Е Р (3012)
  • Бисерное Колье (655)
  • Бисерное Колье цветочное (53)
  • Листья (21)
  • — Бисерные Шарики из бусин и бисера(фуллерены) (61)
  • -Серьги из бисера,на пинах,сборные МК (427)
  • Б Р А С Л Е Т Ы разные= М К (541)
  • Бисер от больших мастеров. Дизайнерские украшения (83)
  • Бисерное ткачество (19)
  • Бисерные Кулоны (183)
  • Бисерные вышитые украшения (158)
  • Бисерные журналы, книги (47)
  • Бисерные кольца (85)
  • Бисерные сумочки (13)
  • Броши,заколки (114)
  • Виды цепочек для колье (23)
  • Геометрия из бисера (32)
  • Комплекты из бисера (серьги,кулоны,браслеты,подвес (83)
  • Лариаты,жгуты (104)
  • Оплетение риволи,кабошонов,камней (121)
  • Сборка украшений( крепление замков,хитрости,МК) (30)
  • Ссылки на бисерные сайты (16)
  • Техники плетения бисер (50)
  • Цветы из бисера (84)
  • ШИБОРИ лента. Украшения, МК (11)
  • Дом в стиле кантри,шале (0)
  • Б И С Е Р Супердуо, Твин (300)
  • Браслеты с супердуо,твин (71)
  • Колье с супердуо (26)
  • Кольца с супердуо, твин (16)
  • Серьги с супердуо (133)
  • Элементы, кулоны, броши с супердуо, твин (53)
  • Б О Х О = С Т И Л Ь (57)
  • В Ы Ш И В К А = М К (120)
  • Б и с к о р н ю (6)
  • В Ы Ш И В К А = Л Е Н Т А М И = (28)
  • Схемы для вышивки (57)
  • В Я З А Н И Е крючок,спицы,кружева(много цветов) (174)
  • В И Н Т А Ж — Ш Е Б Б И Ш И К для дома+картинки (210)
  • Украшения в винтажном стиле (31)
  • Цветы в стиле шебби шик, винтажные катушки (26)
  • Д Л Я ЛИ.Ру (261)
  • Кнопки-Переходы, Разделители, Смайлики (74)
  • — Картинки» забираю» (3)
  • -Эпиграфы, Аватарки, Анимашки (25)
  • Открытки (12)
  • Уроки по дневнику,энциклопедия (35)
  • Флешка (7)
  • Фоны, СХЕМЫ,Часики, Рамки (94)
  • И Г Р У Ш К И кофейные,Куклы.Совы.Одежда = МК = (129)
  • К А М Н И.Роспись,МК,идеи (11)
  • М О Й Л И К Б Е З (57)
  • Фотошоп,уроки по фото (26)
  • Н А Р О Д Н Ы Е рецепты (34)
  • Н У Ж Н Ы Е = П Р О Г Р А М М Ы= (27)
  • П У Г О В И Ц Ы (22)
  • С К Р А П Б У К И Н Г = МК = (37)
  • Т И Л Ь Д А, авторские куклы (482)
  • «Секреты» -Ножки, ручки,глазки (13)
  • Авторские куклы (23)
  • Аксессуары для игрушек, мебель (49)
  • В Ы К Р О Й К И Тильд (25)
  • Винтажная Тильда (14)
  • — Лошадка Тильда (5)
  • — Маленькие Тильдочки (6)
  • — Манекен Тильда (1)
  • — Овечки,олени.Короче,парнокопытные (16)
  • — Одежда для Тильды (33)
  • — Сайт » Тильдомания» есть все! (4)
  • — Толстушки, жуки, матрешки. Цветы (16)
  • -Видео МК по Тильдам (5)
  • -Волосы для кукол (23)
  • -Гуси, Аист, Курочки (12)
  • -Какие бывают Тильды (43)
  • -Книга Тони Финнангер (10)
  • -Кошечки,Улитки,Зайцы (50)
  • -Кукла Тильда,авторские куклы.МАСТЕР КЛАССЫ (56)
  • -Обувь для кукол и деток (44)
  • -Подготовка ткани (9)
  • -Подставки для кукол (5)
  • -Птички Тильда, домики (10)
  • Мишки ТЕДДИ и мишка ТИЛЬДА (8)
  • Ф И М О = П о л и м е р н а я г л и н а = (45)
  • Ф О А М И Р А Н (10)
  • Х О Л О Д Н Ы Й Ф А Р Ф О Р = М К = (20)
  • — Рецепт приготовления (5)
  • Ц В Е Т О С О Ч Е Т А Н И Е (21)
  • Ц В Е Т Ы = Т К А Н Ь = Все по МК (57)
  • Ш К А Т У Л К И = К О Р О Б К И = ДЕКОР = (94)
  • А К Т Е Р Ы — Судьбы и роли (55)
  • Видео Т е а т р (60)
  • Б И Ж У Т Е Р И Я (191)
  • Броши,браслеты,кольца,серьги (9)
  • Бусы, колье из бусин МК (64)
  • Мастер классы по различной бижутерии (105)
  • Проволока.Украшения, мк (13)
  • В А Л Я Н И Е (13)
  • В К У С Н Я Ш К А (44)
  • Пить или не пить (3)
  • В С Е в С А Д (66)
  • ГУ Л Я Е М по рукодельным сайтам (8)
  • Д Е К У П А Ж — МК -бирки-винтажные картинк (221)
  • Д Е К О Р из Мешковины и Кофе. Идеи. МК (17)
  • ЖЕНСКИЕ СЕКРЕТЫ (51)
  • И Д Е И для дома( поделки,винтаж,шитье) (118)
  • К Н И Г И читаем, изучаем МК (13)
  • КАРТИНЫ, СТИХИ, ПРИРОДА (56)
  • М У Л Ь Т И В А Р К А рецепты (5)
  • МАКРАМЕ.Уроки,украшения (4)
  • МОЯ ЖИЗНЬ В ТВОРЧЕСТВЕ (52)
  • Мои Куклы и не только (9)
  • Мои работы БИСЕР (41)
  • П Р А В О С Л А В И Е (16)
  • — Чудеса (6)
  • -Иконы (4)
  • -Кино (4)
  • П А Р А Н О Р М А Л Ь Н Ы Е я в л е н и я (13)
  • П Е Р Е Д Е Л К И ( одежда,бижутерия, и др.) (30)
  • П Е С Н Я ! (41)
  • П О С У Д А , ф а р ф о р (9)
  • П Р А З Д Н И К И. Рукодельные идеи (307)
  • 8 МАРТА (10)
  • День св.Валентина (55)
  • НОВЫЙ ГОД. Идеи подарков.Декупаж.Елочки,снежинки (143)
  • П А С Х А. Идеи подарков,бисерные яйца (99)
  • П Э Ч В О Р К (17)
  • Р Е Т Р О (8)
  • С В А Д Ь Б А (27)
  • С Т А Т Ь И о Ж и з н и (59)
  • Загадочные места (6)
  • С У М К И (23)
  • Ф Е Т Р (12)
  • Ц В Е Т Ы = Много разных мастер классов= (10)
  • Цветы из К О Ж И = (6)
  • Ц В Е Т Ы = из Л Е Н Т , Б А Н Т Ы= (30)
  • Ш И К , Б Л Е С К , К Р А С О Т А (13)
  • ШЬЕМ ВСЕ- для себя, для дома,интерьера,детям (181)
  • » Лапки» для швейной машины (2)
  • -Книга выкроек (2)
  • Э Т Н О украшения = ЭТНО стиль (3)

Метки

Приложения

  • Я — фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку «Обновить

Ссылки

Музыка

Я — фотограф

Фотосессия моих украшений

Новости

Всегда под рукой

Поиск по дневнику

Подписка по e-mail

Интересы

Друзья

Постоянные читатели

Сообщества

Трансляции

Статистика

источник

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

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

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

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

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

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

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

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

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

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

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

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

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

One more step

Please complete the security check to access www.canva.com

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 6519cf45590f2de8 • Your IP : 46.175.165.20 • Performance & security by Cloudflare

Онлайн редактор баннеров

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

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

Урок 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. Про то. как баннер проходит модерацию на ЯМ

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

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

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

Оцените статью
Скрапбукинг, вышивка, вязание и другие виды рукоделия