Статьи

SVG-Edit Онлайн редактор векторной графики

image SVG-edit — это бесплатный веб-редактор для масштабируемой векторной графики (SVG). Редактор доступен в стабильной версии 2.4 под названием Arbelos, с новой версией 2.5 под названием Bicorn, ожидающей своего часа. Для целей этого поста я использовал версию 2.4.

SVG — это открытый, стандартный отраслевой формат XML для векторной графики, разработанный W3C . Его принятие быстро растет. В наши дни большинство векторных редакторов могут импортировать и экспортировать SVG, а современные браузеры (такие как Firefox и Opera) могут отображать его напрямую, не требуя плагинов. Если вы заядлый пользователь Internet Explorer, обратите внимание, что SVG-редактирование работает только в том случае, если вы установили плагин Google Chrome Frame .

image

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

Значки меню и панели инструментов выглядят немного неуклюже, но они делают то, что должны.

image

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

image

Когда дело доходит до типографики, доступные инструменты будут казаться довольно простыми, если вы привыкли использовать более продвинутый редактор. Выбор шрифта ограничен категориями: Serif, Sans-Serif, Cursive, Fantasy и Monospace, а стили — Bold и Italic. Вы можете установить любой размер, который вам нравится.

image

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

image

Вот полный список функций в текущей версии:

  • Рисунок от руки
  • Линии, Полилинии
  • Прямоугольники / Квадраты
  • Эллипсы / Круги
  • Полигоны / Изогнутые контуры
  • Стилизуемый текст
  • Растровые изображения
  • Выбор / перемещение / изменение размера / поворот
  • Отменить повторить
  • Выбор цвета / градиента
  • Группа / разгруппировать
  • Align
  • Увеличить
  • Слои
  • Преобразовать фигуры в путь
  • Каркасный режим
  • Сохранить рисунок в SVG
  • Линейный выбор градиента
  • Просмотр и редактирование источника SVG
  • Локализация пользовательского интерфейса
  • Изменяемый размер холста
  • Изменить фон
  • Draggable Dialogs
  • Изменяемый интерфейс (иконки SVG)

Версия 2.5, которая скоро появится, будет иметь следующие дополнительные функции.

  • Главное меню
  • Открытые локальные файлы (только Firefox 3.6)
  • Стрелы
  • Плагин Архитектура
  • Более гладкие пути от руки
  • Расширенная поддержка элементов SVG

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

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

Вы использовали SVG Edit? Что вы думаете об этом? Использовали ли вы другие хорошие бесплатные векторные редакторы?