Как сделать баннер онлайн в Canva

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

Canva — это конструктор рекламных баннеров, другой графики и дизайнов. Обзор сервиса и пошаговая инструкция, где я покажу на примере, как бесплатно сделать баннер онлайн. Аналогично можно сделать и любые другие дизайны онлайн в Канва.

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

Важно от 1. 06. 2022 г.: команда сервиса Canva решила наказать всех граждан России и заблокировала нам доступ к своему сайту. Рекомендую использовать похожий по возможностям редактор графики онлайн или поискать через поисковые системы.

Обзор сайта Canva.

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

Здравствуйте уважаемые читатели.

Прежде чем бесплатно сделать баннер или любой другой дизайн в Canva.

Вам необходимо зарегистрироваться в Canva. Это быстро и бесплатно.

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

Что Вы увидите, когда войдете в Ваш аккаунт сервиса:

Это конструктор баннеров и других дизайнов, здесь Вы увидите меню в левой стороне окна

Меню сервиса Canva на русском

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

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

Основная часть окна покажет Вам основные шаблоны для создания дизайна, как Вы видите, там можно создать картинки для социальных сетей, презентации, плакат, изображение для поста в Facebook, изображения для сайта/блога, сделать логотип онлайн, сделать баннер разных размеров и многое другое, как из шаблонов, так и с ноля.

Если Вам нужно создать графику с определенными размерами в Canva.

Например, Вы хотите сделать баннер, нажмите на кнопку «Использовать специальные размеры«

Создать дизайн, Вы можете из предложенных шаблоной, создать баннер произвольного размера, Вы можете нажав на кнопку "Использовать специальные размеры"
Выбрать макет дизайна или сделать свой размер

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

Сделать рекламный баннер любого размера в Канва
Свой размер

Но, это не вся графика, которую Вы можете создавать в сервисе Канва.

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

Я даже не стану делать скриншот, но напишу о всех возможностях:

Популярные типы создания дизайна

  • Графика для социальных сетей
  • Презентация
  • Плакат
  • Пост в Facebook
  • Графика для блога
  • A4
  • Создать открытки

Изображения для социальных сетей

  • Фон для Facebook
  • Публикация в Instagram
  • Социальные сети
  • Публикация в Твиттере
  • Графика Tumbler
  • И другие дизайны для социальных сетей с нуля и из шаблонов

Создать документы

  • Письмо (США) (почему США, если честно я не знаю, письма в Canva я еще не создавал)
  • Создать презентацию (16:9)
  • Еще один вариант создать презентацию
  • Фирменный бланк (США)
  • Журнал
  • Фирменный бланк (А4)
  • Сертификат
  • Резюме

Дизайны для блогов и электронных книг

  • Электронная книга
  • Фон для рабочего стола
  • Обложка книги для Wattpad
  • Обложка Kindle
  • Заголовок блога
  • Графика для блога
  • Обложка для альбома
  • Инфографика

Дизайны маркетинговых материалов

  • Флаер для недвижимости
  • Постер (США)
  • Плакат
  • Меню блюд и напитков
  • Визитка
  • Флаер
  • Брошюры с тройным сгибом
  • Подарочный сертификат
  • Логотип

Красивые заголовки для соцсетей и электронных писем

  • Обложка мероприятия в Facebook
  • Миниатюра YouTube
  • Сделать баннер для Tumblr
  • Сделать баннер для канала YouTube, Оформление для канала YouTube
  • Фон для Twitter
  • Фон для Google+
  • Фото обложки Etsy
  • Пиктограмма магазина Etsy
  • Дизайн для email-рассылки
  • Обложка для Facebook

Дизайны событий

  • Открытка
  • Приглашение на свадьбу
  • Приглашения (портретная ориентация)
  • Открытка
  • Фотоколлаж
  • Announcement (Объявление)

Дизайны для рекламы

  • Реклама в Facebook
  • Широкий вертикальный баннер (IAB)
  • Средний прямоугольник (IAB)
  • Таблица лидеров (IAB)
  • Большой прямоугольник (IAB)

Как Вы видите в Canva есть огромный выбор создания разнообразной графики и есть смысл для регистрации.

Регистрация в Canva

Зайдите в сервис Canva. (ссылка откроется в новой вкладке)

Показана страница регистрации в Canva
Регистрируйтесь в Каева, как Вам удобно

