Полезные инструменты для работы в вебе

Canva: конструктор графики и видео

Графика, анимация и видео — важная составляющая в продвижении онлайн-проектов. Но если раньше для создания профессионального медиа-контента были нужны отдельные сотрудники, с развитием онлайн-платформ творческие задачи стали под силу даже тем, у кого нет опыта в дизайне. В этом материале мы расскажем, как создавать картинки и видео в популярном онлайн-редакторе Canva.


Что такое Canva


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

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


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

Canva работает в браузере, есть приложение для смартфонов и планшетов на iOS и Android. Ещё есть программа, которую можно скачать на компьютеры Mac и Windows. Черновики и изменения в дизайнах синхронизируются между мобильной и веб-версией автоматически. Поэтому вы сможете вносить правки без привязки к устройству: на планшете, в телефоне или в ноутбуке.

Большинство функций Canva бесплатны. Есть платная премиум-версия с расширенными возможностями, о которых тоже расскажем в статье. Стоимость подписки в месяц — $12.95, в год — $119.40.


Как работать в Canva


1. Регистрация. Чтобы начать работать в Canva, необходимо авторизоваться через Google-аккаунт, Facebook или зарегистрироваться по электронной почте. Если вы выбрали последний вариант — перейдите в ваш почтовый ящик и подтвердите e-mail.



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



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


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



4. Принцип работы редактора. Работа в редакторе основана на принципе Drag&Drop: элементы можно перетаскивать из каталога на холст, передвигать (в том числе, вверх или вниз по условным слоям), дублировать, менять их размер, цвет, обрезать или переворачивать. При этом все элементы внутри Canva являются векторными — их размер можно увеличивать произвольно без потери качества (разумеется, кроме фотографий и видео; однако все стоковые фото доступны в высоком разрешении).


Интерфейс


Слева на экране расположены вкладки с ресурсами и инструментами для дизайна: Шаблоны, Фото, Элементы с рисунками, стикерами, фигурами и иконками, Текст с сочетаниями шрифтов, Видео с каталогом футажей, Музыка с саундтреками для роликов.

Также есть Папки для сортировки своих дизайнов и Загрузки — в эту вкладку можно перекинуть свои картинки или видеоролики для последующей вставки в макет. Canva поддерживает PNG, JPG, SVG и видео MP4 для загрузки. Хранить файлы в облаке удобно, если вы работаете с разных устройств — нужные материалы всегда будут под рукой.


Отдельно стоит сказать о шрифтах: в списке доступно более 1500 вариантов и около 180 бесплатных шрифтов подойдут для русского языка. Рекомендуем использовать Canva с русским языком интерфейса — в этом случае кириллические шрифты всегда будут вверху списка, в поиске будут видны русскоязычные шаблоны, а во вкладке Текст — готовые сочетания шрифтов, упрощающие работу с типографикой. При наличии подписки Canva Pro в редактор можно загрузить собственный шрифт


Во вкладке «Ещё» есть несколько дополнительных приложений. Например, вы можете подключить к Canva свой профиль в Инстаграме, Фейсбуке или Google Drive и использовать оттуда фотографии для создания новых дизайнов.


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



Редактор


Для всех объектов доступны следующие функции:
  • Расположение — автоматическая оцентровка по краям или центру дизайна, перемещение вперед или назад относительно других элементов.
  • Блокировка — отключение возможности сдвинуть или изменить элемент.
  • Группировка / разгруппировка: объединение нескольких объектов в один для удобного перемещения или изменения размера.
  • Копирование форматирования — быстрое перенесение настроек для текста, фотографии, палитры элементов и т.д.
  • Дублирование — создание копии элемента.
  • Прозрачность — любой элемент или фотографию можно сделать полупрозрачными.
  • Гиперссылка — на любой объект можно навесить внешнюю ссылку, которая будет работать в PDF-документах или онлайн-презентациях.


Ряд функций доступны также в контекстном меню по клику правой кнопки мыши:
  • Копировать
  • Вставить
  • Переместить вверх / вниз
  • Перенести на задний / передний план
  • Удалить
  • Установить изображение как фон.


Фотобанк и лицензии


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

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


Человек может использовать любые бесплатные изображения из Canva в личных и коммерческих целях. Источник указывать желательно, но не обязательно.

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


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


Сохранение и публикация


Готовый дизайн можно либо скачать в одном из доступных форматов — JPG, PNG, PDF для статичной графики и MP4, GIF для видео и анимации. Также можно сразу опубликовать в социальных сетях: Facebook, Twitter, Instagram, Pinterest, LinkedIn, Slack и других, отправить по электронной почте или загрузить на облачный диск.


