Какая из программ не реализует векторную графику

Альтернативный векторный редактор

Самыми популярными в мире векторными графическими пакетами являются Adobe Illustrator и CorelDRAW, каждый из которых стал своего рода стандартом при работе с векторной графикой. В России они используются не только подавляющим большинством профессионалов, но и многими любителями, чему способствовал, с одной стороны, высокий уровень пиратства, а с другой — почти полное отсутствие популярной информации о возможных альтернативах. Спору нет, оба названных решения — действительно самые многофункциональные графические редакторы в своей группе и их широкие возможности пока не удалось превзойти ни одному другому графическому приложению. Однако и тот и другой рассчитаны на профессиональных дизайнеров и требуют много времени на освоение — любителям зачастую изучить все их возможности не по силам, да это и не нужно, так как солидную часть предоставляемого данными решениями функционала они никогда использовать не будут. Многие операции в данных редакторах выполняются отнюдь не тривиально и требуют немалых знаний, в то время как в альтернативных пакетах могут быть предусмотрены простые функции, доступные даже начинающим. Да и слишком высокая стоимость названных приложений вкупе со столь же высокими требованиями к аппаратным ресурсам тоже является серьезным препятствием, ведь по карману они только солидным профессиональным студиям. Поэтому рано или поздно большинство российских домашних пользователей (которым в действительности совсем не требуются столь мощные решения), да и часть профессиональных дизайнеров вынуждены будут перейти на альтернативные пакеты, не столь многофункциональные (хотя среди них имеются и довольно близкие по возможностям решения), но зато и не столь дорогие. Итак, какие же графические приложения можно рассматривать в качестве альтернативы Adobe Illustrator и CorelDRAW?

Среди представленных на рынке графических продуктов, позиционируемых в качестве решений для работы с векторной графикой (в некоторых из них реализован также ряд функций для поддержки растровой графики), помимо Adobe Illustrator и CorelDRAW, есть немало разнообразных приложений, отличающихся поддерживаемой платформой и спектром предоставляемых возможностей. В их числе — решения, ориентированные на одну-единственную платформу или являющиеся кроссплатформенными, входящие в состав других пакетов или автономные. Ценовой диапазон подобных продуктов очень широк. Самым дорогим из них является пакет Adobe Illustrator, предлагаемый по цене 499 долл., а самым дешевым — Mayura Draw (39 долл.). При желании можно найти и бесплатные программы, такие как Inkscape или старые версии некоторых платных пакетов, например Serif DrawPlus. Если отбросить графические пакеты, не работающие под Windows, и не рассматривать решения, ограниченные созданием только SVG-графики, а также те, что позиционируются как пакеты для создания организационных и технических диаграмм (они тоже создают векторную графику), то получится следующая картина (см. таблицу).

Векторные графические редакторы в ракурсе поддерживаемых платформ и цены

Ориентировочная цена, долл.

Windows, Mac OS X

CorelDRAW Graphics Suite

Windows, Mac OS X (только версия 11)

Windows, Mac OS X

Xara Xtreme Pro

Serif DrawPlus 8.0

Windows, Mac OS X, UNIX

Serif DrawPlus 4.0

Windows, Mac OS X, UNIX

Как видите, теоретически на роль альтернативного решения претендует довольно много программных средств. Однако пакет Freehand MX придется исключить из рассмотрения по причине высокой стоимости — он предлагается за ту же сумму, что и CorelDRAW. Пакет Sodipodi — в связи с тем, что, по всей вероятности, он больше не будет обновляться (последний релиз был в 2004 году), да и во многом базирующийся на нем пакет Inkscape обладает гораздо большей функциональностью, бесплатен и, в отличие от Sodipodi, не требует скачивания каких-либо дополнительных модулей. А Skencil — из-за сложностей его установки под Windows, поскольку хотя он и работает под данной операционной системой, но требует для установки в Windows наличия библиотеки GTK, которую придется скачивать отдельно. Поэтому в качестве альтернативных решений стоит рассматривать лишь пакеты Xara Xtreme Pro, Xara Xtreme, Zoner Draw, Mayura Draw, Inkscape, Serif DrawPlus и OpenOffice.org Draw (они отмечены в таблице серым цветом).

Заметим, что из всех этих программ только одна — Xara Xtreme — может конкурировать с Adobe Illustrator и CorelDRAW по функциональности и рассматриваться в качестве их дешевой альтернативы для профессиональных дизайнеров. Остальные решения значительно уступают лидерам и сравнивать их с ведущими пакетами не имеет смысла, зато они могут оказаться интересными для домашних пользователей, поэтому мы также включили их в обзор.

Xara Xtreme

Разработчик: Xara Group Ltd

Размер дистрибутива: Xara Xtreme — 21,5 Мбайт, Xara Xtreme Pro — 26,5 Мбайт

Xara Xtreme — векторный редактор, широко используемый во всем мире для создания разнообразных векторных иллюстраций и web-графики профессионального качества (рис. 1). Он близок к Adobe Illustrator по функциональным возможностям, но, в отличие от него, отличается гораздо большей скоростью обработки данных. Пакет имеет интуитивно понятный, не загроможденный и хорошо продуманный интерфейс (рис. 2), благодаря чему освоить Xara Xtreme на порядок проще, чем Adobe Illustrator, и обеспечивает в целом большую производительность. Решение предлагается в двух версиях: базовой Xara Xtreme и профессиональной Xara Xtreme Pro, дополнительно позволяющей работать с многостраничными документами, создавать PDF-документы с поддержкой векторной прозрачности, экспортировать анимации в формат Flash и импортировать/экспортировать многослойные PSD-изображения.

Рис. 1. Примеры иллюстраций, созданных в Xara Xtreme

Xara Xtreme предоставляет удобные инструменты для создания и редактирования любых векторных контуров, начиная от примитивов и заканчивая самыми замысловатыми формами, в том числе автоматически сглаживаемыми. Контуры могут иметь обычную границу либо оформляться при помощи кистей, набор которых входит в поставку и может быть расширен за счет редактирования встроенных или создания пользовательских. Заливка может быть как сплошной, так и текстурной, градиентной или фрактальной. Созданные контуры несложно группировать и трансформировать в соответствии с выбранным вариантом деформации. Инструменты работы с текстом позволяют создать текстовые объекты — в дальнейшем их можно редактировать не только на уровне текста, но и как векторные контуры, размещать вдоль любой кривой, задавать обтекание текстом графических объектов или вписывать его в указанные контуры, оформлять текст при помощи градиентных и текстурных заливок и т.д. Кроме того, в поставку пакета входит целая галерея клипартов, элементы из которой также можно задействовать в процессе подготовки иллюстраций.

Рис. 2. Интерфейс Xara Xtreme

