6 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

6 бесплатных онлайн SVG-редакторов: сравнение

6 бесплатных онлайн SVG-редакторов: сравнение

Дата публикации: 2017-04-03

От автора: SVG-изображения не так распространены, как наши любимые растровые форматы PNG и JPG, однако преимущества векторной графики привлекают все больше дизайнеров. Дизайнеры все чаще используют векторную графику в своих проектах. Раньше нам нужно было скачивать десктопные приложения типа Adobe Illustrator и Inkscape, но в 2017 проектировать векторную графику можно, не выходя из браузера. Если вы искали бесплатный SVG-редактор, то можете начать с этих шести бесплатный инструментов.

Vectr

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

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Если в онлайн версии нет нужных вам функций, можно скачать десктоп версию приложения. Редактор доступен для Windows, Mac, Linux и Chromebook.

Возможно, самая крутая функция в Vectr – вы можете делать ссылки и вставлять изображения прямо с сайта Vectr, что делает его эффективным хостингом для SVG. Множество сервисов блокируют загрузку SVG файлов, поэтому это серьезный плюс. Вы можете показывать SVG изображения из Vectr на удаленных сайтах типа WP, Medium, Tumblr и т.д., которые блокируют прямую загрузку SVG, но разрешают ее показ по удаленке.

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

С этой целью Vectr недавно выпустили версию редактора в виде плагина для WP .

RollApp

В отличие от других инструментов из списка, когда вы заходите на домашнюю страницу RollApp, перед вами не открывается редактор. RollApp – это пакет приложений, а SVG-редактор – лишь одно из приложений. Отличный инструмент, это браузерная версия Inkscape .

Для работы в RollApp нужен аккаунт. Можно зарегистрировать новый или войти с помощью Google, Facebook, Amazon. Очень удобно, я ненавижу создавать тысячи новых аккаунтов лишь для того, чтобы увидеть приложение.

После авторизации откроется следующая страница:

Inkscape во всей красе! Без сомнения, RollApp – самое богатое на функционал приложение из списка. Вы буквально используете Inkscape в браузере! Я не сравнивал все до мелочей, но на вид в этом приложении есть ВСЕ фукнции Incscape, такие как слои, объекты, текст, пути, фильтры, эффекты, расширения и т.д.

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

BoxySVG

Если вы давно читаете SitePoint, вам должен быть знаком редактор BoxySVG , потому что за последние 12 месяцев мы уже рассказывали про него. Не буду делать детальный обзор, так как это уже сделано в этой статье .

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Что важно, со времен обзора от Alex в BoxySVG добавили инспектор кода, что делает его одним из самых актуальных SVG инструментов для веб-разработчиков.

Janvas

Пару лет назад Janvas был очень популярным SVG-редактором. К сожалению, последнее время данный редактор не разрабатывается, но даже так он до сих пор работает. Веб движется вперед, а Janvas стоит на месте, поэтому интерес к нему угас. Alex с сайта SitePoint работал с этим инструментом немного в 2013-14 (в том числе с платной версией) и даже отвечал на вопросы некоторое время на странице Google+. Janvas был довольно мощным инструментом.

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

Есть хорошая новость – выйдет новая версия в виде Chrome-приложения. Надеемся, они пофиксят проблемы.

DrawSVG

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

Читать еще:  Адрес для впн подключения. Создание и настройка VPN соединения для Windows. Как настроить vpn подключение в Win XP

С помощью DrawSVG можно рисовать, изменять и рендерить объекты. Рисовать можно простые фигуры, есть кривые Безье, прямой и изогнутый текст, множество стилей обводок и заливок и т.д. Также SVG можно экспортировать в PNG.

SVG-edit

SVG-edit – дедушка онлайн редакторов векторной графики, появился в середине 2000-х. Серверного функционала нет, все работает в браузере. Сохранить свою работу без добавления своего собственного функционала нельзя.

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

С помощью SVG-edit можно рисовать простые фигуры (линии, прямоугольники, круги, многоугольники, линии от руки и т.д.), использовать пути, слои, градиенты, можно просматривать и редактировать SVG-исходники, экспортировать в PNG, JPEG, BMP, WEBP и т.д.

Заключение

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

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

PS: также можно попробовать Figma . Это больше инструмент для создания UI, а не SVG-редактор. Тем не менее, он имеет отличный набор инструментов и генерирует хорошо оптимизированный код SVG.

