Как сделать заготовку для баннера
Бесплатный конструктор баннеров онлайн с дизайнерскими шаблонами
Продвигайте ваш бренд, а стильный баннер для сайта или рекламы от Canva поможет достичь целей!
Сделать баннер для бизнеса, сайта или любой онлайн-платформы стало очень легко. Хотите оформить неповторимую бизнес-страницу в Facebook, аккаунт Twitter, канал в YouTube, профиль в LinkedIn или ВКонтакте? Вы способны сами создать баннер, который будет точно соответствовать корпоративному стилю вашей компании. При этом не придется вникать в тонкости веб-дизайна, или разбираться в том, как работает та или иная графическая программа для создания баннеров. С Canva вам достаточно идеи, а ее реализация на базе любого из тысяч шаблонов пройдет легко, увлекательно, и без всякого беспокойства о требуемых размерах баннеров.
Как создать баннер
Launch Canva on desktop or mobile. If you’re a new user, just sign up with your Facebook or Google account. If you’ve been here before, log in search for «Banners» to get started.
Explore Canva’s wide range of banner templates for various needs in different styles and themes. Click on the template and start designing.
Found the right template but want to make a few adjustments? Simple. With a few clicks, you can edit the text, swap out fonts and try out different color combinations for the perfect banner design.
You’ll find all the design elements you need to create the perfect banner. Explore images, illustrations, icons, logos, fonts, shapes, lines, graphs, and more. Go wild; you can always edit later.
Save your design as a PDF, JPG or PNG file ready to print or share online. Go back and edit your design any time.
Загружайте все элементы в программу для создания баннеров
Вы приложили много сил, чтобы добиться успеха. Настал момент, чтобы рассказать вашу историю всему миру. Теперь красивые баннеры, которые вы наблюдали на других ресурсах, становятся вашей реальностью. А главная новость в том, что дизайн баннера не будет просто скопирован с чужого: в нем ваше видение и детали, узнаваемые с первого взгляда. Задействуйте свои иллюстрации и логотипы, загружая в хранилище и перетаскивая в макет. И затем пробудите в себе настоящего художника! Canva позволит изменить медиафайлы, выбрав для них оттенки, соответствующие вашему замыслу.
Создавайте рекламные баннеры идеального размера
Сосредоточьтесь на своем проекте и том, что знаете и умеете. И забудьте, что обложки в Facebook должны быть 851 х 315 икселей, а стандартные размеры баннеров в Twitter — 1500 х 500. С конструктором Canva вы можете сделать баннер онлайн для любой платформы и мгновенно сохранить рисунки высокого разрешения в желаемом формате: JPEG, PNG, или PDF.
Оцените, каким удобным стал интернет-маркетинг
Online banners are the first thing your audience sees when clicking onto your profile, so it’s important to make a lasting first impression. With thousands of sleek templates in preset dimensions, 2 million royalty-free images, and easy drag-and-drop functions, designing a custom online banner is easy and time-efficient with our banner creator. Once you’ve created a banner you’re happy with, easily repurpose your design for other online platforms within a few clicks.
Сформируйте группу и работайте совместно
Кончилось вдохновение? Требуется свежий взгляд на ваш баннер? Всё просто! Конструктор баннеров на платформе Canva поможет вам создать превосходный баннер вместе с вашим коллективом. Работайте над макетом вместе и на любом устройстве, где бы вы ни находились. Настраивайте цвета, добавляйте комментарии, работайте над идеями и предложениями и создайте потрясающий баннер в Canva.
Вопросы и ответы
Как сделать хороший баннер?
Хороший баннер содержит несколько ключевых элементов:
Убедитесь, что ваши изображения, цвета и текст соответствуют бренду, чтобы произвести неизгладимое впечатление.
Какой размер должен иметь баннер?
Каждая платформа имеет свои рекомендуемые размеры для баннеров. Баннер для Twitter обычно имеет размер 1500 x 500 точек, а для Tumblr — 3000 x 1055 точек. С правильными инструментами вы можете изменить размер вашего баннера, чтобы он подошел для любой платформы.
Какой формат файла лучше подходит для баннеров?
Выбор правильного формата файла для вашего баннера зависит от его дизайна. Если баннер содержит иллюстрации без каких-либо фотографий, используйте PNG. Если ваш баннер содержит фотографии, лучше всего подойдет файл JPG. Для анимированных баннеров обычно используют GIF.
Делаем баннер, пошаговая инструкция
Уж извините меня милые дамы, но данный урок меня сподвигло сделать чувство сострадания.
Не кидайтесь сильно тухлыми помидорами за то, что тема ужа заезжена до дыр.
Но пообещал помочь одной девушке очень подробно разложить по полочкам.
И вот решил, что-бы материал не пропадал даром.
Очень пошаговая инструкция создания баннера для Ярмарки Мастеров.
Запускаем Фотошоп. Не важно какой версии. Все что здесь описывается, есть в любой версии.
Для того, что-бы открыть картинку, которую мы будем использовать для фона, нажимаем меню «File»
ШАГ 2
Выбираем пункт меню «Open».
ШАГ 3
Выбираем на своем компьютере заранее записанную картинку, которую мы будем использовать как фон.
ШАГ 4
Создадим шаблон (пустую картинку) для нашего баннера. Выбираем последовательно пункты меню «File->New».
ШАГ 7
Начинаем операцию копирования картинки которая будет фоном в чистый шаблон баннера. Делаем активным файл с фоном (просто кликаем один раз на нем мышкой).
ШАГ 10
Наш фон теперь поместился в шаблон баннера и мы готовы с ним работать.
ШАГ 12
У нас появилась рамочка вокруг слоя с нашим фоном. Изменяем (уменьшаем и двигаем наш слой с фоном) так, что-бы это было красиво. Если потянуть за крайние уголки этой рамочки, то размер слоя с фоном начнет изменяться (уменьшаться или увеличиваться). Если одновременно с этим нажать и удерживать кнопку «Shift» на клавиатуре, то транcформация слоя с фоном будет пропорциональным, т.е. без искажений по горизонтали и вертикали. Еще можно вращать вокруг центральной точки (отмеченной одной из красных стрелочек). Перед тем, как тянуть за уголки мы должны выбрать инструмент «Move Tool». Как только закончили трансформацию нажмите клавишу «Enter» на клавиатуре.
ШАГ 13
Трансформируем слой с фоном на свое усмотрение.
ШАГ 14
Давайте посмотрим, где же располагается слой с нашим фоном. Выполняем последовательно меню «Window-> Layers». Откроется окошко со слоями. Наш фон сейчас находится вторым снизу. Таких слоев в файле Фотошопа может быть очень много.
ШАГ 15
Напишем название нашего магазина. Для этого выбираем инструмент со сложным названием «Horizontal Type Tool».
ШАГ 16
Кликаем мышкой примерно в том месте где хотим написать название нашего магазина. Возможно придется немного подождать, пока Фотошоп активизирует все ваши установленные шрифты. Как только появится мигающий курсор на баннере в том месте, где мы кликнули и появился новый слой с иконкой в виде буквы «Т», мы готовы набирать название нашего магазина.
ШАГ 17
Пишем название. Меняем цвет и размер шрифта, как в любимом Ворде. Баннер «на скорую руку» готов.
Еще раз прошу прощения за избитую тему. Можете даже ругать. 🙂
Надеюсь я помог девушке с такими подробностями.
Если будут какие-то еще уточнения по данному уроку, пишите сразу, пока у меня есть возможность править этот урок.
Как быстро и просто сделать баннер для своего магазина
Сегодня я хочу вам рассказать, как быстро сделать баннер для своего магазина.
Первый раз я столкнулась с этим самым баннером в одной соцсети. Один активный пользователь продавала мастер-класс за 300 рублей. И что-то говорила про фотошоп.
Пришла моя очередь для баннера. Я промониторила все варианты, и поняла, что фотошопа на ноутбуке у меня нет и устанавливать не хочу. Тем более, что все фото в телефоне. Поэтому решила воспользоваться приложением.
Выбрала приложение Canva в плэймаркете. Это стандартное приложение, которое есть на всех телефонах.
Нужное нам приложение выглядит так.
После установки приложения необходимо зарегистрироваться. Тут два варианта — Google и Facebook. Я вошла через Google, и как-то очень быстро, что даже ничего и не поняла. Если у вас нет google аккаунта, то создайте его. Или восстановите, если забыли данные. Потому, что приложение Саnva идеально! Оно пригодится вам в будущем. Тем, более, что дальше все очень просто.
Далее, приложение предлагает выбрать нам нужный размер
Вводим нужные размеры баннера. Для для нашего баннера это 1260 пикс. на 200 пикс.
И, перед вами появляется шаблон.
Изображения можно загрузить свое, а можно воспользоваться имеющимися в приложении. Только имейте ввиду, некоторые картинки могут быть платными. Как правило, рядом с такими картинками есть корона или монетки (это говорит о том, что ими можно воспользоваться за дополнительную плату). Но монеток и короны может и не быть, и вы потом не сможете сохранить свой баннер бесплатно. Так, что советую внимательно смотреть и не злоупотреблять картинками из приложения. Выбираем нужное изображение.
Далее текст. Текст можно найти, а можно создать самим.
В наш баннер можно добавить иллюстрации. Там есть рамки, стрелочки и многое другое.
Только будьте аккуратны, с ними такая же история, как и с картинками.
Мастер-класс окончен! Пользуйтесь! Буду рада обратной связи!
Если возникли вопросы, то я с удовольтвием на них отвечу.
Первый свой баннер я сделала за 5 минут. Это очень быстро, удобно и бесплатно!
Пыталась загрузить видео, но что-то пошло не так.
Как сделать баннер для магазина на Ярмарке Мастеров. Подробная инструкция
В этом мастер-классе я покажу как сделать баннер средней сложности, который у новичка займет примерно около часа времени.
Баннер для магазина можно делать в любом фоторедакторе, но больший функционал конечно находится в фотошопе, поэтому я рекомендую установить его. В принципе больше ничего не понадобиться, кроме вашего воображения.
Первым делом нужно открыть фоторедактор, если вы установили фотошоп и у вас он открывается с английским интерфейсом, то поменять его можно вот так:
1. Нажимаем «Edit», потом «Preferences», затем «General» (либо сразу «Interface»). Также можно нажать комбинацию горячих клавиш Ctrl+K.
2. Далее где колонка «Text», в поле «UI Language» выбираем «Russian» и нажимаем «OK».
В этом же меню «Interface» можно поменять цвет темы, размер шрифта темы и тд.
3. Далее, когда вы закрыли меню, если язык не изменился, то просто закройте фотошоп и откройте заново.
Теперь приступим к созданию баннера, который по размеру должен быть 760 на 75 пикселей.
Создаем новый файл, нажимая вкладку «Файл», затем «Создать» (либо же комбинацию клавиш Ctrl+N), открывается меню, где в поле «ширина» вписываем 760, а в поле «высота» 75 и нажимаем «ОК».
Если новый файл у вас открылся таким образом:
Перенесите файл вот так, чтобы он открылся на полный экран, и вы могли спокойно функционировать, переключая вкладки.
Следующий шаг — это нахождение интересных картинок, из которых вы хотите сделать оформление своего магазина. Когда вы найдете картинку, допустим в поисковике, нажмите по ней правой кнопкой мыши и выберите «Копировать изображение». Затем перейдите в фотошоп и создайте новый файл, ничего не меняя в открывшемся меню. Потом комбинацией клавиш Ctrl+Shift+V вставьте картинку в созданный файл.
Теперь выделим картинку с помощью «Прямоугольная область».
Нажимаем Ctrl+Shift+C, затем переходим во вкладку с созданной заготовкой для баннера и нажимаем Ctrl+Shift+V, чтобы вставить туда фон, который вы выбрали. Обычно картинка вставляется посередине, щелкните по краю «обводки» картинки, чтобы она стала зафиксированной, далее перетаскивайте картинку, изменяйте размер как вам захочется, располагая ее на заготовке для баннера. Если картинка маленькая и вы не хотите ее увеличивать, тем самым растягивая и искажая рисунок, то просто вставьте картинку несколько раз и передвигайте две картинки, совмещая их.
Чтобы избавиться от зафиксированной «обводки», нажмите «Enter».
Теперь перейдем к самому интересному — слоям. Чтобы открыть вкладку со слоями, нажмите в левом меню эту кнопку:
Мы видим, что наш фон для баннера состоит из трех картинок: 1-3 слой. Щелкните два раза по слою, который называется «Фон» и нажмите «Enter», теперь у нас все слои активные.
Теперь щелкните по 3 слою правой кнопкой мыши и нажмите «Объединить с предыдущим», далее объедините все слои, кроме бывшего слоя «Фон», нынешнего «Слой 0». Если ваш фон вас устраивает, то вы можете пропустить следующие шаги, но я сейчас покажу как изменить немного цвета слоя.
Выберете слой с фоном, далее нажмите «Изображение», нам доступны здесь три варианта редактирования изображения: «Автотон», «Автоконтраст», «Автоматическая цветовая коррекция», нажмите каждый из них и посмотрите как меняется ваша картинка, если вам понравилось — отлично, если нет — просто отмените свои действия во вкладке «Редактирование», «Шаг назад» (либо комбинацией клавиш Alt+Ctrl+Z).
Если же из этих трех вариантов вам ничего не подошло, то в той же вкладке «Изображение», нажмите «Коррекция» и выберите любые варианты из предложенных, какие хотите, в этих настройках вы можете изменять параметры, попутно наблюдая как изменяется картинка и подстраивая дизайн под ваш вкус.В своей работе я пользовалась такими параметрами:
«Цветовой баланс» уровни «-40», «-65», «+14».
В итоге получилось следующее:
Далее, снова берем картинку, которую мы хотим поместить на наш баннер, копируем ее, создаем новый файл в фотошопе и вставляем туда картинку. У меня будет цветочный баннер, поэтому я использую картинку белых цветов.
В этом случае мы сталкиваемся с тем, что на картинке присутствует ненужный черный фон. Для начала, удалим слой «Фон» во вкладке «Слои» кнопкой «Del». Теперь мы можем использовать инструмент «Волшебная палочка», где щелкаем по черному фону и удаляем кнопкой «Del», пока весь черный фон не будет удален. Чтобы удалить более мелкие части, можно воспользоваться инструментом «Ластик», предварительно увеличив картинку, зажав кнопку «Alt» и крутя колесико на мышке. Размер ластика можно увеличить/уменьшить наверху, либо нажав правой кнопкой мыши по картинке, где откроется такое же меню, в котором можно выбрать форму ластика и его размер, а также жесткость. Таким же главным атрибутом ластика является интенсивность, либо непрозрачность, которую можно поменять также наверху, рядом с размером кисти.
Когда всего черного фона нет, выделяем всю картинку, либо нужную часть с помощью инструмента «Прямоугольная область» и копируем известной комбинацией клавиш, далее вставляем туда, где наш фон для баннера. Фиксируем область вставленной картинки и размещаем ее так, как нужно.
Когда вы уменьшаете/увеличиваете картинку, зажмите «Shift», чтобы размеры изменялись равномерно.
Когда вы выберете как будет находиться ваша картинка, то если приблизить будут видны плохо обработанные края, чтобы убрать это, можно воспользоваться инструментом «Размытие», предварительно поставив интенсивность не более «30%», чтобы сглаживание выполнялось мягко.
Теперь выберете нужный слой, приблизите картинку и аккуратно, почти касаясь кистью инструмента «Размытие», пройдитесь по краям картинки. Также, вы можете размыть части своей картинки, чтобы они выглядели более реалистично.
Если у вас есть вот такие дыры в картинке, то воспользуйтесь инструментом «Восстанавливающая кисть», зажав «Alt» нажмите рядом с дырой и потом заново нарисуйте пропущенный кусок.
В итоге получаем вот это:
Теперь дополним наш баннер такими же цветами, выполняя все перечисленные выше действия.
Теперь можем сделать фильтр. Создадим новый слой.
Затем нажмем инструмент «Кисть», поставим ей размер побольше, а цвет выберем такой, какой «фильтр» нам нужен, нажимая левой кнопкой мыши на квадратик с цветом. Я выберу розовый цвет.
Теперь проведем кистью по всему слою, вот так:
Затем поставим непрозрачность слоя, такую, чтобы весь закрашенный фон — фильтр был еле виден, я поставила «20%». Получился такой баннер:
Осталось только добавить название магазина. Выберем инструмент «Горизонтальный текст».
И щелкнем на месте, где хотим расположить текст. Выберем цвет текста, шрифт, размер текста и другие параметры, вверху меню.
Получается вот так:
Для дополнительных настроек, нажмем правой кнопкой мыши по слою с текстом и выберем «Параметры наложения», в открывшемся меню можно также выбрать различные параметры и отследить как меняется текст, остановив свой выбор на понравившемся результате.
Спасибо, что прочитали мой мастер класс, старалась все расписать наиболее подробно, чтобы даже новички могли разобраться.Пишите в комментариях свои вопросы или замечания, всем буду рада, а также подписывайтесь, чтобы не пропустить мои дальнейшие мастер классы.