Как быстро и просто сделать баннер для своего магазина
Сегодня я хочу вам рассказать, как быстро сделать баннер для своего магазина.
Первый раз я столкнулась с этим самым баннером в одной соцсети. Один активный пользователь продавала мастер-класс за 300 рублей. И что-то говорила про фотошоп.
Пришла моя очередь для баннера. Я промониторила все варианты, и поняла, что фотошопа на ноутбуке у меня нет и устанавливать не хочу. Тем более, что все фото в телефоне. Поэтому решила воспользоваться приложением.
Выбрала приложение Canva в плэймаркете. Это стандартное приложение, которое есть на всех телефонах.
Нужное нам приложение выглядит так.
После установки приложения необходимо зарегистрироваться. Тут два варианта — Google и Facebook. Я вошла через Google, и как-то очень быстро, что даже ничего и не поняла. Если у вас нет google аккаунта, то создайте его. Или восстановите, если забыли данные. Потому, что приложение Саnva идеально! Оно пригодится вам в будущем. Тем, более, что дальше все очень просто.
Далее, приложение предлагает выбрать нам нужный размер
Вводим нужные размеры баннера. Для для нашего баннера это 1260 пикс. на 200 пикс.
И, перед вами появляется шаблон.
Изображения можно загрузить свое, а можно воспользоваться имеющимися в приложении. Только имейте ввиду, некоторые картинки могут быть платными. Как правило, рядом с такими картинками есть корона или монетки (это говорит о том, что ими можно воспользоваться за дополнительную плату). Но монеток и короны может и не быть, и вы потом не сможете сохранить свой баннер бесплатно. Так, что советую внимательно смотреть и не злоупотреблять картинками из приложения. Выбираем нужное изображение.
Далее текст. Текст можно найти, а можно создать самим.
В наш баннер можно добавить иллюстрации. Там есть рамки, стрелочки и многое другое.
Только будьте аккуратны, с ними такая же история, как и с картинками.
Мастер-класс окончен! Пользуйтесь! Буду рада обратной связи!
Если возникли вопросы, то я с удовольтвием на них отвечу.
Первый свой баннер я сделала за 5 минут. Это очень быстро, удобно и бесплатно!
Пыталась загрузить видео, но что-то пошло не так.
Источник
баннер шаблоны
просмотрите нашу широкую коллекцию из баннер шаблонов. бесплатно скачать и легко персонализировать.
Все эти шаблоны баннер доступны для личного и коммерческого использования.
- PNG изображения
- Фон
- шаблоны
- Powerpoint
- Текстовый эффект
- Иллюстрация
элегантный баннер с освещением в силу счастливого рождества
векторный набор горизонтальных сетевых баннеров и заголовков с белым фоном
креативная распродажа баннеров в стиле комиксов с деревянными
векторный набор горизонтальных сетевых баннеров
абстрактный дизайн баннеров
коллекция дизайна мандалы
супер продажа баннеров
открытый рекламный щит
Рамадан социальной сети опубликовать шаблон объявления
геометрический дизайн обложки
Мода цвет градиента осень продвижение скидка баннер
рекламный щит быстрого питания
Простой модный осенний цвет поощрения скидка страницы баннера
пространство синий рождественские пожелания баннер
Свежий простой стиль осенние листья скидка тема баннер
Белый деревянный пол зерна простой и простой баннер день отца
черный день отца рекламный баннер главная страница
соединиться с технологией дизайна флаера
Синий цвет соответствующий простому бумажному вырезанному баннеру Дня отца
Синяя бумага вырезать стиль отцов день подарочной коробке баннер
желтый день зерна отцов день простой продвижение баннер
Синяя высококачественная домашняя страница продвижения Дня отца
Простой ярлык синий день отца тема баннер
красный рисунок день отца рекламный баннер
Черный высокого класса матовая текстура простой рекламный баннер день отца
рамадан продажа баннер дизайн шаблона
Отец держит дочь обратно иллюстрации День отца баннер
корпоративный открытый баннер
bbanner аннотация с фоном
бизнес рекламный щит баннер
Рождественское мероприятие черная текстура рекламный шаблон
креативный дизайн баннера шаблон
современный голубой многоугольник баннеры
фотография свернуть баннер
Рождественское мероприятие черный шаблон продвижения санта клауса
государственный советник закатывает баннер
горизонтальный баннер для счастливого китайского нового года 2020 год крысы
счастливого китайского нового года 2020
Присоединяйтесь к команде проектантов pngtree
Загрузите свой первый дизайн, защищенный авторским правом. Получите дизайнерские купоны на 5 долларов
2017-2021 Pngtree -Все права защищены.
Используйте вашу социальную сеть
Десятки миллионов дизайнеров используют pngtree
Бесплатные загрузки ежедневно
Обновите 5000+ работ ежедневно
Зарегистрируйтесь и начните скачивание
Уже зарегистрирован один аккаунт? авторизоваться
спасибо за выбор pngtree мы уже отправили вам электронное письмо с ссылкой для подтверждения нажмите на ссылку чтобы завершить регистрацию Если вы не получили письмо в течение 1 минуты нажмите кнопку «Отправить» и мы отправим вам другое письмо. Отправить снова Попробуй еще раз.
Источник
Создаем баннер с нулевыми знаниями фотошопа
Все уже заметили, что на нашей любимой Ярмарке Мастеров обновление! Теперь у каждого мастера появилась возможность сделать свой магазин еще более ярким, создать свой стиль и особенное настроение, подчеркнуть индивидуальность!
Я предлагаю скорее воспользоваться вам этой возможностью и загрузить новый, большой баннер в свой магазин!
Этот мастер-класс рассчитан для новичков в работе с фотошопом!
Сначала коротенькое отступление.
Перед тем как начать ваять новый яркий баннер, обязательно подумайте над общим стилем вашего магазина. Баннер должен стать его эффектным продолжением, а не перетягивать все внимание на себя. Для этого не нужно делать слишком крупный текст на баннере, не нужно вставлять слишком крупные объекты, теперь он занимает большое пространство на вашей странице и у вас появилась возможность добавить туда более мелкие детали, а не крупные планы своих работ, как делали это раньше.
Пусть на баннере присутствует тот же фон, что и на фотографиях ваших работ или же наоборот, оставьте фон белым, или частично белым, за пределы которого будут выходить ваши работы, это будет смотреться очень эффектно. Подробнее об интересных вариациях я расскажу в следующем мастер-классе. А сегодня я сделала все максимально простым для вас! Возьмем новогоднюю тематику, чтобы создать особенное праздничное настроение на страничке!
Открываем фотошоп, на верхней панели инструментов выбираем Файл — Создать.
В открывшемся окне выбираем следующие параметры. Обязательно Пикселы (а не см и не мм). Цветовой режим обязательно RGB, именно такой режим специально предназначен для интернет ресурса (и струйных принтеров).
Получаем наш «холст» для работы.
Заранее я выбрала несколько картинок в интернете с новогодней тематикой, подходящие мне по цвету. Не стремитесь выбрать нужную узкую картинку, которую вы сразу же вставите в нужный размер, пусть она будет короче, ничего страшного, мы сделаем коллаж из нескольких слоев.
В панели слева выбираем инструмент, прямоугольная область.
Выделяем понравившийся фрагмент картинки и жмем по области правой кнопкой мыши. Всплывает окно. Выбираем «Свободное трансформирование».
Далее, зажимаем клавишу Shift и не отпуская, трансформируем (пропорционально уменьшаем картинку). До какого размера уменьшать? Я это делаю на глаз, вы можете сначала попробовать скопировать полноценную картинку и вставить в нужную область и сразу же поймете, на сколько она велика для баннера (если картинка мала, лучше найти другую).
Жмем Enter либо щелкаем два раза по уменьшенной области, кликаем правой кнопкой, в верхней панели выбираем Редактирование — Скопировать. Либо пользуемся горячими клавишами Ctrl+C.
Переходим в нужное окно, выбираем Редактирование — Вставить, либо Ctrl+V. Здесь вы еще можете точно таким же способом трансформировать вставленную картинку. У меня осталось белое место сбоку. Но растягивать и увеличивать картинку будет некрасиво, обрежутся важные детали и будут слишком крупными.
Я все-таки решила использовать другой фрагмент картинки для баннера, с красивыми печеньками в виде звездочек. Вы можете точно таким же образом «примерить» разные варианты своих картинок.
Я хочу освежить картинку новогодним хвойным ароматом! И конечно же мне нужно чем-то закрыть пустую область. Нужно добавить новый слой. Сюда вы можете вырезать любое изображение из любой картинки с помощью инструмента лассо, удобнее всего магнитное. Но есть вариант и гораздо проще! Например, мне нужна еловая веточка и мне совсем не хочется мучиться с ее вырезанием из какой-то картинки. Так и ищу в поисковике «Веточка елочки на прозрачном фоне», вы ищите все что угодно, на прозрачном фоне. Из предложенных вариантов сохраняете себе то, что нужно! Данные картинки уже представлены в нужном формате, без фона.
Я нашла вот такую натуральную елочку-красавицу! Чувствуете новогодний аромат?
Если вдруг вы не нашли нужную картинку без фона, выбирайте на белом или другом однотонном фоне.
Данный фон вырезается очень легко с помощью «волшебного ластика».
Но, будьте готовы к тому, что если на картинке соприкасается с фоном, например, белый снег, то и он тоже вырежится и эти места придется закрашивать вручную.
Далее работаем с объектом снова путем трансформирования, уменьшаем его, переворачиваем (пользуемся стрелочками на углах картинки, которые появляются при выделении), копируем, вставляем в разные места и т.д. Вот что получилось у меня:
Осталось вставить текст! На верхней панели выбираем размер шрифта.
В панели «Работа с текстом» можно отрегулировать расстояние между строчками, между буквами, и т.д.
В нижнем правом углу выбираем вот такой значок — означает работу со слоями. Здесь мы можем добавить эффекты любому слою, в данном случае — тексту.
Не переборщите с эффектами! Это всегда очень опасно, излишние обводки, тиснение и т.д. делают текст нечитабельным и сильно «дешевят» ваш стиль, особенно не используйте тонкие обводки при фигурном тексте. Старайтесь выбирать шрифт более «жирный», а необычные фигурные шрифты используйте на контрастном однотонном фоне.
Я немного оттеню белый цвет своей надписи.
В параметрах наложения выбираем «Тень» и двигаем флажки. Не стоит делать слишком четкие границы тени, у меня получилось вот такое затемнение по краю.
Мой баннер готов! Сохраняем в нужной папке!
Теперь обязательно «примерьте» его к магазину! Я, например, очень поспешила и загрузила новый баннер, просто, чтобы посмотреть, как он вписывается в магазин, и он сразу же прошел модерацию, а новый баннер теперь можно добавить только через месяц! Поэтому, лучше примерить баннер на скриншот вашего магазина, в том же фотошопе. Открываете свою страничку, жмете клавишу Print Screen. Затем создаете новый документ, пусть это будет стандартный а4, и жмете одновременно клавиши Shift + insert. Скриншот вашей странички вставится на лист, обрежьте его с помощью инструмента Кадрирование и вставьте баннер, уже изученным способом (выделить, трансформировать, скопировать, вставить). Хорошо смотрится? Загружаем!
Всем спасибо за внимание, если данная информация окажется полезной, обязательно продолжу курс для новичков и покажу разные способы обработки фото!
(Кто первый напишет, что хочет такой баннер, тому отправлю его в подарок :))
С уважением, Светлана Храмовских.
Источник
баннер шаблоны
просмотрите нашу широкую коллекцию из баннер шаблонов. бесплатно скачать и легко персонализировать.
Все эти шаблоны баннер доступны для личного и коммерческого использования.
- PNG изображения
- Фон
- шаблоны
- Powerpoint
- Текстовый эффект
- Иллюстрация
креативная распродажа баннеров в стиле комиксов с деревянными
Рамадан социальной сети опубликовать шаблон объявления
рамадан продажа социальных медиа пост шаблон баннеры ad
социальные медиа дизайн плаката
осенью знамя с мемфисского стиля
летняя распродажа баннер фон макет векторные иллюстрации шаблон
рамадан продажа социальных медиа пост шаблон баннеры ad
м распродажа баннер
Южная Корея поддерживает новогодние праздники на новый год
Темный instagram продаж баннер
Набор нового прибытия в стиле Мемфис
fashion trend instagram история шаблон
розовый моды составляют instagram истории шаблон расслоение
дизайн баннера в социальных сетях
продажа instagram социальных шаблонов сообщений
шаблон сообщения в социальных сетях оранжевая распродажа
фитнес социального баннер
современные мега продажа комплекса иллюстрацией баннер
темный instagram продажа баннер
Набор шаблонов traveller tories в золотом цвете
летчик из черной пятницы и кибер в понедельник в стиле модерн
специальное предложение продажи веб социальные медиа баннер
распродажа большое предложение социальные медиа пост баннер шаблон
путешественник instagram истории шаблон связки в синий цвет
выходные большие продажи социальных медиа пост баннер шаблон
фитнес предложение продвижение в социальных сетях баннер
акварель рождество баннер
Флаер на продажу Черной пятницы и cyber monday в квартире
черная пятница продажи баннер
красивой аптеки standee баннер
традиционная модная модель цветного порошка на новый год
facebook покрытия баннер
современные мега продажа комплекса иллюстрацией баннер
Специальные цены социальных медиа
рисунок вектора современного дизайна продаж в пятницу фон шаблона
милый стиль лета с красочным стилем
специальное мега предложение для продажи в социальных сетях
баннер для продажи косметики
Черная пятница продажа Черная пятница флаер Черная пятница баннер Черная пятница шаблон
Темный instagram продаж баннер
шаблон социальных сетей
сообщение о продаже в соцсетях
мода составляют instagram истории шаблон расслоение
моды социальные медиа после шаблон
специальное предложение о продаже в социальных сетях
летом баннер с фламинго и тропических листьев
корпоративный бизнес фейсбук обложки
Черная пятница и кибер понедельник продажа баннеров шаблоны
черная пятница баннер установлен
Присоединяйтесь к команде проектантов pngtree
Загрузите свой первый дизайн, защищенный авторским правом. Получите дизайнерские купоны на 5 долларов
2017-2021 Pngtree -Все права защищены.
Используйте вашу социальную сеть
Десятки миллионов дизайнеров используют pngtree
Бесплатные загрузки ежедневно
Обновите 5000+ работ ежедневно
Зарегистрируйтесь и начните скачивание
Уже зарегистрирован один аккаунт? авторизоваться
спасибо за выбор pngtree мы уже отправили вам электронное письмо с ссылкой для подтверждения нажмите на ссылку чтобы завершить регистрацию Если вы не получили письмо в течение 1 минуты нажмите кнопку «Отправить» и мы отправим вам другое письмо. Отправить снова Попробуй еще раз.
Источник
Шаблон пакета Баннер Мужская одежда
Описание переведено с английского языка.
Выделитесь из толпы с идеальным баннеров пакет. Большой набор баннеров — 21 различные формы и размеры для улучшения внешнего вида вашего сайта, страниц в социальных сетях, а также блога или мобильного приложение и привлечения большего количества кликов на ваши посты.
Идеально подходит для приглашений на мероприятия, партийные принадлежности, подарочные теги, веб-сайты, этикетки и многое другое. Все файлы хорошо организованы и легко настраиваются.
Основные характеристики:
- 21 форматы баннер с красивым дизайном для ваших нужд
- Супер чистый и профессионально разработанный шаблон документа Illustrator
- Простой в использовании и настроить многоуровневый шаблон Photoshop
- Вектор (EPS) и многослойные (PSD) файлы
Что включено в загрузку:
- 21 шаблоны баннер\ — Объявление Facebook (1200×628 px) — Twitter Лидер поколения карты (800×200 пикселей) — Твиттер изображение Приложение карты (800×320 px)\ — Реклама дисплея Youtube (300×60 пикселей) — Реклама дисплея Youtube (300×250 px) — Youtube Наложение объявление (480×70 px) — Google Малый квадрат (200 × 200 пикселей)\ — Google Вертикальный прямоугольник (240 × 400 пикселей)\ — Google Square (250 × 250 px)\ — Google Inline Прямоугольник (300 × 250 пикселей)\ — Небоскреб Google (120 × 600 px)\ — Google Широкий небоскреб (160 × 600 px)\ — Google HalfPage объявление (300 × 600 пикселей)\ — Google Баннер (468 × 60 px)\ — Google Лидерборд (728 × 90 пикселей)\ — Google Большой лидеров (970 × 90 пикселей)\ — Google Billboard (970 × 250 px)\ — Google Мобильный Баннер (320 × 50 px)\ — Google Большой мобильный Баннер (320 × 100 px)\ — Адролл Прямоугольник (180×150 px) — Adroll Вертикальный баннер (120×240 px)
- JPG файлы для справки
- Файлы иллюстраторов EPS вектор торных изображений
- PSD многоуровневые файлы Photoshop
- Файл Помощь
Используемые шрифты:
ОБРАТИТЕ ВНИМАНИЕ: Изображения сторонних авторов, которые были показаны на Мокапы тах и макетах, не включены и показаны здесь только для предварительного просмотра. Если у вас возникнут какие-либо вопросы, не стесняйтесь оставить нам линию.
Источник