Как сделать картинку в графическом редакторе Канва, разбор и мой опыт работы

Создать картинку в графическом редакторе Канва
Обновлено:

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

Эти сервисы - редакторы изображений, разделяются на стационарные и онлайн. По определению понятно, что одни размещаются (закачиваются) на компьютер, такой сервис,к примеру, Photochop (Фотошоп), есть бесплатный курс получите здесь, а другие работают в облачной среде.

Ко второй категории относятся:

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

РЕГИСТРАЦИЯ В ОБЛАЧНОМ ГРАФИЧЕСКОМ РЕДАКТОРЕ КАНВА

Регистрация в редакторе Канва

Действуйте решительно и открыто, это серьёзный сервис, который представляет бесплатные услуги, отнеситесь с полной ответственностью. Заходите по ссылке графический редактор ➡ Canva. Страница очень открытая и в полный размер экрана.

Внизу (в подвале) сразу предупреждение о файлах куки (cookie), которые потом вам помогут без проблем делать вход в сервис. Выполните действие (1), жмите на "понятно". Приняли правила сервиса и делайте действие (2) "зарегистрироваться".

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

Форма регистрации редактора

Чтобы показать вам эту форму регистрации мне пришлось применить другой новый аккаунт. На нём и буду показывать примеры. Заполните форму, будет подсказка о надёжности пароля, запишите его.

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

Работа для личных целей

Конечно, у меня "Личный бренд" для работы и для личных целей. Советую выполнить действие (4) и перейти на главную страницу графического редактора Canva, но он предложит вначале создать свой первый дизайн проект. Пока повремените, давайте посмотрим Главную страницу.

ОБЗОР ГЛАВНОЙ СТРАНИЦЫ РЕДАКТОРА

Сайдбар (оглавление) сервиса Canva

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

Там же можете поменять свой пароль входа и заполнить свой аватар, поставить своё фото и быть заметным, как автор. Это можно сделать позже, когда освоите основы дизайна здесь.

Основная кнопка "Создать дизайн" выделена и привлекает сразу включиться в творчество. Но на панели есть ещё кнопка, которая не встретится дальше.

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

Кнопки "Шаблоны" и "Фото" будут попадаться нам ещё не раз, про них речь будет отдельная. А пока вам совсем НЕ нужна "Фирменный стиль" она для бизнеса и компаний, у которых есть корпоративный логотип и цвет к нему. Поэтому сразу использование сервиса за деньги.

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

Бесплатного ресурса на начальном этапе работы будет достаточно.

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

Кнопка "Главная", везде есть главная и она будет возвращать вас на эту страницу, откуда стартовали и откуда будет основной вход в сервис.

Кнопка "Папки" и "Корзина" интуитивно понятны, в одной всё что есть в вашем аккаунте, а в другой всё, что вам уже не нужно. Дальше "Попробуйте Canva Pro бесплатно" нажимать не будем, пока обойдёмся бюджетным представлением графического редактора.

РАБОЧЕЕ ПОЛОТНО "МОЛЬБЕРТА"

Создать дизайн рабочее полотно

Идёте по кнопке "Создать дизайн" действие (5). На какую? Верхнюю ли нижнюю нажать. Без разницы просто получите разный вид (интерфейс) всплывающего окна или вообще, целой страницы.

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

У меня есть предупреждение, здесь формы и размеры только для тех проектов в интернет, которые курирует (владеет) компания Google (Гугл). И естественно, часть обще применяемых, кроме всего того, что относится к VKontakt (ВКонтакте).

Поэтому тоже есть предусмотренный вариант создания размера и формы для необходимого вам проекта. Например, фавикон для сайта делается размером 15х15 пикселей. Маленький такой!

Кнопка Настраиваемые размеры Канвы

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

В очередной раз идёте по кнопке "Создать дизайн", делаете действие (7) и о чудо, в новой вкладке открывается поле, на котором по центру открывается белый квадрат "полотно", а слева расположена панель инструментов. Ваш "мольберт" - графический редактор Canva, с красками готов к использованию.

Начинаете изучать, как обычно, слева направо и сверху вниз. Так, обычно по исследованиям учёных, человеческий глаз оценивает изобразительный контент или проще говоря, картинку перед лицом.

По умолчанию открываются шаблоны изображения, которые можете применить в последствии, нажмите на стрелочку действие (8), панель свернётся и останется слева вертикальная панель с кнопками, там есть "Шаблоны".

Сразу предупреждаю, там, где стоит значок 👑(корона) это относится к платному сервису и не нужно тратить пока время на его предложения.

На верхней панели, в шапке видите опять кнопку "Главная" она вернёт вас обратно (в начало), без открытия новой вкладки.

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