Любой объект, в том числе текст и растровое изображение, можно сделать полупрозрачным, причем вариантов настройки полупрозрачности множество (включая градиентную полупрозрачность), так как помимо уровня полупрозрачности можно настраивать ее форму, тип и метод применения. Поддержка слоев обеспечивает создание многослойных иллюстраций и открывает широкие возможности в плане получения интересных эффектов полупрозрачности, а создание отсекающих масок (clipping mask) позволяет маскировать ненужные области изображения, не разрушая содержимого слоя. Специальные настраиваемые инструменты для добавления к объектам тени и фасок могут быть применены для создания иллюзии объемности изображений. Инструмент Blend Tool позволяет на основе нескольких исходных векторных объектов различной формы и окраски строить серии промежуточных объектов с характеристиками, обеспечивающими плавный переход от одних объектов к другим с плавным изменением всех характеристик промежуточных объектов (формы, цвета обводки и цвета заливки). К любым объектам (и векторным, и растровым) могут быть применены так называемые Live Effects, или живые эффекты, отличающиеся от обычных эффектов тем, что после их наложения объекты остаются редактируемыми. В поставку входит около 20 таких эффектов, список которых может быть расширен за счет поддерживающих данную возможность специализированных Photoshop-плагинов (ознакомиться со всем списком подобных плагинов можно на сайте программы). Допустимо применение трехмерных эффектов, что реализуется благодаря интеграции пакетов Xara Xtreme и Xara3D — объект создается в Xara Xtreme, а затем экспортируется в Xara3D, где к нему применяется нужный трехмерный эффект, после чего он возвращается обратно в Xara Xtreme для дальнейшей обработки.

В пакете поддерживается импортирование векторных иллюстраций в форматах AI, CDR и PS/EPS и любых растровых изображений с возможностью их векторизации. Вставляемые растровые изображения могут быть улучшены во встроенном редакторе XPE Photo Editor — с его помощью можно повернуть изображение, обрезать, настроить яркость и контрастность, устранить эффект красных глаз и, при необходимости, применить к нему встроенные фильтры. Созданные иллюстрации могут сохраняться в собственном формате, экспортироваться в различные векторные (включая AI, PS/EPS и PDF) либо в популярные растровые форматы. Предусмотрен инструментарий для предпечатной подготовки материалов. Кроме того, возможно создание web-графики: элементов навигации (в том числе анимированных), анимации (в форматах animated Gif и Flash), слайсов и карт изображений. Созданные элементы оптимизируются с указанным сжатием и могут быть сразу вставлены в web-страницы благодаря интеграции с Dreamweaver.

Zoner Draw 5

Разработчик: ZONER software

Размер дистрибутива: 61,9 Мбайт

Zoner Draw — многофункциональный графический векторный редактор, предлагаемый по весьма привлекательной цене. Непрофессионалы могут с успехом использовать его для подготовки иллюстраций (логотипов, прайс-листов, рекламных листовок, открыток, планов и т.д. — рис. 3) и web-графики. Помимо редактора в комплект поставки входит более 5 тыс. профессионально подготовленных клипартов, модули для создания gif-анимаций (Zoner GIF Animator) и обработки растровых изображений (Zoner Photo Studio), а также подробная документация с уроками, что упрощает знакомство с программой.

Рис. 3. Примеры иллюстраций, созданных в Zoner Draw

В арсенале Zoner Draw — удобные инструменты для создания разнообразных векторных примитивов и сложных векторных контуров. При этом работа с кривыми организована на очень высоком уровне — можно создавать любые контуры (по опорным точкам или от руки) и свободно их редактировать: создавать/удалять вершины, изменять тип опорных точек, перемещать опорные и направляющие точки и т.д. Как и в CorelDRAW, предусмотрено создание двух типов текста: художественного, к которому можно применять различные эффекты, что удобно при разработке графических заголовков, и наборного, предназначенного для создания текстовых блоков. Первый может размещаться вдоль кривой, а второй печатается по горизонтали или внутри области. Текстовые объекты редактируются либо на уровне текста, либо на уровне векторных контуров, что позволяет изменять положение букв друг относительно друга, применять к ним разные варианты оформления, трансформировать и т.п. Объектам несложно назначить нужный вариант заливки (доступны сплошная, несколько градиентных, фрактальных и растровая заливки) и границы, у которой можно регулировать цвет, толщину и тип штриха. Также можно настроить тень и прозрачность — и то и другое регулируется целым списком параметров (рис. 4) и позволяет добиваться интересных результатов. Например, прозрачность может быть сплошной, градиентной или фрактальной и применяться как ко всему объекту в целом, так и к его определенной части, ограниченной маской. Графическое оформление объектов может быть ускорено благодаря поддержке стилей, в которых запоминается информация о границе, заливке, тени и прозрачности, — в поставку входит коллекция стилей, которая может быть расширена путем редактирования встроенных или создания новых стилей. Любые векторные объекты можно выравнивать, группировать, вращать, зеркально отражать, трансформировать, перемещать на передний/задний план и применять к ним булевы операции. Предусмотрено и создание Blend-объектов, получаемых путем превращения одного векторного объекта в другой с постепенным изменением его формы, размера и цвета, причем форма Blend-пути после генерации промежуточных объектов может редактироваться. Кроме того, интерес представляют такие операции, как многократное копирование объекта вдоль кривой (копируемые объекты по мере движения по кривой автоматически поворачиваются в ее направлении) и комбинирование объектов, при котором возможна согласованная трансформация нескольких объектов одновременно. В Zoner Draw имеется поддержка слоев (что удобно при создании сложных иллюстраций), есть возможность готовить многостраничные документы и предусмотрено использование таблиц. При редактировании таблиц допускается перемещение ячеек, объединение их, изменение их размеров и содержимого, а также применение всего комплекса возможностей, предусмотренных в отношении прямоугольных примитивов и наборного текста, составляющих основу таблиц.

Рис. 4. Меню для настройки оформления объектов в Zoner Draw

Пакет позволяет импортировать векторные иллюстрации в форматах AI, CDR, PS/EPS и некоторых других, а также растровые изображения в популярных растровых форматах. Импортированные фотографии могут быть улучшены во встроенном растровом редакторе, входящем в поставку, — в снимках можно изменить экспозицию, избавиться от разнообразных дефектов изображения (включая эффект красных глаз и оптические искажения), произвести ретуширование, обрезку, настроить прозрачность и т.д. Кроме того, к растровым изображениям несложно применить популярные растровые фильтры — например превратить фото в рисунок масляными красками или карандашом, состарить, применить цветовые эффекты, сделать негатив и пр. Созданные иллюстрации могут быть сохранены в основных векторных форматах (включая AI, PS/EPS и PDF), экспортированы в один из базовых растровых форматов или сразу распечатаны с использованием встроенных шаблонов печати.

Inkscape 0.44.1

Разработчик: IOSN (International Open Source Network — Международная сеть открытого ПО)

Размер дистрибутива: 17,1 Мбайт

