Редактор векторных изображений (онлайн бесплатно)

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

Пример набора для конструирования векторных персонажей
Пример набора для конструирования векторных персонажей

Однако для для того, чтобы открыть и редактировать векторы (SVG, AI, EPS, CDR), нужны специальные программы. Это было всегда большой проблемой для меня. Недавно нашел отличный онлайн-редактор для работы с векторными иллюстрациями. И с любой другой графикой и фото, т.к. сайт оказался полноценным аналогом Photoshop.

Photopea.ru

Photopea главная страница русскоязычной версии
Photopea — главная страница русскоязычной версии

Подробно про этот сайт рассказывают на яндекс.дзен, я же кратко опишу свой опыт работы с вектором в этом сервисе.

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

Для работы с имеющимся файлом — "открыть файл". Если работаете со слоями, то "открыть и поместить"
Для работы с имеющимся файлом — «открыть файл». Если работаете со слоями, то «открыть и поместить»

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

Для редактирования выделяем нужный объект (фон, элемент) правой кнопкой, нажимаем «compound path» или «path«. Элемент раскрывается справа в панели слоёв.

Слои в векторной графике

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

Настройка цвета в векторной графике
Настройка цвета в векторной графике

Я скрыл ненужные элементы: сделал прозрачным фон, оставил только человечков. Можно увеличить размер векторной иллюстрации без потери качества (если планируете показывать на большом экране). Для этого заходите во вкладку в верхней панели «Изображение» — «Размер изображения» — выставляете ширину 3-4 тыс пикселей.

Сохранение отредактированного векторного изображения в PNG
Сохранение отредактированного векторного изображения в PNG

Работу можно сохранить на компьютер в PSD формате («файл» — «сохранить как PSD»), если вы не успели доделать все с первого раза. Скачать готовую работу можно в привычных форматах — PNG или JPG («файл» — «экспортировать как»).

Можно упростить работу с вектором еще больше: не знаете чем открыть SVG, AI, EPS? — Загружайте на Photopea и скачивайте в привычном формате.

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

Вот, что получилось у меня за 7 минут.

Наложение слоев в графическом онлайн-редакторе Photopea.ru
Наложение слоев в графическом онлайн-редакторе Photopea.ru

Использовано изображение: Banner vector created by katemangostar — www.freepik.com

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

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход /  Изменить )

Google photo

Для комментария используется ваша учётная запись Google. Выход /  Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход /  Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход /  Изменить )

Connecting to %s