Как сделать стойку для баннера

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

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

Первый раз я столкнулась с этим самым баннером в одной соцсети. Один активный пользователь продавала мастер-класс за 300 рублей. И что-то говорила про фотошоп.
Пришла моя очередь для баннера. Я промониторила все варианты, и поняла, что фотошопа на ноутбуке у меня нет и устанавливать не хочу. Тем более, что все фото в телефоне. Поэтому решила воспользоваться приложением.

Выбрала приложение Canva в плэймаркете. Это стандартное приложение, которое есть на всех телефонах.

Нужное нам приложение выглядит так.

Как сделать стойку для баннера

После установки приложения необходимо зарегистрироваться. Тут два варианта — Google и Facebook. Я вошла через Google, и как-то очень быстро, что даже ничего и не поняла. Если у вас нет google аккаунта, то создайте его. Или восстановите, если забыли данные. Потому, что приложение Саnva идеально! Оно пригодится вам в будущем. Тем, более, что дальше все очень просто.

Как сделать стойку для баннера

Далее, приложение предлагает выбрать нам нужный размер

Как сделать стойку для баннера

Вводим нужные размеры баннера. Для для нашего баннера это 1260 пикс. на 200 пикс.

Как сделать стойку для баннера

И, перед вами появляется шаблон.

Как сделать стойку для баннера

Как сделать стойку для баннера

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

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Далее текст. Текст можно найти, а можно создать самим.

Как сделать стойку для баннера

В наш баннер можно добавить иллюстрации. Там есть рамки, стрелочки и многое другое.

Только будьте аккуратны, с ними такая же история, как и с картинками.

Как сделать стойку для баннера

Мастер-класс окончен! Пользуйтесь! Буду рада обратной связи!

Если возникли вопросы, то я с удовольтвием на них отвечу.

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

Пыталась загрузить видео, но что-то пошло не так.

Источник

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

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

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

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

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

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

Как сделать стойку для баннера

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

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

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

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

Как сделать стойку для баннера

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

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

Как сделать стойку для баннера

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

Как сделать стойку для баннера

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

Как сделать стойку для баннера

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

Как сделать стойку для баннера

Как сделать стойку для баннера

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

Как сделать стойку для баннера

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

Как сделать стойку для баннера

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

Как сделать стойку для баннера

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

Как сделать стойку для баннера

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

Как сделать стойку для баннера

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

Как сделать стойку для баннера

Как сделать стойку для баннера

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

Как сделать стойку для баннера

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

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

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

Как сделать стойку для баннера

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

Рис. 1

Как сделать стойку для баннера

Рис. 2

Как сделать стойку для баннера

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

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

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Ну прям все для таких как я)))) Спасибо, Оксана!

Ого. Какой день! С Днем Рождения, Оксана. Здоровья, счастья, любви.

Как сделать стойку для баннера

присоединяюсь к поздравлениям =)

но эт шутка, не обижайтесь =) по теме все хорошо расписано =)

Как сделать стойку для баннера

Как сделать стойку для баннера

Оксана, с Днем Варенья.

Как сделать стойку для баннера

Как сделать стойку для баннера

Оксана, с Днем рождения. Статья отличная, забираю в избранное и постараюсь сделать себе баннер. Спасибо.

Как сделать стойку для баннера

Обязательно поделитесь тем, что получилось)

Как сделать стойку для баннера

Большое спасибо! Кажется, это первая публикация на ЯМ, посвященная баннерам.

Как сделать стойку для баннера

Как сделать стойку для баннера

С Днем рождения! Всего Вам самого-самого! И спасибо за МК!Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

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

Присоединяюсь к поздравлениям!

Как сделать стойку для баннера

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

Как сделать стойку для баннера

Спасибо за такой понятный и нужный мастер-класс!Как сделать стойку для баннера

Взяла себеКак сделать стойку для баннера.

Как сделать стойку для баннера

Как сделать стойку для баннера

Не совсем всё и просто )

Как сделать стойку для баннера

С днем рождения! Прекрасный мастер-класс. Как сделать стойку для баннера

Как сделать стойку для баннера

Оксана, с днем рождения!

Спасибо за такой полезный МК.

Как сделать стойку для баннера

Как сделать стойку для баннера

Спасибо большое, очень нужная статья. С днём рождения.

Как сделать стойку для баннера

Как сделать стойку для баннера

Спасибо, Оксана, с Днем Рождения! Как сделать стойку для баннераПроцветания Вам на Ярмарке и новых идей! Какой же хороший подарок Вы сделали нам в свой праздник!Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннераСпасибо

Как сделать стойку для баннера

Как сделать стойку для баннера

С Днем рождения. Спасибо за МК.

Как сделать стойку для баннера

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

Как сделать стойку для баннера

Как сделать стойку для баннераЕхуу, с днем варения! Спасибо за МК!