Inkscape — многоплатформенный векторный редактор на базе модели Open Source, представляющий собой многофункциональный инструмент для разработки векторной графики (рис. 5). По своим возможностям, равно как и по интерфейсу (рис. 6), он очень напоминает CorelDRAW. Программа Inkscape отличается удобным русифицированным интерфейсом, проста в освоении и поставляется с неплохой справочной системой, включающей разнообразные примеры использования, что в соответствии с бесплатностью делает данное приложение привлекательным для широкого круга пользователей. Единственный недостаток Inkscape — это его медлительность и повышенные требования к системным ресурсам.

Рис. 5. Примеры изображений, полученных в среде Inkscape

Рис. 6. Интерфейс пакета Inkscape

С помощью Inkscape можно создавать текстовые элементы, включая текст по пути (при этом и текст и путь остаются редактируемыми) и текст внутри области, а также разнообразные векторные объекты, начиная от примитивов и заканчивая сложными векторными контурами, с традиционными вариантами управления заливкой и границей. Как заливка, так и обводка могут оформляться с применением настраиваемых градиентов и текстур. Предусмотрена удобная работа с контурами и объектами. Для контуров допустимы все принятые в векторных редакторах возможности редактирования, включая булевы операции (сумма, пересечение, разность, XOR). Объекты можно группировать, выравнивать, применять к ним стандартные трансформации: перемещение, масштабирование, вращение и искажение, а для точного их размещения предусмотрено использование сеток, направляющих и линеек. Возможно клонирование объектов — полученные клоны (как и символьные объекты в Illustrator) наследуют свойства исходных объектов, а потому меняются при изменении оригинала. При желании можно создавать настоящие узоры из клонов с заданным или случайным смещением образов, их масштабированием, вращением, прозрачностью, сменой заливки и обводки. Возможен импорт векторных иллюстраций (AI и PS/EPS) и растровых изображений во всех основных растровых форматах. При этом растровые изображения могут импортироваться с сохранением связей, а также конвертироваться в векторные путем трассировки. Поддерживается работа со слоями, масками и alpha-каналами, при этом слои могут иметь разный уровень прозрачности, быть видимыми или скрытыми, доступными для изменения или заблокированными. Созданные изображения можно сохранять в распространенных форматах векторной графики (AI, PS/EPS, SVG, PDF и др.) либо экспортировать в растровый формат PNG.

OpenOffice.org 2.1 Draw

Разработчик: IOSN (International Open Source Network — Международная сеть открытого ПО)

Размер дистрибутива: версия OpenOffice.org 2.0 для Windows — 93 Мбайт

Программа OpenOffice.org Draw — это один из компонентов многоплатформенного офисного пакета OpenOffice.org, который сегодня может рассматриваться уже в качестве серьезного конкурента Microsoft Office. Скачать программу можно лишь в комплекте со всеми прочими компонентами пакета. Зато она бесплатная, что в совокупности с наличием русскоязычных сборок делает данное решение привлекательным для российских домашних пользователей. Внешне OpenOffice.org Draw больше всего напоминает CorelDRAW, но обладает заметно более высокой скоростью работы. Набор функций в данном продукте весьма скромен, что, впрочем, не мешает ему вполне успешно справляться с созданием простых векторных рисунков, организационных и технических диаграмм (рис. 7), которые могут быть использованы в качестве иллюстраций в текстовых документах.

Рис. 7. Пример создания организационной диаграммы
в пакете OpenOffice.org Draw

OpenOffice.org Draw позволяет создавать векторные объекты на базе векторных примитивов, а также ломаных и кривых. При необходимости объекты можно связать специальными соединительными линиями, которые прикрепляются к точкам соединения на объектах, перемещаются вместе с ними и незаменимы, например, при рисовании блок-схем. Возможно создание текстовых объектов, правда для них предусмотрены лишь базовые настройки (шрифт, размер, начертание, выравнивание и т.п.). Для оформления объектов им назначают заливку и границу, настраивают тени и прозрачности. Заливка может быть однотонной, текстурной, градиентной или узорной, причем градиенты и узоры можно создавать самостоятельно. Для границ и теней предусмотрено изменение только основных параметров (цвета и толщины/ширины), а для прозрачности возможно регулирование не только степени применения эффекта, но и типа прозрачности, что позволяет применять эффектные полупрозрачные градиенты. Все названные параметры могут сохраняться в редактируемых стилях оформления.

В перечне допустимых в отношении объектов операций — использование направляющих и сетки для точного размещения объектов (предусмотрена привязка объекта к линии сетки, направляющей или к краю другого объекта), выравнивание, перемещение на передний/задний план, масштабирование, вращение, зеркальное отражение и трансформирование путем перемещения опорных точек и направляющих вершин и изменения кривизны. Кроме того, объекты можно группировать и применять к ним булевы операции, дублировать со смещением и поворотом, генерировать на базе граничных объектов промежуточные Blend-объекты. При желании с помощью OpenOffice.org Draw можно также создавать трехмерные объекты — либо как 3D-примитивы, либо путем моделирования из криволинейных контуров и 2D-примитивов. Второй вариант используется для получения моделей вращения, имеющих центральную осевую симметрию, и трехмерных форм с фасками. При этом программа позволяет не только создавать трехмерные формы, но и вращать их, добавлять текстурные заливки и настраивать освещение с возможностью коррекции интенсивности и особенностей тени. Реализована в OpenOffice.org Draw и поддержка слоев, что важно при создании иллюстраций с большим числом объектов.

В пакете предусмотрено импортирование векторной графики из форматов PS/EPS и SVG, а также поддерживаются все базовые растровые форматы. У импортированных растровых изображений можно изменить прозрачность, внедрить тень, провести обрезку, отрегулировать яркость, контрастность и насыщенность, размыть или усилить резкость и применить растровые эффекты: состарить, превратить в постер или в рисунок, нарисованный углем, и т.п. Созданные иллюстрации можно вставлять в документы OpenOffice.org Writer, экспортировать в основные векторные форматы (включая PS/EPS, PDF, SVG и SWF) или сохранять как растровые изображения (BMP, GIF, JPG, PNG и др.).

Serif DrawPlus 8.0, Serif DrawPlus 4.0