Автор: Ada Ivanoff

Источник: https://www.sitepoint.com/

Редакция: Команда webformyself.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Как конвертировать в EPS растровые форматы PNG и JPEG

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

Онлайн-сервисы

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

Графические редакторы

Графические редакторы не переводят растровые файлы в векторные автоматически. Это возможно, только если перерисовать картинку вручную, поэтому советуем воспользоваться онлайн-конвертерами.

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

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

Способ 1: Vectr

Продуманный векторный редактор от создателей знакомого многим сервиса Pixlr. Этот инструмент будет полезен как новичкам, так и опытным пользователям в работе с SVG.

Несмотря на обилие функций, потеряться в интерфейсе Vectr будет достаточно сложно. Для начинающих предусмотрены подробные уроки и объемные инструкции по каждой из составляющих сервиса. Среди инструментов редактора имеется все для создания SVG-картинки: фигуры, иконки, рамки, тени, кисти, поддержка работы со слоями и т.п. Нарисовать изображение можно с нуля либо же загрузить собственное.

  1. Перед началом пользования ресурсом желательно авторизоваться в нем при помощи одной из доступных соцсетей или создать учетную запись на сайте с нуля.

    Это не только позволит загружать результаты вашей работы на компьютер, но и в любой момент сохранять изменения в «облаке».
  2. Интерфейс сервиса максимально прост и понятен: слева от холста расположены доступные инструменты, а справа — изменяемые свойства каждого из них.

    Поддерживается создание множественного числа страниц, для которых имеются размерные шаблоны на любой вкус — от графических обложек под соцсети, до стандартных листовых форматов.
  3. Экспортировать готовое изображение можно, нажав на кнопку со стрелкой в панели меню справа.
  4. В открывшемся окне определите параметры загрузки и щелкните «Download».

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

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

Способ 2: Sketchpad

Простой и удобный веб-редактор для создания SVG-изображений, основанный на платформе HTML5. Учитывая набор доступных инструментов, можно утверждать, что сервис предназначен исключительно для рисования. С помощью Sketchpad вы можете создавать красивые, тщательно проработанные картинки, но не более.

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

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

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

Способ 3: Method Draw

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

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

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

    Для этого перейдите в «View»«Source…» или воспользуйтесь сочетанием клавиш «Ctrl + U».
  3. Закончив работу над картинкой, ее можно сразу сохранить на компьютер.


Чтобы экспортировать изображение, откройте пункт меню «File» и нажмите «Save Image…». Либо же используйте шорткат «Ctrl+S».

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

Способ 4: Gravit Designer

Бесплатный веб-редактор векторной графики для продвинутых пользователей. Многие дизайнеры ставят Gravit в один ряд с полноценными настольными решениями, как тот же Adobe Illustrator. Дело в том, что этот инструмент является кроссплатформенным, то есть в полном объеме доступен на всех компьютерных ОС, а также в качестве веб-приложения.

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

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

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

  1. Чтобы приступить к работе с редактором, вам не обязательно создавать аккаунт в сервисе.

    Но если вы желаете использовать готовые шаблоны, придется завести бесплатную «учетку» Gravit Cloud.
  2. Для создания нового проекта с нуля в приветственном окне перейдите на вкладку «New Design» и выберите требуемый размер холста.

    Соответственно, для работы с шаблоном откройте раздел «New from Template» и выберите нужную заготовку.
  3. Gravit умеет автоматически сохранять все изменения при выполнении вами действий над проектом.

    Чтобы активировать эту возможность, воспользуйтесь сочетанием клавиш «Ctrl+S» и в появившемся окне дайте название рисунку, после чего щелкните по кнопке «Save».
  4. Итоговое изображение вы можете экспортировать как в векторном формате SVG, так и в растровых JPEG или PNG.


Кроме того, есть вариант сохранения проекта как документ с расширением PDF.

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

Способ 5: Janvas

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

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

  1. Для запуска веб-приложения в своем браузере перейдите по ссылке выше и щелкните по кнопке «Start to create».
  2. В новом окне откроется рабочая область редактора с холстом в центре и панелями инструментов вокруг него.
  3. Экспортировать готовое изображение можно лишь в выбранное вами облачное хранилище, и лишь в том случае, если вы приобрели подписку на сервис.

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

Способ 6: DrawSVG

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