Опция сохранения может отличаться в зависимости от типа шаблона. Для печатных шаблонов предлагается опция Печати — онлайн-заказ изготовления печатного дизайна с доставкой на указанный адрес по России. Однако использовать этот вариант необязательно — в меню справа можно выбрать любой другой вид сохранения. Для получения файла с полиграфическом качеством нужно выбирать формат «PDF для печати».


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


Любой дизайн Canva можно встроить на страницу сайта на Tilda или в запись в блоге на Medium. Для этого сгенерируйте код через кнопку «Встроить» в меню сохранения. Изображение будет автоматически обновляться при внесении изменений в макет.


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


Редактирование шаблонов


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

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


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

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



Создание дизайна с нуля


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

Категории объектов, из которых можно составить дизайн, включают:
  • Сетки (различные комбинации расположения снимков для фотоколлажей).;
  • Фигуры (геометрические фигуры, облачка с текстом как в комиксах, простые символы, цвет которых можно менять).
  • Стикеры с анимацией.
  • Фигурные рамки, в которые можно вставить фотографию.
  • Диаграммы (графики, гистограммы и секторные диаграммы, которые можно строить по заданным числовым значением и менять цветовую палитру).
  • Градиенты (простые и затейливые фигуры с переливами из двух или трёх цветов, которые можно задать с помощью палитры).
  • Линии.
  • Рисунки и графика, собранные в тематические подборки: фигуры людей, растения, предметы интерьера и т.д.


Удобно искать рисунки через строку поиска. В pro-версии доступен поиск по цвету, по статичным и анимированным элементам.

Также вы можете нажать на «лайк», и элемент сохранится в папку «Понравившиеся». Таким образом, вам не придется искать его повторно. По подписке Canva Pro доступна расширенная сортировка элементов по папкам.


Создание изображений для соцсетей


Картинку для поста в социальных сетях можно сделать за несколько минут. Начнём с выбора формата: попробуем Анимацию для социальных сетей, чтобы привлечь внимание подписчиков. Она универсального размера 800 x 800 px, квадратный формат подойдёт для большинства соцсетей.

Выбираем шаблон, который станет основой нашего дизайна.


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

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


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


Далее работаем с расположением элементов в слоях. Видно, что новая фотография наложилась поверх одного из исходных элементов. Выделяем фото и используем панель Расположение, чтобы отодвинуть фото назад (вниз по слою). Теперь всё на своих местах.


Теперь займёмся цветами. Цветовую гамму подсказывает фотография, поэтому поменяем все градиенты на те же сочетания цветов.


Цвета круга с переливающейся анимацией изменить нельзя, поэтому его лучше просто удалить и заменить альтернативным элементом — находим такой в каталоге Стикеров, введя в поисковую строку запрос «градиент».


Остаётся только скачать полученный дизайн в виде MP4 или GIF-файла и опубликовать в соцсети.


Большинство музыкальных дорожек бесплатны, но также есть и премиум-треки, которые можно оплатить отдельно или использовать бесплатно в рамках подписки.

Превратить в видео можно и картинку, состоящую из статичных элементов — их можно привести в движение кнопкой «Анимация». В этом меню доступно 11 стилей анимацией: элементы могут вылетать на холст с разных сторон, мерцать, проступать из темноты и так далее.


Командные функции


Бесплатная версия Canva позволяет создать команду, пригласив других пользователей по электронной почте.


Когда создаёте новую папку, вы можете поделиться доступом к ней с отдельным пользователем или с командой. Есть 3 уровня доступа: просмотр, редактирование, редактирование + публикация. 

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

Чтобы поделиться доступом с человеком без создания команды, нажмите кнопку «Поделиться». Это удобно в тех случаях, когда вы не работаете вместе постоянно. Для доступа необязательно знать адрес почты, на который зарегистрирован аккаунт Canva — достаточно нажать «Копировать ссылку» под пунктом «Отправить ссылку для редактирования / просмотра» и отправить её человеку. Также можно дать персональный доступ, вписав адрес почты конкретного пользователя.


К каждой странице дизайна можно прикрепить текстовую заметку с пояснениями или добавить комментарий. Комментарии работают по тому же принципу, что в Google-документах: они прикрепляются к конкретному элементу дизайна и в них можно упомянуть другого пользователя для уведомления. Это может пригодиться в процессе согласования и одобрения / приёма готовой работы заказчиком.

Фирменный стиль и брендинг