Способраспространения: Serif DrawPlus 8.0 — shareware (демо-версия отсутствует), Serif DrawPlus 4.0 — freeware (http://www.freeserifsoftware.com/Software/DrawPlus/download.asp)

Serif DrawPlus — векторный редактор, ориентированный на непрофессионалов и позволяющий создавать высококачественную векторную графику и анимации при минимальных затратах времени (рис. 8). Иллюстрации можно генерировать на основе встроенных шаблонов, число которых очень велико и охватывает множество типовых документов (открытки, визитки, книжные и журнальные обложки, приглашения, объявления, таблички, вывески и пр.). Программа позволяет создавать иллюстрации очень быстро и просто, поскольку все этапы подготовки контролируются мастерами, а пользователю достаточно выбрать элементы оформления и внести правки. Вместе с тем можно создавать документы и с нуля, вручную формируя нужные векторные контуры и настраивая параметры их оформления (рис. 9).

Рис. 8. Примеры изображений, созданных
в Serif DrawPlus

Serif DrawPlus позволяет получать векторные объекты на базе векторных примитивов (которых гораздо больше, чем в большинстве других векторных редакторов), ломаных и криволинейных контуров (в том числе со сглаживанием). Редактировать кривые можно путем добавления/удаления узлов и их перемещения, замыкания кривых, слияния нескольких кривых в одну и разрезания кривых на части и т.п. Предусмотрено создание текстовых объектов, включая размещение текста вдоль кривой и его обработку на уровне векторных контуров. Обычным образом настраиваются заливка и граница объектов, однако вариантов заливок, равно как и типов границ, огромное множество, кроме того, допустимо применение встроенных кистей, число которых также поражает воображение. Так же несложно добавить к объекту тень и/или контур, выбрав подходящие варианты их настройки из предусмотренных в программе. Любой объект можно сделать полупрозрачным, причем, помимо сплошной, возможно использование градиентной, плазменной или растровой полупрозрачности. Объекты можно группировать, выравнивать, выполнять в их отношении булевы операции, комбинировать для согласованных изменений, перемещать, вращать, масштабировать, искажать в соответствии с выбранным вариантом деформации и т.п. Предусмотрено создание Blend-объектов, что позволяет получать сложные псевдотрехмерные фигуры, выполнять импорт трехмерных объектов, созданных в среде Serif 3DPlus, и вставку растровых изображений (в форматах JPG, BMP, EMF, WMF, PNG и др.). По окончании подготовки иллюстрации для придания ей большей эффектности можно добавить подходящий фон из встроенной библиотеки, а также внедрить водяные знаки. Созданные иллюстрации и анимации сохраняются в собственных форматах программы, при этом первые могут быть экспортированы в популярные растровые форматы, а вторые — в формат animated Gif.

Рис. 9. Некоторые меню, отвечающие за создание и настройку
векторных элементов в Serif DrawPlus

Пакет предлагается в двух вариантах: платном Serif DrawPlus 8.0 и бесплатном Serif DrawPlus 4.0. Платная версия имеет гораздо более обширные библиотеки встроенных элементов, несколько более удобна в работе и отличается большей функциональностью, в частности позволяет использовать коннекторы для соединения элементов, создавать массивы векторных объектов, экспортировать иллюстрации с оптимизацией, трассировать растровые изображения и др.

Mayura Draw 4.3

Разработчик: Mayura Software

Размер дистрибутива: 1,3 Мбайт

Способ распространения: shareware (30-дневная демо-версия — http://www.mayuradraw.com/mdraw.zip)

Mayura Draw — компактный пакет для работы с векторной графикой, рассчитанный на широкий круг пользователей. Он отличается простым и понятным интерфейсом (рис. 10), очень прост в освоении и предлагается за небольшую плату, а потому может стать идеальным решением для знакомства с векторной графикой, например при обучении детей. В этом случае разумнее воспользоваться версией 3.1, для которой имеется модуль поддержки русского языка (http://www.mayura.com/mdraw31r.zip). Вместе с тем возможностей этого пакета вполне достаточно для создания простых иллюстраций (рис. 11). Его можно рекомендовать тем пользователям, кто мало знаком с компьютерной графикой, но хочет создать несложное векторное изображение, например, для иллюстрирования текста, презентации и т.п. Кроме того, в Mayura Draw предусмотрен экспорт в формат SVG, поэтому пакет может использоваться и для разработки статичной SVG-графики.

Рис. 10. Интерфейс программы Mayura Draw

Рис. 11. Примеры иллюстраций, созданных
при помощи Mayura Draw

Mayura Draw поддерживает базовые инструменты векторной графики и позволяет создавать векторные иллюстрации на основе графических примитивов, линейных и криволинейных контуров и текста, которые могут дополняться растровыми изображениями. Возможен импорт иллюстраций из AI-файлов с целью их редактирования. Среди функций пакета — удобные средства выравнивания, группировка объектов, управление прозрачностью, использование направляющих и линеек для точного размещения объектов и простые трансформации: масштабирование, вращение, деформация. Поддержка слоев у Mayura Draw отсутствует, но предусмотрена возможность перемещения объектов на передний/задний план. Полученные векторные изображения сохраняются в собственном формате или могут быть экспортированы в векторные либо растровые форматы: SVG, EPS, PS, AI, PDF, WMF, EMF, GIF, JPEG, PNG, BMP и TIFF.

Программы для работы с векторной графикой

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

CorelDRAW

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

Интерфейс программы CorelDRAW

В рассматриваемом решении новые объекты создаются с нуля или формируются с помощью предустановленных шаблонов и, конечно, выравниваются. Помимо этого, в проект можно добавлять любой текст и работать над его дизайном как в плане шрифта и цвета, так и в плане нанесения дополнительных эффектов и фильтров. Стоит отметить функцию, позволяющую автоматически преобразовать растровую графику в векторную. Имеется несколько инструментов для работы с растровой графикой, чтобы пользователю не приходилось «перескакивать» между разными программами. Это «Цветной карандаш», «Мастихин», «Перо и чернила», «Акварель», «Водяной маркер», «Импрессионизм» и многое другое. Интерфейс мультиязычный, есть возможность его тщательной настройки под свои нужды. Программой можно пользоваться бесплатно в течение 30 дней, после чего потребуется оплатить лицензию.

Adobe Illustrator

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

Интерфейс программы Adobe Illustrator

В Illustrator предусмотрены необходимые инструменты для создания векторных объектов с нуля, есть и дополнительные возможности. Например, функция «Shaper» автоматизирует процесс, позволяя пользователю курсором или пальцем (в зависимости от платформы) нарисовать произвольную фигуру, которая будет автоматически обработана и преобразована системой в векторное изображение. Растровые картинки автоматически преобразуются в векторные. Предусмотрен Мастер создания диаграмм с удобными опциями. Как и в Adobe Photoshop, реализована система слоев. На официальном сайте можно скачать демо-версию (работает месяц) или навсегда приобрести полную версию. Присутствует русификация.

Inkscape

Еще один продвинутый графический редактор для создания векторных изображений, который отличается своей доступностью — Inkscape распространяется на бесплатной основе. Из примечательных особенностей стоит сразу отметить возможность использования дополнительных плагинов, расширяющих функциональность приложения. Для построения полноценных фигур здесь используются стандартные инструменты: «Прямая линия», «Произвольная линия» и «Кривая Безье». Естественно, предусмотрена линейка для оценки расстояния между объектами и проверки углов.

Интерфейс программы Inkscape

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

Paint Tool Sai

Следующее приложение изначально не предназначено для работы с векторной графикой, однако в нем есть функции, которые достойны внимания в рамках нашей сегодняшней темы. Paint Tool Sai является продуктом японских разработчиков и отлично подойдет любителям создавать мангу. Основное внимание уделено не стандартным инструментам, а возможности их тщательной настройки. Таким образом, вы можете создать до 60 уникальных кисточек и других приспособлений для рисования.

Интерфейс программы Paint Tool Sai

Любая прямая или кривая регулируется как целиком, так и в разных точках. Можно менять толщину, длину и другие параметры. Стоит отметить возможность смешивания цветов: художник наносит два разных цвета на специальную палитру, после чего выбирает подходящий оттенок и может использовать его на холсте. Это основные особенности Paint Tool Sai, свидетельствующие о том, что редактор отлично подходит для создания векторных проектов. Он имеет довольно необычный интерфейс и принцип работы, поскольку разработан в Японии, поэтому подойдет далеко не всем пользователям.

Affinity Designer

Affinity Designer — профессиональная среда для художников и дизайнеров с множеством возможностей. Приложение работает в двух режимах: «только векторная» или «объединенный», где используется и растровая, и векторная графика. Разработчики уделили большое внимание не только функциональности программы, но и ее оптимизации. Поддерживаются такие форматы, как PSD, AI, JPG, TIFF, EXR, PDF и SVG.

Интерфейс программы Affinity Designer

Между любыми объектами в проекте можно образовать связь, открывающую дополнительные возможности. Реализована поддержка горячих клавиш, что ощутимо ускоряет работу, к тому же они настраиваются по желанию пользователя. Affinity Designer работает в цветовых пространствах RGB и LAB. Как и в других подобных редакторах, здесь используется сетка, однако она предлагает гораздо более обширную функциональность. Редактор является кроссплатформенным. Причем он не только работает в Windows, macOS и iOS, но и позволяет экспортировать проект в универсальный файл, с которым можно работать на любой платформе без потери в качестве и возможностях. Естественно, такая комплексная система не может быть бесплатной. Для macOS и Windows предусмотрены пробные версии, а на iPad Affinity Designer можно только купить.

Krita

Krita — это бесплатный графический редактор с открытым исходным кодом. В основном он предназначен для работы с растровой графикой, однако есть и дополнительные инструменты для векторных проектов. Реализована версия для планшетов, что делает приложение более мобильным и доступным. Для выбора цветовой модели доступны следующие стандарты: RGB, LAB, XYZ, CMYK и YCBCR с глубиной от 8 до 32 бит.

Интерфейс программы Krita

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

LibreCAD

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

Интерфейс программы LibreCAD

В качестве основного формата используется DXF (R12 или 200x), а экспорт доступен в форматы SVG и PDF. А вот для исходного приложения меньше требований: поддерживаются BMP, XPM, XBM, BMP, PNG и PPM. Начинающим пользователям будет сложно работать с программой в силу перегруженности и обилия функций. Но это упрощается русскоязычным интерфейсом и наличием наглядных подсказок.

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

Какая из программ не реализует векторную графику

15 лучших графических редакторов, которые не стоят ни копейки

Самые продвинутые графические редакторы вроде инструментов компании Adobe стоят немалых денег. Но есть бесплатные и вполне достойные альтернативы, возможностей которых хватит большинству пользователей. Вот приложения для работы с векторной, растровой и 3D‑графикой на все случаи жизни.

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

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

1. Gravit Designer

Платформы: веб, Windows, macOS, Linux.

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

Аккуратный интуитивный интерфейс Gravit Designer можно настраивать под себя. Графический редактор содержит массу инструментов для создания прекрасных детализированных векторных изображений. Среди них — неразрушающие (их действие можно отменять) функции для булевых операций, инструменты «Нож» и «Граф путей», множество режимов заливки и смешивания, а также мощный текстовый движок.

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

2. Vectr

Платформы: веб, Windows, macOS, Linux.

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

3. SVG‑Edit

Платформа: веб.

Если вам нужно быстро создать или отредактировать простой SVG‑файл, есть несколько онлайн‑редакторов, которые подойдут для этой задачи не хуже Adobe Illustrator. Лучших из них — SVG‑Edit.

Этот графический редактор целиком создан на HTML5, CSS3 и JavaScript и не использует серверы для обработки данных. Код SVG‑Edit открыт. Поэтому при желании вы можете скачать его и модифицировать, чтобы создать свою версию программы.

SVG‑Edit располагает всеми базовыми инструментами векторного редактора. Но поддерживает только формат SVG.

4. Inkscape

Платформы: Windows, macOS, Linux.

Этот мощный графический редактор предлагает множество инструментов и функций, которые часто недоступны в других аналогичных программах. Среди них — альфа‑смешивание, клонирование объектов и маркеры.

Полная поддержка различных цветовых моделей делает Inkscape достойной альтернативой Adobe Illustrator как для веб‑дизайна, так и в сфере полиграфии. При всей простоте интерфейса в этой программе можно создавать и комплексные работы.

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

5. BoxySVG

Платформа: веб.

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

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

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

Предназначены для создания и редактирования любых немасштабируемых рисунков и фотографий.

1. GIMP

Платформы: Windows, macOS, Linux.

Бесплатный графический редактор с открытым исходным кодом. GIMP укомплектован богатым набором функций для рисования, цветокоррекции, клонирования, выделения, улучшения и других действий. Интерфейсом GIMP отличается от популярнейшего Photoshop, но долго искать нужные инструменты вам не придётся.

Команда GIMP позаботилась о совместимости, так что вы сможете без проблем работать со всеми популярными форматами изображений. Кроме того, здесь встроен файловый менеджер, похожий на Bridge из программ от компании Adobe.

2. Photo Pos Pro

Платформа: Windows.

Если вы работаете на Windows и не нуждаетесь в таком количестве инструментов, как у GIMP, вашим идеальным редактором может стать Photo Pos Pro. Последний создан с прицелом на операции с изображениями и отлично справляется с типичными задачами вроде регулировки контрастности, освещения и насыщенности. Но Photo Pos Pro подходит и для более сложных манипуляций.

Эта программа может похвастать очень дружелюбным интерфейсом и детальной справкой, которая помогает разобраться новичкам. Если вы хотите сделать Photo Pos Pro ещё функциональнее, к вашим услугам множество расширений и плагинов.

3. Krita

Платформы: Windows, macOS, Linux.

Ещё один графический редактор с открытым исходным кодом. Krita существует с 1999 года и постоянно совершенствуется, чтобы соответствовать нуждам концепт‑художников, иллюстраторов, специалистов по визуальным эффектам, дорисовке и текстурам.

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

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

4. Paint.NET

Платформа: Windows.

Paint.NET является альтернативой программе Paint, встроенной во все версии Windows. Но пусть схожесть названий не сбивает вас с толку: это гораздо более продвинутый и полезный редактор.

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

Благодаря поддержке слоёв, широкому выбору инструментов для выделения и настроек вроде яркости, контрастности и кривых, Paint.NET можно рассматривать как достойную замену Photoshop.

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

Предназначены для обработки, ретуши, а также добавления эффектов на любые фото.

1. Pixlr

Платформы: веб, iOS, Android.

Pixlr предлагает более 600 эффектов, наложений и рамок. В этом сервисе можно делать всё, чего стоит ждать от фоторедактора: изменять размер изображений, обрезать их, удалять эффект красных глаз, отбеливать зубы и многое другое. Если вы знакомы с Photoshop, то очень быстро освоите веб‑версию Pixlr. Интерфейсы этих редакторов очень похожи.

2. RawTherapee

Платформы: Windows, macOS, Linux.

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

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

Бесплатные редакторы 3D‑графики

Предназначены для работы с 3D‑моделями, эффектами и анимациями.

1. SketchUp Free

Платформа: веб.

SketchUp Free можно назвать идеальной точкой входа в мир 3D‑графики. Этот редактор дружелюбно вводит новичка в курс дела и прощает ему все допущенные ошибки. Вы можете начать с простого рисования линий и форм, а потом преобразить их в 3D‑объекты.

Если вам понадобится вдохновение, можете бесплатно скачать модели различных объектов из библиотеки 3D Warehouse через форму поиска на сайте SketchUp.

2. Blender

Платформы: Windows, macOS, Linux.

Blender — это продвинутый бесплатный редактор 3D‑графики с открытым исходным кодом, доступный для всех основных платформ.

Разработчики постоянно развивают Blender. Он поддерживает все возможные операции с 3D‑графикой: позволяет моделировать, текстурировать, анимировать, рендерить и компоновать объекты.

3. ZBrushCoreMini

Платформы: Windows, macOS.

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

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

4. Houdini Apprentice

Платформы: Windows, macOS, Linux.

Houdini — инструмент для работы с 3D‑анимацией и визуальными эффектами, который часто используют при создании фильмов, телепередач и другого медиаконтента.

Стоимость редактора начинается с 2 000 долларов. Но разработчики программы — Side Effects Software — разрешают использовать версию Houdini Apprentice бесплатно. Благодаря ей вы можете получить доступ ко всем функциям полной версии и оттачивать мастерство на личных проектах. Только Houdini Apprentice предназначена исключительно для некоммерческих и образовательных целей.

Впервые подборка была опубликована в 2018 году. В июне 2022-го мы её обновили.

Программы для работы с векторной графикой

CorelDRAW

Интерфейс программы CorelDRAW

Adobe Illustrator

Интерфейс программы Adobe Illustrator

Inkscape

Интерфейс программы Inkscape

Paint Tool Sai

Lumpics.ru

Интерфейс программы Paint Tool Sai

Affinity Designer

Интерфейс программы Affinity Designer

Krita

Интерфейс программы Krita

LibreCAD

Интерфейс программы LibreCAD

Что такое векторная графика и зачем вам логотип в векторе ⁠ ⁠

Всё это действительно так (почти всегда). Но обо всём по порядку: сегодня я вам подробно расскажу о том, что такое векторный формат и почему логотипы желательно делать в нем.

Что такое векторная графика и зачем вам логотип в векторе Векторная графика, Вектор, Дизайн, Графический дизайн, Полезное, Растровая графика, Логотип, Длиннопост

Что такое векторная графика

Обещаю, скоро всё станет понятнее, нужно чуть-чуть потерпеть…

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

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

Помимо координат и размеров этим элементам в программе для создания векторных изображений можно задать:

— цвет заливки (однотонный или цветовым переходом — градиентом);

— наличие, толщину, форму и цвет обводки;

— расположение относительно других объектов (слоём выше или ниже);

— или применить какие-то дополнительные эффекты (размытие, «клонирование», деформация и многие другие).

Но основными параметрами в векторной графики являются координаты опорных точек и направление (векторов) линий, проходящих через них. Отсюда и название.

Например рисунок ниже — это один единственный примитив, представленный замкнутой кривой линией:

А этот примитив ниже и вовсе поражает своей фотореалистичностью:

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

Я обещал, что станет проще, но, похоже, всё становится только сложнее… Сейчас исправлюсь!

Чем векторная графика отличается от растровой?

Векторная графика часто противопоставляется растровой. И правильно делает: они отличаются на фундаментальном уровне со всеми вытекающими.

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

Посмотрите примеры ниже:

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

Справа — растровый синий круг такого же размера.

При этом файл векторного круга весит 2,16 Кб, а растрового — 4,73 Кб. Разница небольшая, да. Если бы они оба были размером 100 на 100 пикселей, разница была бы ещё меньше: 2,16 Кб против 2,24. Но чем больше будет размер обоих картинок, тем значительнее будет разница в весе файла.

Почему это происходит? В то время, как растровому файлу в последнем случае приходится нести информацию о 100 миллионах точек (пикселей), векторному всё также нужно знать лишь 3 параметра — размер круга, его местоположение и цвет.

Что будет, если увеличить те двухсотпиксельные круги?

Увеличенный фрагмент векторного файла:

Увеличенный фрагмент растрового файла:

Пиксели. Они повсюду. Вы их точно увидите!

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

Плюсы векторных изображений:

1. Сравнительно небольшой вес файлов (особенно для больших размеров);

2. Масштабируемость изображения без потерь в качестве;

3. Простой перевод в растровое изображение;

4. Сравнительно простое и более качественное редактирование;

5. Широкие возможности для нанесения на поверхности (печать, шелкография, гравировка, тиснение, фольгирование, вырубка и другие).

Минусы векторных изображений:

1. Сравнительно большой вес файлов маленького размера (например, иконки 32х32 px) и файлов со сложной графикой (например, фотореалистичные иллюстрации);

2. Сложность создания фотореалистичных иллюстраций;

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

Распространённые векторные форматы это: SVG, PDF, EPS, AI и CDR. Последние два разработаны специально для программ Adobe Illustrator и CorelDRAW соответственно, и максимально верно поддерживаются именно ими. Оба эти формата могут читаться и редактироваться другим ПО, но с некоторыми ограничениями.

Наиболее распространённым форматом является SVG, его можно просматривать и редактировать в любом векторном редакторе, и он поддерживается всеми современными браузерами.

Характеристики растровых файлов — полная противоположность оных у векторных.

Плюсы растра:

1. Сравнительно небольшой вес файлов маленького размера (например, иконки 32 на 32 пикселя) и файлов со сложной графикой (фотографии, фотореалистичные иллюстрации);

2. Относительная простота создания фотореалистичных изображений;

3. Отсутствие нужды в специальном программном обеспечении — все графические редакторы (в том числе и векторные), просмотрщики изображений и браузеры работают с растровыми файлами.

Минусы растра:

1. Сравнительно большой вес файлов (особенно для больших размеров);

2. Невозможность масштабирования без потерь в качестве изображения;

3. Сложный перевод в векторное изображение;

4. Сравнительно сложное редактирование;

5. Узкие возможности для нанесения на поверхности — возможна только печать.

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

К слову, популярные форматы растровых изображений — это хорошо знакомые всем PNG, JPG, GIF, а также TIFF, PSD, BMP.

А теперь я расскажу вам один секрет.

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

Даже если открыть векторный редактор и нарисовать в нём векторный синий круг, изображение, которое мы увидим будет растровым! Всё дело в том, что все современные дисплеи состоят из пикселей, и если открыть файл с векторным изображением, компьютер (плеер, телефон или другое устройство) преобразует его в растровое. Иначе просто не получится.

Но как говорил мой французский тёзка: «Зорко одно лишь сердце. Самого главного глазами не увидишь.»

Почему логотип должен быть векторным

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

Причины, по которым это необходимо, основываются на всех преимуществах векторных форматов.

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

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

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

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

Но дело даже не в том, что вы можете сделать из векторного изображение очень большое растровое, а в том, что вы можете сделать изображения абсолютно любого размера! Скажем, для шапки сайта логотип нужен ровно 60 px в высоту, для фирменного бланка — 300 px в ширину, а для печати фирменных футболок — не менее 4000 px. И все эти размеры можно легко подготовить, используя всего один векторный файл.

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

В-четвёртых, это — широкие возможности использования. Из векторного лого легко сделать растровый, а вот перевести логотип в векторный формат из растра не так-то просто (но об этом ниже). По мимо этого, во многих областях применения подойдут только векторы. Хотите выжечь лого в дереве? Нужен вектор. Сделать гравировку? Вектор. Изготовить печать (штамп)? Вектор. Вышить, вырезать, оттиснить, залакировать, изготовить вывеску… Для всего этого понадобятся именно векторные файлы, а не тот JPG, который стоит у вас на сайте или на аватарке в соцсетях.

Вы ещё тут?) Тогда ещё один секретик… На самом деле, все картинки, которые я называл векторными в этой статье, — это тоже растровые изображения, но сохраненные из векторного файла. Но, надеюсь, я вас не запутал этой информацией…))

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

11) Почему векторные программы называют программами рисования?

Для получения векторных изображений, как правило, используются программы иллюстративной графики (Adobe Illustrator, Macromedia Freehand, CorelDraw!), которые широко применяются в области дизайна, технического рисования, а также для оформительских работ. Эти векторные программы предоставляют в распоряжение пользователя набор инструментов и команд, с помощью которых создаются рисунки. Одновременно с процессом рисования специальное программное обеспечение формирует векторные команды, соответствующие объектам, из которых строится рисунок. Вероятнее всего, что пользователь такой программы никогда не увидит векторных команд. Однако знания о том, как описываются векторные рисунки, помогают понять достоинства и недостатки векторной графики.

12) Почему в векторных и растровых программах выделение фрагментов изображения выполняется по-разному?

Главное различие — способ описания изображения: в растровом случае, оно описывается цветами конечного числа точек в векторном — конечным набором фигур с описанием их формы, цвета и расположения Перед тем как отобразить или напечатать на принтере векторное изображение, его необходимо конвертировать в растровое. Качество векторного изображения не меняется при изменении масштаба, существенном увеличении, в то время, как качество растрового сильно страдает при таких операциях. Сложные изображения, богатые оттенками, бывает трудно представить в векторной форме, зато векторные изображения проще модифицировать.

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

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