С помощью DrawSVG можно конструировать векторные объекты любого вида и свойств, изменять их параметры и рендерить в качестве отдельных картинок. Имеется возможность встраивать в SVG сторонние мультимедийные файлы: видео и аудио с компьютера или сетевых источников.

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

Окончив работу с картинкой, вы можете сохранить результат как SVG или в качестве растрового изображения.

  1. Для этого найдите в панели инструментов иконку «Save».
  2. По щелчку на этот значок откроется всплывающее окно с формой для загрузки SVG-документа.

    Введите желаемое название файла и нажмите «Save as file».

DrawSVG можно назвать облегченной версией Janvas. Редактор поддерживает работу с атрибутами CSS, но в отличие от предыдущего инструмента, не позволяет анимировать элементы.

Перечисленные в статье сервисы — отнюдь не все доступные в сети векторные редакторы. Однако здесь мы собрали по большей части бесплатные и проверенные онлайн-решения для работы с SVG-файлами. При этом некоторые из них вполне способны конкурировать с десктопными инструментами. Ну а то, каким пользоваться, зависит лишь от ваших потребностей и предпочтений.

Атрибуты stroke и fill

Я уже упоминал об этих атрибутах. Рассмотрим их подробнее. fill — устанавливает цвет заливки, stroke— цвет обводки. Эти атрибуты можно использовать со всеми фигурами перечисленными выше. Для указания цвета прописываем в качестве значения атрибута название(red, green и т.д.) или указываем rgb или hex значения. В общем всё то чем пользуемся в CSS. Кроме этого мы можем задать прозрачность для обводки stroke-opacity и для заливки fill-opacity

В дополнение к свойствам определяющим цвет есть несколько атрибутов для управления способом рисования линии. Атрибут stroke-linecap определяет как рисовать концы линии.У него есть три значения

  1. but — закрывает линию под прямы углом.
  2. square — Внешне выглядит как but, но немного растягивает обводку за фактическую длину линии на растояние равное половине ширины обводки
  3. round — края линии рисуются полуругом. Радиус определяется шириной обводки.

Чтобы контролировать как соединяются две линии используем stroke-linejoin.

  1. miter — расширяет линию немного за пределы своей нормальной ширины, чтобы создать квадратный уголок, где используется только один угол
  2. round — создаёт закруглённый сегмент линии
  3. bevel — создает угол, чтобы помочь в переходе между двумя сегментами.

В заключении атрибут, меняющий стандартную линию на пунктирную — stroke-dasharray. Значение атрибута — цифры разделённые запятой. Первая цифра — длина пунктира, вторая — длина пропуска.

С первым примером всё понятно. Пунктиры длиной 5 пикселей и расстоянием между ними 5 пикселей. Во втором примере заданы значения 5,10,5. Расчёт происходит так. Сначала пунктир 5px, далее пропуск 10px, далее снова пунктир 5px. После этого нужно опять определить длину пропуска и мы возвращаемся в начало и получаем 5px пропуска, 10px пунктир и так далее.

Структура макета и рабочие инструменты

Интерфейс в разделе работы с макетом состоит из нескольких блоков.

  1. В боковой панели слева показана вся структура проекта. Можно проследить вложенность элементов и найти нужный. Каждый тип элемента обозначен отдельной иконкой — текст, изображение, составной блок.
  2. Основная рабочая область в центре — для непосредственного взаимодействия с макетом.
  3. В верхней части страницы расположено основное меню. Большая часть инструментов в нём предназначены для дизайна, но вам точно пригодится меню масштабирования, расположенное справа.
  4. Боковая панель справа включает в себя три вкладки, но нам будут нужны только две из них — Design и Code. В этих вкладках находится вся доступная информация об элементе.

Интерфейс страницы работы с проектом

Photopea

Тип: редактор, конвертер.

Платформа: веб (онлайн).

У этого инструмента есть важное преимущество – для его работы ничего не надо устанавливать на свой компьютер. Надо просто зайти на сайт Photopea и загрузить туда ваш PSD-файл. Дальнейшая обработка картинки осуществляется онлайн. При этом рабочий интерфейс очень напоминает Photoshop, к тому же присутствует немало инструментов для рисования, дизайна и ретуши. После обработки файл можно сохранить в один из предлагаемых популярных форматов, в числе которых есть и JPG с PDF.

Сам этот сервис бесплатный, а существует за счет показа рекламы. Разработчики просят 9 долларов в месяц за отказ от объявлений, к тому же с 30 до 60 действий вырастет число хранимых в истории действий.

Сохранение в фоновом режиме

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

Проверка хода выполнения

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

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

Чтобы остановить сохранение какого-либо файла, нажмите кнопку «Отмена» (x) на индикаторе выполнения.

По умолчанию файлы всегда сохраняются в фоновом режиме. Чтобы отключить фоновое сохранение, выберите пункты Установки > Обработка файлов и буфер обмена > Сохранение в фоновом режиме.

Примечание.

  • На данный момент в фоновом режиме можно сохранять только AI-файлы. Для SVG, EPS, PDF и других поддерживаемых форматов файлов используется стандартный процесс сохранения.
  • Фоновый процесс не будет работать, если:
    • в диалоговом окне настроек сохранения не установлен флажок Создать PDF-совместимый файл;
    • изображение содержит объект сторонней группы плагинов или сторонний интерактивный эффект.

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

Общее описание расширения

Тип файла SVG – сокращение от Scalable Vector Graphics, то есть масштабируемая векторная графика. Для описания изображения используются языки разметки VML и PGML. По сути, это текстовый документ, в котором для каждой фигуры описаны координаты вершин и линий, проходящих через них, а также цвета разных элементов. Первая версия этого формата вышла в 2001 году, и сейчас активно разрабатывается вторая версия. То есть он является перспективным и развивается. Одно из достоинств – малый размер файла, в котором могут быть сохранены довольно сложные рисунки. Поэтому сейчас всё больше иконок, пиктограмм, логотипов и других элементов сайтов используется именно в этом формате, а не в растровых. Это ускоряет загрузку сайта. К уникальным возможностям формата SVG относятся интерактивность и анимация. Первая позволяет картинке реагировать на действия пользователя, например, на клик мышкой или перемещение каких-то элементов. Анимация позволяет создавать довольно сложные сценарии. Всё вместе позволяет создавать очень красивые и живые графические элементы для сайтов. Их даже можно встраивать в обычные растровые изображения в форматах PNG, IPG и прочих.

Бесплатные векторные редакторы

Какие есть бесплатные векторные редакторы

Наиболее популярным является редактор Inkscape, который при своей бесплатности предоставляет массу возможностей, в том числе для профессионального использования. Также неплохой функциональностью обладают графические редакторы Draw, входящие в офисные пакеты ApacheOpenOffice.org и LibreOffice.

Редактор Inkscape

Бесплатный, простой, кроссплатформенный, поддерживает SVG, доступны расширения – все это про Inkscape. Скачать его можно со страницы https://inkscape.org/ru/download/.

Нужно выбрать версию для своей операционной системы и нажать на соответствующую иконку. На открывшейся странице нужно выбрать версию продукта. Для Windows этот выбор выглядит так.

Русскоязычная помощь на сайте на текущий момент отсутствует, зато доступно подробное англоязычное руководство по ссылке https://inkscape.org/en/learn/.

Со встроенной справкой дела обстоят лучше. Меню Справка – Учебник открывает подробное руководство по операциям.

Причем вся справка также выполнена в виде рисунков. Интересное решение.

Меню Справка – Руководство по Inkscape открывает в браузере страницу http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php. Чтобы разобраться с ней, снова потребуется знание английского.

Как создать рисунок в Inkscape

По умолчанию в редакторе используется сочетание Ctrl + N, можно также использовать меню Файл – Создать.

Как импортировать растровый рисунок в Inkscape

Загрузка растровых изображений осуществляется через меню Файл – Импортировать (или Ctrl + I). Откроется стандартное окно выбора документа, в котором нужно указать исходный рисунок.

Дополнительно нужно указать параметры для импорта. Можно оставить их по умолчанию.

Как преобразовать растровый рисунок в SVGв Inkscape

Чтобы превратить загруженное растровое изображение в набор кривых, нужно использовать меню Контур – Векторизовать пиксельную графику.

Альтернативный вариант дает меню Контур – Векторизовать растр

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

Как сохранить рисунок в Inkscape

Сохранение реализовано через меню Файл – Сохранить. Откроется стандартное окно, в котором нужно указать место хранения файла и его название.

Ссылка на основную публикацию
Статьи c упоминанием слов:

Adblock
detector