Как сделать стойку для баннера

Оксана, с Днем Рождения! Спасибо за публикацию, очень пригодится!Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

а мне и без баннера прекрасно живется)главное есть фото Главного Рукодельника-лично мне и моим клиентам этого хватает:)если это не криминал и не принципиально-я ставить его не буду)

Как сделать стойку для баннера

С днем рождения. Большое спасибо за полезную информацию.

Как сделать стойку для баннера

Спасибо! Будем учиться.Как сделать стойку для баннера

Поздравляю!Как сделать стойку для баннера

Как сделать стойку для баннера

Спасибо огромное! Думаю, что многие будут Вам признательны за такой подарок!

Как сделать стойку для баннера

С Днем рождения!!Как сделать стойку для баннера

Как сделать стойку для баннера

Спасибо за МК, Оксана! И с Днем рождения.

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Спасибо. День Рождения у Вас, а подарок всем нам!

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

С днем рождения. Всех благ и творческих успехов! Спасибо за прекрасный МК. Взяла в избранное. А этот МК можно применить для постановки фона для готовых изделий в магазине? Видела в некоторых магазинах красиво оформленные фоны с изделиями. Такой МК возможен?

Как сделать стойку для баннера

Спасибо за идею, обязательно этим поделюсь в своем следующем МК)

Как сделать стойку для баннера

Как много интересных статей появляется и таких нужных,огромное Вам спасибо! С днем рожденья!Всех Вам благ!

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

С Днем Рождения, Оксана. Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

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

С днем рождения. Как сделать стойку для баннера

Ха, 158 комментов и 228- в избранное!! Это здорово.

Как сделать стойку для баннера

Спасибо огромное. С днем Рождения, Оксана.

Как сделать стойку для баннера

Спасибо! проголосовала и в избранное добавила Как сделать стойку для баннера

Как сделать стойку для баннера

Спасибо за столь подробную и полезную статью!)

Как сделать стойку для баннера

С днем Рождения, Оксана!

Процветания и Удачи в творчестве! Как сделать стойку для баннера

Как сделать стойку для баннера

Оксана, спасибо за МК)))
С Днем Рождения.

Как сделать стойку для баннера

Как сделать стойку для баннера

На торрентах, где ж еще можно бесплатно найти платную программу. Вбиваете в поисковик «adobe photoshop скачать торрент» и ищете.

А триал (бесплатную версию на 30 дней) можно скачать на официальном сайте.

Как сделать стойку для баннера

Отличный МК, спасибо!

Как сделать стойку для баннера

Спасибо, Оксана! Очень дельная и полезная публикация, С Днём Рождения Вас! Странно только что в избранном статья у 322человек, а понравилось только 241.

Как сделать стойку для баннера

Спасибо от чайников!Как сделать стойку для баннера

Как сделать стойку для баннера

Очень рада)Как сделать стойку для баннера

Как сделать стойку для баннера

Спасибочки за статью Оксана! Очень-очень нужная информация! Как сделать стойку для баннера

Как сделать стойку для баннера

Спасибо, все понятно, я думаю после этого МК у всех будет свой баннер.

С Днем рождения! Удачи и веры в себя!Как сделать стойку для баннера

Как сделать стойку для баннера

Спасибо и хотелось бы увидеть как получилось это у Вас)

Как сделать стойку для баннера

Спасибо большое! Прямо то, что нужно) только вчера опять думала как бы мне его сделать)))) и присоединяюсь ко всем поздравлениям! Всего самого доброго!

Как сделать стойку для баннера

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

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

Как сделать стойку для баннера

Уважаемые мастера! Ссылки в блог с других сайтов скидывать я так понимаю запрещено! Пробуйте скачивать фотошоп «Пробной версии»

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Как сделать стойку для баннера

Извините, конечно, но программисты занимаются совершенно другим.

Как сделать стойку для баннера

Как сделать стойку для баннера

Попробуйте скачать Пробную версию, она идет бесплатно на 30 дней

Как сделать стойку для баннера

Как сделать стойку для баннера

Да что же Вам не успокоиться?! Вы мне это все рассказываете? Я все знаю. Или наша питерская погода так влияет?! Ну не в тему дискуссия.

Как сделать стойку для баннера

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

Как сделать стойку для баннера

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

Как сделать стойку для баннера

А от чего Вы бережете комп, не пользуясь торрентами?)

Как сделать стойку для баннера

Есть некоторые моменты в установке/использовании пиратских программ, которые неопытного пользователя могут «подвести под монастырь».

Поэтому лучше посоветоваться со специалистом, как говорится 🙂

Как сделать стойку для баннера

Уважаемые мастера, как узнать прошла ли моя публикация модерацию на участие в конкурсе?

Как сделать стойку для баннера

С праздником Оксана!

Мастер-класс действительно отличный,когда-нибудь пригодится,спасибо!

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *