Компьютерная графика понятие довольно широкое. При упоминании этого словосочетания многим приходят на ум шедевры от студий анимации Dreamworks иPixar. Другие сразу вспоминают про цифровую фотографию.

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

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

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

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

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

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

Простой векторный редактор – «Рисунки Google»

В сервисе «GoogleДиск» есть довольно простой и доступный векторный редактор. Данное приложение входит в состав online-офиса, предоставляемого Google. Веб-приложение ориентировано на совместную работу. Оно предусматривает возможность добавления графических элементов в документы различных форматов. В приложении имеется базовый набор средств для работы с векторной графикой. Используя веб-приложение «Рисунки», вы сможете легко и быстро создать всевозможные геометрические фигуры, выноски, стрелки, каракули, кривые, ломаные и даже элементы формул. Также в приложении доступна функция добавления текстовых элементов и импорт растровой графики. Можно также импортировать векторные рисунки, однако при этом они будут доступны только в режиме просмотра. Редактировать их вы не сможете. Можно добавлять комментарии к любому элементу векторного рисунка. Также благодаря функциям сервиса, вы можете поделиться результатом своей работы с другими пользователями Google.

Конвертирование растровый картинок в вектор при помощи Autotracer

Если речь идет о сложной векторной графике, то иногда проще не создавать рисунок заново, а просто конвертировать растровое изображение в векторный формат. По-другому данную процедуру называются трассировкой. Средства для конвертирования имеются практически в каждом векторном редакторе. Также векторизацию можно выполнить при помощи онлайновых инструментов. В сети можно найти множество веб-сервисов, предлагающих подобные услуги. Довольно удобно использовать бесплатный ресурс Autotracer. При помощи него можно легко преобразовать файлы в форматах GIF, PNG, JPEG, BMP в векторную графику и сохранить их в формате PDF, SVG, DXF иEPS.

Услугами веб-сервиса Autotracer можно воспользоваться совершенно бесплатно. Но есть некоторое ограничение: исходный файл должен весить не более 1 Мб. Перед осуществлением преобразования, необходимо задать определенные настройки: для начала пользователю придется определиться с количеством отображаемых цветов, которые будет сохранены перед векторизацией в растровом изображении. Также предлагается избавиться от зашумленности изображения и указать, в каком случае следует принимать линии за кривые. Процесс векторизации происходит довольно быстро. Если качество конечного изображения вас не устроит, вы можете поэкспериментировать с настройками и снова попробовать выполнить векторизацию.

Векторный редактор от Chrome – VectorPaint

Для GoogleChromeесть свое веб-приложение, под название VectorPaint. Приложение создано на HTML5. Оно может работать и без браузера. VectorPaint относится к новому поколению приложений. Запускать его можно прямо с рабочего стола. Для использования VectorPaint не обязательно нужен открытый браузер и доступ в Интернет.

В VectorPaint представлена довольно большая коллекция предустановленных форм. Их можно использовать в своих проектах. Тут есть различные стрелочки, тучки, часы, ноты, животные и другие объекты. Можно попробовать создать формы самостоятельно, используя при этом ломанные и кривые линии, а также инструменты для создания произвольных геометрических форм. Можно подобрать цвет и толщину для каждого элемента. Можно сделать объект прозрачным или добавить один из многочисленных эффектов (тени, искажения, текстуры и т.д.). Также в приложении предусмотрены инструменты для осуществления управления элементами: вы можете переносить их назад и перемещать на передний план. Чтобы более точно расставить элементы в проекте, можно использовать средства выравнивания. Также в VectorPaint имеется возможность отображения линейки.

Вся работа по умолчанию ведется на одном слое. При необходимости можно задать возможность работы с несколькими слоями. Реализована данная возможность в виде дополнения. Чтобы установить это дополнение, его не нужно скачивать, можно просто выбрать нужный плагин в одноименном меню. В процессе работы со слоями можно объединять несколько выбранных слоев, скрывать их или переносить элементы из одного слоя в другой.
Также в VectorPaint предусмотрены другие дополнения. При необходимости их можно легко добавить в приложение. Здесь предусмотрены расширенные возможности для работы с текстом, использование шаблонов для создания повторяющихся изображений, а также добавление маркеров. Используя меню Plugins, можно включить дополнительные параметры заливки и обводки. Для сохранения готовых проектов используется формат SVG. Также можно экспортировать изображение в форматы JPEG и PNG.

Онлайн векторный редактор SVG-Edit

Данный векторный редактор создан на основе JavaScript. Он может работать с любым интернет-браузером. Использовать векторный редактор можно как в форме онлайнового сервиса, так и в виде веб-приложения. В первом случае для доступа к сервису используется демоадрес, а во втором пользователю нужно будет загрузить архив с файлами приложения, распаковать его и запустить в любом интернет-браузере.

Векторный редактор SVG-Edit прекрасно работает с форматом SVG. Это дает пользователям возможность не только сохранять проекты в данном формате, но и открывать уже готовые проекты в формате SVG для внесения изменений. Также SVG файл может быть импортирован в проект в форме отдельного элемента.
В редакторе SVG-Edit для создания различных элементов можно использовать ломаные линии, квадраты, прямоугольники, эллипсы, контуры, многоугольники и текст. Также имеется возможность выполнения заливки различных элементов изображения. При этом можно использовать градиенты. Редактор поддерживает работу со слоями, отображение элементов проекта в виде каркаса и показ сетки. Предусмотрены средства для изменения расположения элементов, а также для группировки и клонирования выделенных объектов. Как и в обычных графических редакторах, многие команды доступны в контекстном меню. Значительное внимание уделяется инструментам для выравнивания. Можно выровнять элементы по отношению к другим объектам. В редакторе имеется обширная библиотека готовых объектов. Эта же библиотека используется в графическом редакторе VectorPaint. Кроме того, в SVG-Edit предусмотрена возможность доступа к бесплатной библиотеке элементов IANImageLibrary. Чтоб получить доступ к этой библиотеке пользователю потребуется регистрация. После этого можно будет просматривать коллекции образцов изображений векторной графики прямо из редактора. Выбранные объекты можно будет сразу же добавлять в проект.

Простой онлайн-редактор векторных изображений – Chittram

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

Онлайн-редактор Chittram имеет довольно скромные возможности по сравнению с SVG-Edit. Однако начинающим пользователям Chittram наверняка покажется более дружелюбным. В приложении реализована возможность использовать растровое изображение в качестве подложки. Однако при этом нельзя выбрать картинку, сохраненную на жестком диске вашего компьютера. Обязательно нужно указать ссылку на файл. Также в редакторе нет возможности импорта локальных векторных рисунков. Файлы можно добавлять только из галереи пользователей сервиса. Поиск по галерее можно осуществлять, используя ключевые слова и метки. В редакторе имеется стандартный набор инструментов для создания собственных проектов: кривые, прямые линии, многоугольники, овалы, круги и т.д. Также редактор позволяет создавать текст. Для каждого элемента предусмотрена возможно задания цвета заливки, размера обводки, процента прозрачности, цвета и направления градиента. Можно также использовать сетку, менять размер и ориентацию холста. В проекте предусмотрено использование нескольких форм. Также можно предусмотреть возможность отображения панели с набором элементов для их быстрого выделения и переименования. Подобную панель можно использовать и для работы со слоями.

Альтернатива коммерческим редакторам – Inscape

У векторного редактора Inscape есть множество преимуществ. Во-первых, это кроссплатформенный пакет, который может использоваться в различных операционных системах. Во-вторых, данный графический редактор поддерживает работу с большинством популярных форматов. К ним относятся SVGZ, SVG, DXF, EMF, PostScript, EPS и многие другие.

В данном графическом редакторе используются стандартные средства для создания графических объектов: заливка, текст, кривые, формы, поддержка слоев. Также Inscape дает возможность работать с контурами, использовать булевы операции и делать обводку. Пользователь получает доступ к большой библиотеке фильтров и специальному редактору, с помощью которого можно создавать свои эффекты. Кроме того, в программе реализована возможность поддержки графических планшетов, используя которую можно рисовать вручную. Особое внимание стоит обратить на встроенные средства для векторизации растровых изображений. Чтобы учесть важные элементы на переднем плане, при трассировке фотографий используется алгоритм SIOX. Он автоматически определяет такие объекты.

Редактор ZebraTrace

Официальные документы и банкноты легко узнать с первого взгляда благодаря использованию повторяющихся узоров, которые проходят по всему документу. Такие узоры называются гильошем. Их можно создавать вручную в векторном редакторе, но при этом нужно обладать навыком создания подобных узоров. Для решения таких задач можно использовать графический редактор ZebraTrace. Программа дает возможность трассировки изображений и совмещения их с рисунком гильоша. При помощи ZebraTrace можно осуществлять параметрическую генерацию гильоша. При задании различных типов узора используются математические формулы. При желании и наличии свободного времени, пользователь может создать собственный уникальный узор. Разрабатывать новые гильоши достаточно просто. Нужно только внести незначительные изменения в формулу, использующуюся для генерации узора. Можно попробовать изменить значение одного из коэффициентов. Для тех пользователей, которые не желают заниматься творчеством, в программе предусмотрено около 15 предварительных настроек с математическими формулами, которые позволяют получить различные гильоши.