Зарегистрируйтесь с помощью Вашего аккаунта в Facebook, в Google или выберите обычную регистрацию с помощью Вашей электронной почты.

Там все на русском языке и Вы легко разберетесь.

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

Например, я хочу сделать баннер размер 468 на 60 пикселей.

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

Приступим.

В своем аккаунте Canva я нажимаю в меню кнопку «Использовать специальные размеры» в правом верхнем углу окна создания дизайна, во всплывающем окне прописываю нужные мне размеры создаваемого баннера 468 на 60 в пикселях оставляю, как есть по умолчанию и нажимаю кнопку «Создать«. (Посмотрите в Поле «Создать дизайн», возможно там уже есть, готовые макеты баннеров, как пример, Вы хотите создать баннер для канала Ютуб, посмотрите, там есть возможность в один клик, начать создавать такой баннер уже с нужными размерами, просто выберите » Баннер для канала YouTube, Оформление для канала YouTube«)

Открывается новая вкладка или окно браузера (смотря каким браузером Вы пользуетесь и как он настроен).

Сделать баннер из макета
Выберите понравившийся макет для баннера

И что я здесь вижу?

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

В левой части есть меню с помощью которого я и буду создавать баннер.

О других кнопках и возможностях конструктора банеров я скажу по мере их использования.

Сделать рекламный баннер из готового макета

Как Вы видите по умолчанию, открылась опция «МАКЕТЫ«, где из большущего списка я могу подобрать макет баннера и уже на основе этого макета я начну создавать баннер.

Но в этом примере я не стану использовать макет баннера, я сразу перейду к созданию фона баннера.

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

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

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

Добавить изображение в баннер

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

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

Добавление фона в баннер из фото
Можно добавлять разные фоны в баннер в том числе и из фото

Как Вы видите при появлении в конструкторе любого выделенного объекта, появляется дополнительное меню с вариантами действий «Фильтр«, «Обрезка«, «Перевернуть«, «Копировать» и др. последняя опция «Удалить«, если нужно что-то удалить, выделите это и удалите.

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

перемещение

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

Дальше я выбрал и добавил еще одно изображение в баннер. И правей баннера нажал кнопку «Копировать страницу», так как планировал сделать не статический баннер, а анимированный GIF. Ниже, на странице создания баннера, появилась копия первого баннера.

Потом нажав на кнопку «ЭЛЕМЕНТЫ«, и в появившемся списке я выбрал «Я люблю Canva«, где вместо слова люблю, «сердечко» и там поискав я выбрал два элемента, один из которых я вставил в первый баннер, а второй элемент я вставил в копию и написал там, что Вы увидите на готовом баннере в формате gif, в конце статьи.

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

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

Добавление текста в баннер

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

Когда баннер готов.

Создавай я простой, статический баннер я могу его скачать на компьютер, нажав на кнопку «Скачать«, могу поделиться, нажав на соответствующую кнопку, там будет выбор, как я могу поделиться или на email или через ссылку или опубликованный результат моих трудов я могу получить в виде кода баннера html и вставить его на сайт например, но для этого я должен нажать на кнопку «Опубликовать«.

Я создал два баннера и для меня был выбор в скачивании, скачать все или выбрать написав порядковые цифры номеров созданных мной баннеров. Я выбрал скачать все, и в рекомендованном формате PNG, жаль, что сразу в GIF, скачать нельзя.

Вот результаты моей работы в создании баннера:

первый баннер
второй баннер

Сделать анимационный баннер

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

Но для создания такого баннера, мне нужно было конвертировать созданные в Canva баннеры в формате PNG в формат GIF. Дело в том, что UnFREEz, это маленькая программка, всего около 19.5 kb. Она может создавать анимированные баннеры, когда она получает файлы уже в формате GIF, конвертировать она не умеет. Скачать UnFREEz.

Для конвертации назовем их макетами баннера из PNG в GIF я использовал программу FastStone Image Viewer. Это программа для просмотра и редактирования изображений, скачать FastStone Image Viewer.

Вот какой я смог сделать баннер

результат создания баннера

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

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

Успехов Вам.

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

Если статья о онлайн сервисе Canva была полезна, пожалуйста поделитесь в социальных сетях. Спасибо.

Если Вы любите рисовать и хотите рисовать на компьютере, планшете или смартфоне? Посмотрите программы для рисования на компьютере, можете скачать бесплатно понравившиеся.

«Автор: Леонид Никитин»

Поделитесь с друзьями