Не очень яркая стрелочка

Хочу обратить внимание, что на панели в шапке появилась не очень яркая стрелочка "Отменить". Очень нужная опция в графическом редакторе, когда можно вернуться на шаг назад, исправить или поменять свои действия.

Действия, которые вы делаете в текущем времени автоматически сохраняются в проекте, это видно по надписи рядом со стрелочкой отмены.

Дальше на панели видна надпись с заголовком вашей (моей) картинки, можно откорректировать или вообще, изменить в окне, когда уйдёт всплывающее меню, которое в некоторой степени дублирует верхнюю панель.

Пропускаете "Попробовать...." а вот кнопочка "Поделиться" относится к опции, которая была на главной странице, "Создание команды", и там добавлялся участник по e-mail к вашему проекту.

Опять на верхней панели попадается знакомый символ "Скачать", надпись которого, была во всплывающем меню. Про это скачать поговорим чуть ниже. Пока убираете это меню, нажатием курсора на белое полотно вашей картины. Действие (10).

Вот момент, с которого начинается первая графическая картинка.

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

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

Шаблоны

Готовые нанесённые надписи

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

Я менять не буду для примера. Выбрал Luxure Nature Spa - Роскошный Природный Спа-Центр, Franchise Info Presentation - Презентация Информации О Франшизе. Вот так заменю текст.

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

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

Текст

Кнопкой меню

Меняете текст на русский, через онлайн-переводчика узнаёте содержание, если не подходит пишите своё. А чтобы изменить весь текст можно воспользуйтесь кнопкой меню "Текст".

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

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

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

Обязательно сделайте какие-нибудь изменения по цвету или размеру, которые сразу могут не "встать", как говорят "поиграйте" инструментами изменений. Всегда помните, что существует кнопка "Отменить" для отмены действий, которые вам показались неправильными или случайными.

Элементы

Бесплатные элементы и шаблоны Канвы редактора

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

Во вкладке "Элементы" можно выбрать графическое изображение любой готовой формы и цвета, разделённых ещё дополнительными вкладками. Сетки, фигуры, рамки - геометрическое расположение. Стикеры - все в GIF формате. Диаграммы - разных типов с изменениями данных.

Градиенты и линии всяких цветов, направлений и закруток. Густая листва, Знаки Зодиаков, Простые рисованные объекты, Деревенский кемпинг, рисунки. Ещё, ещё .... Три года назад всё заканчивалось на "рамках".

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

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

Фото

Вкладка

Вкладка "Фото" левого меню "полотна" графического редактора Canvа имеет огромное количество изображений с тематическим уклоном жизни человека. Только самые интересные и востребованные для постов в соцсети за оплату, но выбрать можно.

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

Открывается дополнительная панель, есть возможности изменить выбранное фото с помощью:

  • Эффекты - двухцветная политра, причудливый цвет, эффекты искажения цифрового изо, сделать размытым, или пиксельным, низкого разрешения и полос;
  • Фильтры - дают возможность убрать со всего изображения какой либо цвет или добавить, вообще, сделать чб (чёрно-белым), всё познаётся в сравнении.
  • Настроить - вручную установить необходимый вам яркость, контраст, насыщенность, оттенок, размытое, кросс-процесс, виньетка, всё познаётся в сравнении.
  • Обрезать - выберите фрагмент на картинке, распределите по квадратикам, не забывайте правило "золотого сечения", нажмите "Готово". Сейчас обрезать не надо, всё в соответствии.
  • Отразить - как во всех редакторах просто по горизонтали, по вертикали.
  • Расположение - в графическом редакторе Canvа наиболее удобно и информативно, нет заморочек со слоями, выделениями и прочее. Появляется подменю и там интуитивно и наглядно расписаны необходимые вам действия.

Подменю  редактора Canva

Прозрачность — значок шахматная доска общепринятое изображение сервиса изменения видимости картинки на "полотне", особенно можете применить, когда необходимо сообщить, что под картинкой. 

Ссылка - теперь это бесплатная функция, в картинку можно "Встроить" https:// borisperminov или что будет связано с рекламой франшизы.  Блокировать - знак замочек тоже понятно, только функция относится не ко всему полю "полотна", а выделенному фрагменту, внести изменения случайно уже не сможете.

Фон

В меню функция изменения фона картинки

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

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

Дополнительная панель имеет знакомые значения, изменения происходят также: Эффекты, Фильтр, Настроить, Обрезать, Отразить, Внесение изменений происходите так же, как в фото.

Загрузки

Функция левого меню