Раздел Фирменный стиль доступен только подписчикам Canva Pro — как на сайте canva.com, так и в мобильном приложении. Он позволяет задать основные параметры фирменного стиля, чтобы иметь к ним быстрый доступ при создании дизайнов: корпоративные цвета, логотипы и шрифт.


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

Интерактивный контент


Вкладка «Ещё» включает различные приложения для интеграции популярных сервисов или вставки в дизайн интерактивного контента.

Вот несколько самых интересных приложений, которые могут пригодиться:
  • Каталог смайликов — представлены все стандартные эмотиконы Юникода. 
  • QR-код — позволяет генерировать QR-код со ссылкой на ваш сайт и вставить его в дизайн.
  • Google Maps — позволяет добавить интерактивный фрагмент карт Google по заданному адресу, с которыми можно взаимодействовать прямо внутри дизайна, опубликованного онлайн.
  • Giphy — даёт доступ к каталогу гифок крупнейшего хранилища анимации. 
  • YouTube — поможет вставить в презентацию окно с нужным видеороликом. 
  • Typeform — для вставки интерактивных опросных форм.


Функции презентаций


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

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


Есть и Режим докладчика: в этом случае появится «Окно аудитории», которое можно перекинуть на монитор, подключенный к проектору, или вывести в онлайн-трансляцию в режиме доступа к экрану. Докладчик сможет управлять слайдами, подглядывать в свои текстовые заметки и следить за часами, показывающими длительность презентации.


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


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

  • Буква C для дождя из конфетти
  • Любая цифра — для таймера с обратным отсчётом (например, перед началом презентации или для ответа на вопросы викторины. Цифра будет соответствовать числу минут в таймере)
  • Буква S для шикающего смайлика с призывом к тишине
  • Буква B для размытия слайда
  • Буква D для барабанной дроби
  • Буква O для анимации с пузырями.





Фотоэффекты и удаление фона с фотографий


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

  • BadTV: эффект помех на экране
  • Slice: смещения фрагментов фотографии относительно других
  • Color Mix: инверсия цветов 
  • Pixelate: пикселизация фотографий
  • Glitch: цифровое искажение фотографии или эффект раздвоенной картинки
  • Liquify: эффект размытия и водных разводов
  • Screen: эффект «шума»
  • Duotone: превращение фото в стильное двухцветное изображение.


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

В Canva Pro также доступен эффект «Удаление фона». Работает он в двух режимах. Основной, Erase, позволяет автоматически удалить фон фотографии за несколько секунд, создавая прозрачный фон вокруг главного объекта съемки (в отличие от многих других подобных инструментов, здесь не нужно отмечать удаляемые части вручную). Дополнительный режим Remove работает в обратную сторону — он позволяет восстановить часть удалённого автоматически фона.


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


Интеграция Canva в свой сайт


C помощью API Canva Button графический редактор можно интегрировать в ваш собственный онлайн-проект для создания пользовательского контента или оформления материалов, статей или личного кабинета. Сценариев применения встроенной версии Canva может быть много: типография, сервис для управления социальными сетями, образовательная платформа, инструменты маркетинга, конструктор сайтов, менеджер рекламных кампаний и т.д. Полнофункциональный графический редактор будет открываться поверх вашего сайта, а созданные дизайны можно будет сохранить в нужных полях. При этом пользователи сразу будут видеть шаблоны нужного размера и формата, который задан в конфигурации Кнопки Canva.

В настоящее время по всему миру кнопка интегрирована уже в сотни сервисов — как крупных, так и небольших. Из международных платформ можно назвать HubSpot, WattPad и FedEx. Среди российских сервисов, использующих кнопку — Amplifr и SMMPlanner.



Заключение


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

Функции сервиса развиваются постоянно и в разных направлениях: добавляются новые фишки по упрощению дизайна, новые эффекты для работы с текстом и изображениями, новые шаблоны и инструменты работы с видео.


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

Выделим основные преимущества и недостатки редактора.

Основные плюсы:


  • Простота использования.
  • Обширный бесплатный функционал.
  • Совместимость со всеми устройствами.
  • Полная локализация на русский язык.
  • Инструменты для командной работы.
  • Библиотека шаблонов в любых стилях.
  • Огромный фотобанк для личных и коммерческих целей.
  • Продвинутый инструмент для презентаций.


Минусы:


  • Нельзя рисовать.
  • Нет пипетки для определения цвета.
  • Мало инструментов для дизайна текста.
  • Ограничен функционал видеоредактора.
  • Максимальный размер документа — 100 страниц.
  • Нельзя загружать свою музыку.

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


Инструменты
Made on
Tilda