CorelDRAW, Adobe Photoshop, 3D Studio Max 3

14) Что означает термин формат графического файла?

Формат графического файла — способ представления и расположения графических данных на внешнем носителе.

15) Почему необхоимо иметь общие форматы для различия приложений?

В условиях отсутствия стандартов каждый разработчик изобретал новый формат для собственных приложений. Поэтому возникали большие проблемы обмена данными между различными программами (текстовыми процессорами, издательскими системами, пакетами иллюстративной графики, программами САПР и др.). Но с начала 80-х гг. официальные группы по стандартам начали создавать общие форматы для различных приложений. Единого формата, пригодного для всех приложений, нет и быть не может, но всё же некоторые форматы стали стандартными для целого ряда предметных областей.

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

Важно различать векторные и растровые форматы.

В чем отличия растровой и векторной графики

Растровая и векторная графика – способы создания изображений в компьютерной графике. С ее помощью разрабатывают анимацию, 3D-модели, полиграфическую продукцию и другое, применяя специальные программы, например, Adobe Photoshop. Разберём подробнее, как создаются графические изображения, где используются и можно ли этому научиться с нуля.

Что такое векторная графика

С помощью векторной графики создают графические объекты на основе линий, точек, многоугольников (примитивов). Фигуры здесь строятся по формулам, как, например, в геометрии окружность строят в системе координат.

