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

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

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

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

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

Регистрация в графическом редакторе канва, чтобы сделать картинку по шагам

Регистрация в редакторе КанваНачало на Главной

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

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

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

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

Форма регистрации редактораЭто было так

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

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

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

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

Обзор главной страницы онлайн редактора canva com 

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

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

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

Для начала работы в Канва

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

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

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

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

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

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

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

Канва сервис для дизайна рабочее поле полотно "мольберта" 

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

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

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

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

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

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

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

Белое полотно мольберта Создание дизайна картинки

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

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

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

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

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

Не очень яркая стрелочка "Отменить"Бледная стрелочка отменить

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

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

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

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

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

Наступает момент, отсюда начинается первая графическая картинка

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

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

Шаблоны графического сервиса canva com

Готовые нанесённые надписиШаблон шрифты и надписи канва

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

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

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

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

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

Кнопкой меню "Текст"онлайн сервисаЗамена текста в редакторе

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

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

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

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

Элементы канва дизайн

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

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

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

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

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

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

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

Фото канва редактор

Вкладка "Фото" левого меню

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

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

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

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

Подменю  редактора CanvaИзменения видимости картинки 

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

Фон канва

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

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

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

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

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

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

Загрузки в редакторе канва онлайн

Функция левого меню "Загрузка"Перенос из компьютера

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

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

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

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

Папки канва онлайн

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

Видео в онлайн-сервисе канва

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

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

Созданное в Канва видео

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

Музыка канва в изображениях

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

Все дизайны графический редактор онлайн

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

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

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

Как сохранить на свой компьютер сделанный проект канва дизайн

Значок скачать в верхнем меню канва

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

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

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

Полезные советы начинающим пользователям

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

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

  1. С Главной страницы войдите по вкладке "Все дизайны" через имеющийся сохранённый проект "Пост в ВКонтакте", в отрывшемся поле "полотна", в верхней части полотна, нажмите значок "Копировать страницу" действие (А). Копия появится под оригиналом.
  2. Для удобства работы и не запутаться, когда будет несколько проектов, переместите копию на верх, действие (Б) в первую позицию с помощью стрелки вверх или вниз вконец. Обычно делаю вверху. Раз это новый проект, переименуйте в "Сила Травы".
  3. Во время скачивания "Выберите страницы" и перед нужной, сейчас это "Страница 1" поставьте "галочку" действие (В), нажмите "Готово" действие (Г), а уже затем кнопку "Скачать" действие (Д). Пропустив это действие скачаются "Все страницы", сервис автоматически упакует их в ZIP.

Заключение о canva com на русском

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

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

Покупать необязательно курсы по изучению, здесь всё разъяснят.📖

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

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

 Если вам понравилась заметка, пишите, если не понравилась всё равно пишите в комментарии. Обязательно отвечу. Ваш автор.

Сделайте репост статьи на социальные сети, участвуйте в конкурсе.

 👇👇👇

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

Аватар комментатора Ольга Автор: Ольга

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

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

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

Сообщение