Функция левого меню "Загрузки" понятна и знакома, по работе с компьютером. Перебрасываетесь в свой ПК, находите папку, где хранятся изображения фото или видео и закачиваете в сервис. Они остаются в образцах, на панели изображений. Можно использовать по необходимости.  Добавьте в текущий проект, смотрите, что получилось. Вам это надо?

Дополнительная панель как сделать картинку

Дополнительная панель уже знакомая, можете внести изменения. Для большей информативности и удобства работы с больши́м количеством элементов, поле "полотна" можете увеличить в нижнем правом углу экрана или горячими кнопками клавы Ctrl="+".

Папки

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

Видео

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

Можете "поиграть", посмотреть насколько будет уместно вставить в уже существующем дизайне. С видео лучше всего заранее сделать сценарий применения видео, как фон.  Мой пост во Вконтакте:

Необходимо понимать, что распространение видеоконтента отличается от распространения статичной картинки, но применение графического редактора Canvа даёт облегчённую версию.

Музыка

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

Все дизайны

Картинка для поста

По мере повествования создали картинку для поста социальной сети ВКонтакте размером 700х400 пикселей, которое в дальнейшем применить как основу. Для соцсетей, которые курирует (владеет) компания Google (Гугл) Фейсбук (Fecebook),Ютуб (Youtube) в редакторе есть готовые шаблоны по размерам и дизайну. Ну если не подходит вам, воспользуйтесь (ещё раз) функцией "Настраиваемые размеры".

Этот размер, который создали, будет отправной точкой, для следующих ваших проектов, потому что на этом "полотне" можете поменять всё и все элементы дизайна проекта. Проект автоматически сохраняется в онлайн-сервисе графический редактор Canvа и его можете возобновить на Главной странице во вкладке "Все дизайны", когда вновь войдёте по регистрации.

СОХРАНИТЬ В СВОЙ КОМПЬЮТЕР ПРОЕКТ КАНВА

В верхнем меню редактора значок

Пришёл тот момент, когда завершили работу с проектом, удовлетворены дизайном, необходимо продолжить, вдохнуть в него жизнь в сети интернет на своём ресурсе в социальной сети.

В верхнем меню есть значочек "Скачать", про который уже была речь выше, нажимаем курсором, действие (11).Открывается панель, на которой внизу синяя кнопка "Скачать" Действие (12)

Файл названный вами "Пост в ВКонтакте", попадает в папку вашего компьютера "Загрузки" в директории "Избранное". Если в настройках браузера, установили "указывать место для скачивания", тогда есть возможность разместить свой проект в любой папке компа.

ПОЛЕЗНЫЕ СОВЕТЫ

Дополнительные функции редактора Canva

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

А - с Главной страницы войдите по вкладке "Все дизайны" через имеющийся сохранённый проект "Пост в ВКонтакте", в отрывшемся поле "полотна", в верхней части полотна, нажмите значок "Копировать страницу" действие (А). Копия появится под оригиналом.

Б - Чтобы было удобно работать и не запутаться, когда будет несколько проектов, переместите копию на верх, действие (Б) в первую позицию с помощью стрелки вверх или вниз вконец. Обычно я делаю вверху. Раз это новый проект, переименуйте его "Сила Травы".

B - при скачивании "Выберите страницы" и перед нужной, в вашем случае "Страница 1" поставьте "галочку" действие (В) , нажмите "Готово" действие (Г), а уже затем кнопку "Скачать" действие (Д)Если этого не сделать,
скачаются "Все страницы", сервис автоматически упакует их в ZIP.

ЗАКЛЮЧЕНИЕ

Если вы дочитали до этого места заметку по использованию графического редактора Сanva, как сделать картинку, должен вам признаться, что внизу справа во всех моих фото есть заштрихованная кнопка "Помощь?", почему-то с вопросом, а помощь нужна?

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

Не надо покупать никаких курсов по изучению, здесь всё разъяснят. 📖

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

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

Не забывайте про конкурс делайте репосты и пишите комментарии.

⬇ ⬇ ⬇

Сделай репост – выиграй ноутбук!

Каждый месяц 1 числа iBook.pro разыгрывает подарки.

  • Нажми на одну из кнопок соц. сетей
  • Получи персональный купон
  • Выиграй ноутбук LENOVO или HP

Смотреть отзывы

LENOVO или HP от 40-50 т.р., 8-16ГБ DDR4, SSD, экран 15.6", Windows 10

1 комментарий

  • Аватар комментатора Ольга Ольга
    Борис, давно дружу с редактором Канва. Он помогает оформлять картинки на блог. Статья понравилась и многим поможет в их работе.
    Ответить

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

Отправить комментарий Отменить

Сообщение