Рисунки в векторной графике. Композиционные и технические требования к вектору на микростоках. Форматы векторной графики

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

Растровая графика - это набор пикселей. А векторная графика является набором объектов, которые описываются формулами.

С помощью подобного способа представления векторная иллюстрация получает ряд преимуществ.

Зачем нужна векторная графика?

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

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

Стоит ли говорить, что растровые и векторные такие, как Photoshop, Adobe Illustrator, Paint Tool Sai и прочие, активно используются художниками-дизайнерами. Это связано с особенностями векторной компьютерной графики.

Что является основой?

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

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

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

Для построения иллюстраций векторная графика использует координатный способ. Базовое понятие этого вида компьютерной графики - линия.

Где она применяется?

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

Состав векторного изображения

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

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

Кроме того, использует такие параметры, как расположение и цвет линии.

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

Объекты векторной графики

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

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

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

1) С помощью контура возможно изменять форму объекта на рисунке.

2) Контур векторного объекта можно оформить - в этом случае он будет играть роль обводки. Можно задать его ширину, цвет и стиль линии.

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

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

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

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

Для создания анимированной графики используется программа AdobeFlash. Ее формат - FLA. С помощью языка Action Script можно создавать управляемые сценарии.

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

На основе языка разметки XML создан формат SVG, он создавался для публикации изображений векторной графики в интернете. Формат поддерживает анимацию, а также является открытым стандартом. Бесплатная программа для векторной графики Inkscape сохраняет файлы в этом формате по умолчанию.

Каковы достоинства векторной графики?

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

Во-вторых, векторная графика - это возможность неограниченно масштабировать изображение. При этом его качество не страдает.

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

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

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

Каковы недостатки векторной графики?

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

Из первого недостатка вытекает второй - это трудность передачи фотореалистичной картинки.

И последний, третий недостаток векторной графики, - это проблема совместимости программ.

Средства работы с векторной компьютерной графикой

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

1) Adobe Illustrator. Этот графический редактор совместно с Adobe PageMaker и Adobe Photoshop образует мощный пакет для разработки сложных документов и верстки полиграфических изданий.

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

3) Macromedia Freehand. Этот графической редактор является одной из самых интуитивно понятных и дружественных программ, в которой можно работать с векторной графикой. Главные отличительные черты: простейшая система управления и высокое быстродействие. Однако ее способности куда скромнее, чем у предыдущих редакторов.

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

Требования к векторным иллюстрациям на микростоках можно разделить на две основные категории:

• технические требования (как рисовать);
• композиционно-тематические требования (что рисовать).

Технические требования к векторным иллюстрациям

Техническая подготовка вектора к продаже – один из главных шагов успешного сотрудничества с микростоками. Каждый из микростоков предъявляет свои требования к векторным иллюстрациям, однако большинство из них совпадают. Рассмотрим подготовку векторных иллюстраций на разных этапах в программе Adobe Illustrator CS5.

Создание файла векторной иллюстрации

На данном этапе необходимо установить настройки нового векторного файла:

Размер: Автор данной статьи выбрал 300×300 пикселей, в этом случае растровые превью будут подготавливаться с помощью фотошопа, так как при таком размере стандартный метод экспортирования JPEG-файлов создает превью недостаточного размера — 1254×1254 пикселей.

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

Цветовой режим: ставим режим RGB.

Рисование и чистка вектора

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

• векторный файл не должен содержать растровых объектов, открытых путей, символов и кистей, созданных не вами;
• все элементы (кисти, символы, паттерны, шрифты) должны быть переведены в обычные объекты, для чего их необходимо проэкспандить (выделяем объекты, кликаем меню Объект -> Разобрать или Разобрать оформление );
• рабочая область должна быть полностью заполнена, даже если вы рисуете изолированный предмет, артборд должен быть заполнен фоном (просто разместите белый прямоугольник по всему периметру области);
• автотрассировка без последующей доработки и коррекции не принимается;
• применение растровых эффектов (эффекты Photoshop в меню Эффект) создает растровые объекты в файле, что недопустимо;
• необходимо удалить все объекты, выходящие за границы рабочей области;
• все неиспользуемые слои, группы также необходимо удалять, чтобы не только упростить процесс редактирования векторной иллюстрации, но и минимизировать вес файла.

Главной полезной опцией при чистке вектора является меню Окно -> Информация о документе -> Объекты . Перед этим необходимо выделить все объекты иллюстрации. Обратите внимание, что файл не должен иметь открытых контуров, содержать только RGB-объекты, а в подчеркнутых строках должно быть прописано слово НЕТ.

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

Сохранение файла и превью векторной иллюстрации

Векторные изображения принимаются в формате EPS. Ранее популярностью пользовался формат EPS-8, но на сегодняшний день данная версия считается устаревшей, микростоки отдают предпочтение более новому формату EPS-10.

Сохранение происходит с помощью меню Файл -> Сохранить как …Тип файла ставим EPS, кликаем Сохранить , в открывшемся окне выбираем EPS-10, остальные настройки — по умолчанию, жмем ОК.

Для сохранения JPEG-превью файла выбираем меню Файл -> Экспортировать , затем выбираем тип файла JPEG, жмем кнопку Сохранить . В открывшемся окне ставим максимальные настройки качества, кликаем ОК.

Как уже говорилось выше, сохранить превью также можно в Adobe Photoshop. Открываем наш сохраненный EPS-файл в фотошопе. Появляется следующее окно, где необходимо выставить нужные параметры (обязательно выставьте цветовой режим RGB), нажимаем ОК.

Файл растрируется, затем сохраняем его обычным способом Сохранить как , выбираем формат JPEG, ставим максимальные настройки качества. Не забывайте присваивать EPS-файлам и растровым превью одинаковые имена, на многих микростоках это необходимое условие принятия векторной графики.

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

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

Композиционно-тематические требования к векторным иллюстрациям

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

Детализация изображения

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

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

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

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

Стили исполнения иллюстраций

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

Совет: Создавайте всю композицию сразу, а не разрозненными элементами. Совмещение отдельных объектов допустимо только, если они созданы в одном стиле с использованием одинаковых приемов и интрументов.

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

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

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

Симиляры для микростоков

Симиляры – это очень схожие работы, отличающиеся, как правило, только цветом или несколькими незначительными моментами. Микростоки не запрещают присылать симиляры, но только в ограниченных количествах. То есть при создании, например, бесшовного паттерна имеет смысл отправить 2-3 варианта в разных цветовых гаммах, но никак не 10 однообразных работ. Большое количество симиляров станет причиной для отказа.

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

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

Объекты векторной иллюстрации: композиция и цвет

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

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

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

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

Выбор темы для векторный иллюстрации

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

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

• силуэты на белом фоне;
• всевозможные иконки, логотипы;
• абстрактные фоны и бесшовные узоры;
• распространенные символы (сердечки, бабочки, звездочки и тому подобное).

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

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

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

Сохранение векторных иллюстраций в Adobe Illustrator

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

10 полезных уловок для работы в Adobe Illustrator

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

Растеризация (Bitmapping 101): Устранение неполадок при сохранении EPS файлов в Adobe Illustrator

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

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

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

На сайте для бесплатного скачивания доступно приблизительно 190,000 образцов векторной графики (для некоммерческого использования). Искать можно по 15 доступным признаками или по наиболее популярному, новому.

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

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

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

На этом веб-сайта выложено более чем 30 категорий векторных изображений, которые можно бесплатно скачать.

Vector4Free.com предлагает свободную векторную графику в форматах: Illustrator AI, EPS, PDF, SVG и Corel Draw CDR.

Этот веб-сайт раздает векторную графику от других источников. Пользователи могут оценивать качество изображений.

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

На этом ресурсе находятся высококачественные, бесплатные векторные наборы/пакеты.

На веб-сайте размещается небольшая коллекция векторных «обоев» на любой вкус.

Свободные векторы с отсылкой к источнику.

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

Веб-ресурс содержит бесплатную креативную графику в векторе.

Векторные изображения мировых карт.

Хранилище интересных векторных изображений.

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

У этого веб-сайта есть приблизительно 50 разных категорий векторной графики, включая фоны и шаблоны.

На этом сайте можно найти векторную картинку по ключевому слову.

На ресурсе собраны всевозможные виды векторной графики для дизайнера.

Ресурс с бесплатными векторными иконками, символами, картинками разных категорий.

На этом ресурсе есть 20 различных категорий дизайна.

У Freevectors есть 14 различных категорий с 1600 + векторных картинок.

Вниманию дизайнеров представлено более 20 категорий векторной графики.

На этом сайте можно найти самые разные векторные элементы - от Животных до Транспортных средств. Коллекция постоянно обновляется.

27. Digimadmedia

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

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

Этот сайт является продуктом Freepik. Тут собраны замечательные иконки в векторе, которые предоставляются бесплатно, но с лицензией CC 3.0.

DeviantArt - известное сообщество художников со всего земного шара. Тут можно найти много интересного и полезного не только по векторной графике.