Кроме размеров и координат элементов, можно задавать и прочие параметры:

характеристики обводки при её наличии – цвет, толщину линии, форму;
параметры заливки – градиент или один тон;
расположение объекта по отношению к другим – верхним или нижним слоем;
применение деформации, размытия.

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

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

Программы для работы с векторной графикой

Программы, в которых работают с векторной графикой, называют графическими редакторами.

Sketch

Sketch – редактор, в котором можно делать интерфейсы десктопных программ, мобильных приложений и др. Это профессиональный инструмент. Он не даёт возможности редактировать фотографии или создавать трёхмерную графику, как в Photoshop, но оптимально подходит, например, для иллюстративной графики.

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

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

CorelDRAW Graphics Suite

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

мультиплатформенность – работает на Windows, MAC, OS/2, Unix и Linux;
имеет множество инструментов для создания векторных иллюстраций;
предлагает готовые макеты страниц;
есть библиотеки шрифтов;
мультиязычность.

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

Adobe Illustrator CC

Редактор векторной графики из пакета Adobe применяют для создания и редактирования логотипов, иконок, иллюстраций, паттернов, макетов для печати, инфографики, анимации, стикеров.

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

По функционалу очень схож с CorelDRAW. Основной минус – ограничение в размере рабочей области, что критично при создании больших макетов.

FreeLogoDesign

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

Форматы векторной графики разработчика

Используются такие форматы:

.cdr;
.ai;
.cmx;
.eps;
.fla;
.svg;
.swf;
.wmf.

У каждого формата есть свои особенности. Например, AI создан специально для редактора Adobe Illustrator и с другими редакторами часто не совместим. При масштабировании сохраняет высокое качество исходного изображения. CDR привязан к Corel Draw и практически не читается в других программах. EPS используют при подготовке документов для полиграфии, поскольку он удобен для больших объёмов информации.

Где используется векторная графика

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

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

Как научиться векторной графике

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

Платные курсы

