Как редактировать картинки в браузере без Фотошопа

Термин “графический редактор” традиционно ассоциируется с большими установочными программами — Фотошопом и его аналогами. Однако такое количество инструментов, как правило, нужно только фотографам и профессиональным дизайнерам. На место такого софта пришли веб-сервисы, обладающие гораздо более ограниченным набором возможностей, но, тем не менее, позволяющие создавать изображения профессионального уровня.

Одним из первых и самых популярных подобных платформ является Canva. Сервис доступен в веб-версии, а также в виде приложений для iOS и Android. Работа в нем и аналогичных редакторах строится по принципу конструктора. Нарисовать что-то с нуля здесь не получится, однако можно “собрать” нужный документ, презентацию, открытку или баннер из готовых частей, а также просто выбрать готовый шаблон из тысяч доступных вариантов и изменить его под свои нужды.

Создаем рисунок рабочего стола

Рассмотрим практический пример создания изображения, с которым каждый пользователь ПК сталкивается каждый день — обои рабочего стола. Из соответствующей инструкции после регистрации бесплатного аккаунта пользователь сразу попадает в макет с оптимальными размерами для HD-экрана 1920x1080px.

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

Окно редактора

Ретушируем фото

Что можно сделать дальше? Дальше начинается редактирование по элементам. В данном примере можно выделить полупрозрачный треугольник слева и скорректировать его оттенок, а также степень прозрачности вверху справа. Нажав на фотографический фон, можно открыть вкладку «Фильтры», которые работают так же, как в Инстаграмме, и поэкспериментировать с ними.

Фильтры как в инстаграмме

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

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

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

Редактор текста

Используем собственные фото

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

Добавление своего фото

Скачиваем изображение

Нажмите на стрелку справа и выберите нужный формат. В данном случае подойдет формат PNG или JPEG, сохраняющий высокое качество картинки. Для других форматов (например, визиток или презентации) лучше выбирать PDF или — в случае, если вы хотите отправить файл в типографию — “PDF высокое качество”. Фон готов!

Сохранение файла

Другие полезные функции Canva:

  • Интеграция с Facebook — если у вас есть аккаунт в этой социальной сети и вы выкладываете туда фотографии, то можно подключить профиль к профилю Canva и сразу использовать эти снимки в редакторе, без скачивания и повторной загрузки.
  • Встроенный каталог стоковых фото и клипартов. Если собственного фотоарихва недостаточно, в поисковую строку редактора можно ввести нужное слово и выбрать подходящее фото или иллюстрацию. Некоторые из них бесплатны.
  • Автоматическое создание графиков по данным. Выберите тип графика (круговая диаграмма, столбики, кривая линия и т.д.), введите данные, которые хотите визуализировать, и редактор сам построит график с нужным распределением секторов или пропорциональной высотой столбиков / изменений кривой.

Выводы:

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

Плюсы

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

Минусы

  • Поиск по шаблонам с главной страницы сайта не всегда интуитивен.
  • Шрифтов с поддержкой русского могло бы быть гораздо больше.
  • Требуется компьютер с большим объемом оперативной памяти, если хотите избежать “торможения” браузера.