«Профессия: графический дизайнер» от Skillbox;
«Графический дизайн и коммуникации» от «Нетологии»;
«Курс иллюстрации в Adobe Illustrator» от GeekBrains;
«Графический дизайнер» от Pixel;
«Масштабируемая векторная графика (Scalable Vector Graphics)» от Интуит;
«ADOBE ILLUSTRATOR. Базовый уровень» от Udemy.

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

Бесплатные курсы

Популярные бесплатные курсы:

«Иллюстратор. Ядро» от Brush.guru;
«Коммерческий иллюстратор» от «Яндекс.Практикум» (бесплатный доступ к вводной части);
Adobe Illustrator от VideoSmile;
вводные курсы по дизайну и иллюстрации от Creativshik.com.

YouTube

Популярные каналы на YouTube:

design school;
Silentip Дизайн;
Alven — Разработка игр;
Andrey Lov;
Школа ретуши Басманова Максима;
Евгения Лисицына.

Плюсы и минусы векторной графики

У векторной графики есть свои особенности.

Преимущества

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

Недостатки

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

Что такое растровая графика

Растром называли инструмент в виде решётки для создания изображений и штрихов, которые потом воспроизводили в полиграфии. Сейчас так называется и разновидность графики, где иллюстрации создаются на основе пикселей – небольших точек разного размера, положения и цвета. Именно поэтому при увеличении изображение теряет чёткость, а его контур становится неровным – с «уголками» от пикселей.

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

Характеристики растровой графики

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

Размер и качество цифрового изображения

Качество картинки определяют два параметра:

размер, исчисляемый в пикселях;
глубина цвета.

Глубину цвета измеряют в битах. Чем выше цифра, тем большее количество цветов использовано в изображении. И чем выше значение глубины цвета, тем бо́льшую реалистичность получает изображение, переходы оттенков в нём плавные, градиентные.

Мониторы на ПК сегодня способны поддерживать 24 бита. Соответственно, 16-битные изображения будут выглядеть на них более размытыми. Чем больше цветов используется, тем больше «весит» итоговое изображение – чёрно-белое, где пиксель весит 1 бит, будет намного «легче», чем такое же в цвете.

Кроме того, используют разные цветовые модели – RGB, CMYK, XYZ, YCbCr и др. В камерах и мониторах в основном RGB, в полиграфии – CMY(K). Модель RGB состоит из трёх цветов – красного, зелёного и голубого, все остальные получаются при их смешении в разных пропорциях.

Разрешение

Растровое изображение состоит из определённого количества пикселей по горизонтали и вертикали, например 640×480 – это и будет разрешение. Чем оно выше на одну единицу площади, тем более чёткая картинка и тем лучше на ней видны мелкие детали. Используют показатель DPI – число пикселей на дюйм.

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

Форматы растровой графики

Растровые изображения могут иметь разные форматы:

PNG;
JPEG;
RAW;
GIF;
BMP;
PSD.

При выборе формата учитывают возможность сжатия с последующим восстановлением или без него. Например, BMP обычно применяют без сжатия, TIFF поддерживает возможность сжатия без снижения качества. Наиболее популярные форматы – JPEG и PNG.

Область применения растровой графики

Растровую графику используют в веб-дизайне, кинематографе, телевидении, полиграфии для таких целей:

обработка цифровой фотографии;
создание логотипов, эмблем, коллажей;
сканирование и др.

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

Программы для работы с растровой графикой

Для растровой графики тоже используют графические редакторы.

Adobe Photoshop

Adobe Photoshop – одна из самых популярных программ, где можно создавать и редактировать изображения. Она позволяет:

поправить неудачное фото;
сделать ретушь;
создать коллаж;
сделать фотомонтаж;
работать с мокапами – 3D-моделями или фото будущих объектов;
рисовать.

Инструментов в Photoshop очень много – возможности редактора почти безграничны. Тут можно использовать сложные спецэффекты, делать цветные фото чёрно-белыми и наоборот, накладывать фильтры, проектировать 3D-картинки. При этом у программы удобный русскоязычный интерфейс, несколько плагинов для расширения функционала, есть бесплатная демоверсия и сотни, если не тысячи, обучающих материалов.

Artipic

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

Отлично подходит для новичков – включает профессиональные инструменты, но стоит дешевле и просто в использовании.

NeoPaint

Редактор растровой и векторной графики, используемый на Windows и MS-DOS. Позволяет рисовать, редактировать готовые картинки, работать с мультипликациями GIF. Поддерживает различные форматы, в том числе JPEG, JPEG 2000, GIF, PCX и др. В нем можно работать со слоями, есть утилита захвата экрана, текстуры и спецэффекты.

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

Paintbrush

Редактор подходит для Mac OS X, выступает аналогом MacPaint. В основном предназначен для рисования и имеет для этого все необходимые инструменты – кисти, возможность работать со слоями, геометрическими фигурами. Профессиональных инструментов, как, например, для ретуширования в Photoshop, здесь нет.

Как научиться растровой графике

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

Бесплатные курсы

Популярные бесплатные курсы:

«Основы коммерческого веб-дизайна» от Даниила Волосатова;
«Курс Adobe Photoshop с нуля» от Graphic Hack;
«Эксперт в Photoshop за 30 дней» от CGSCOPE.

Платные курсы

Популярные платные курсы:

«Основы работы в Photoshop» от Interra;
«Photoshop с нуля» от Сreativo;
«Photoshop» от Skillbox;
«Основы Adobe Photoshop» от «Нетологии»;
«Adobe Photoshop. Основы» от GeekBrains.

Youtube

Для изучения растровой графики и инструментов для работы с ней подойдут каналы на YouTube:

Мария Тудеми;
Study Kvo. Обучение веб-дизайну и UX/UI;
Silentip Дизайн;
Школа ретуши Басманова Максима;
design school.

Научиться компьютерной графике, в том числе растровой, можно в вузах (54.05.03–Графика):

СПбГУПТД;
Томский государственный университет;
Московский политехнический университет;
УрГАХУ;
ЮФУ и др.

Плюсы и минусы растровой графики

Как и векторная графика, растровая имеет свои особенности.

Плюсы

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

Минусы

низкое качество при масштабировании;
внушительный «вес».

Отличие векторной графики от растровой

Растровая графика отличается от векторной такими параметрами:

«Вес» изображений. Векторные намного «легче». Растровые, состоящие из пикселей, хранят информацию о каждом пикселе, а векторные – только об основных параметрах: положении, цвете, размере. Для примера – векторная картинка 10000 на 10000 пикселей будет весить примерно 640 Кб, а такая же растровая окажется тяжелее в 300 раз.
Способ создания картинок. Растровые можно составить из пикселей, а векторные – из линий с заливкой.
Реалистичность. Она выше у растровых изображений, но увеличивать их без потери качества практически невозможно.
Сфера применения. Векторная больше подходит для создания графики, где не очень важна реалистичность – отрисовка иллюстраций, узоров, лого, фонов, иконок, а растровая позволяет создавать реалистичные картинки, фотографии.

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