Как готовить векторные файлы к продаже на микростоках

Всем добрый день :)

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

13 мая 2019 года на Shutterstock обновилась загрузка векторных работ. Подробности по подготовке файлов для Shutterstock есть в видео ниже. Там же вы найдёте информацию по подготовке файлов для других микростоков.



К этому видео можно добавить, что с 20.04.2020 Shutterstock прекращает поддержку опции «Использовать монтажные области» (Use Artboards). Теперь нельзя сохранять EPS файлы для Shutterstock с этой опцией. Чтобы обозначить размеры артборда в векторных файлах необходимо сделать фон под размеры этого артборда. Если вы работаете с многоартбордными файлами, то можно использовать скрипт Stock Master Pro. Он сохранит отдельные EPS файлы и уберёт атрибуты Use Artboards.

А если у вас нет возможности посмотреть видео, то читайте текстовый вариант инструкции.

Начнем с создания нового файла

Раньше размер создаваемого файла не имел особого значения, но в связи с новыми требованиями Shutterstock артборд векторного файла должен быть не менее 4 МП, то есть произведение ширины на высоту в пикселях должно быть не менее 4 000 000 px. Вариант 2000х2000 px подойдёт, а всё что меньше, уже не примут.

Если у вас дополнительные настройки (Advanced) скрыты, то раскройте их и выберите цветовую модель (Color Mode) - RGB. Остальные настройки большого значения не имеют.

Далее жмём «Create Document».

Рисуем иллюстрацию

Если в процессе рисования использовались кисти, символы, текстуры или эффекты – нужно их разбирать (экспандить) через «Object» - «Expand» (либо «Expand Appearance»)

Разбирать градиенты, меши и бленды не нужно! Еще не нужно разбирать кисть Blob Brush, она сразу рисует объектами.

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

Как создавать новые кисти

Как создавать свои символы и работать с ними 

Как создать бесшовную текстуру

Насчет эффектов. Если вы рисуете иллюстрацию для микростоков, то нельзя применять растровые эффекты. Это все, что находится в подразделе «Photoshop Effects» пункта меню «Effects», и еще все эффекты «Stylize», кроме «Round Corners». «Round Corners» использовать можно.

Прозрачности и режимы наложения при сохранении файлов в формате EPS-10 допускаются.

Чистим файл 

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

Покажу, как производится чистка файла, на примере палитры «Swatches» (остальное делается аналогично)

Жмем на треугольничек в правом верхнем углу палитры и в выпадающем списке нажимаем «Select All Unused».

Перетаскиваем все выделенное в корзину.

Еще лучше как-нибудь называть тот слой, на котором вы рисуете. А в идеале лучше рисовать на разных слоях и обзывать их, как тут:

Редактируем объекты, слои и группы 

Сохраняем исходный файл 

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

Идем в «File -> Save as» (или жмём Ctrl + S). В открывшемся окне выбираем, где сохранить, даем имя файлу (я обычно использую циферки), жмём Save и далее – OK.

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

Проверяем иллюстрацию 

В иллюстрации не должно быть заблокированных слоев или элементов.

Снимаем замочки со слоёв, если они там были. Если были заблокированы какие-то объекты, жмём «Object –> Unlock All» (Ctrl + Alt + 2)

За границы артборда ничего не должно выступать. Можно обрезать всё, что вылезает за границы рабочей области (если, конечно, что-то вылезает), с помощью скрипта Super Magic Eraser.  Особенно удобно обрезать так бесшовные текстуры.  Скрипт всё режет автоматически по краям рабочей области, а потом удаляет выступающие части. При этом не нарушается внутренняя структура рисунка, как при использовании Crop в панели PathFinder. В общем, очень нужная и полезная вещь для микростокера.



Можно, конечно, сделать все проще и воспользоваться маской, но имейте в виду, что Shutterstock принимает «Clipping Mask», а вот вариант с «Opacity Mask» уже не пройдёт проверку. Еще бывало, что инспектора отклоняли и «Clipping Mask», присылая отказ: "All elements must be selectable/editable. Please correct and resubmit. Thanks". А если копнуть поглубже, то маска в векторной иллюстрации может создать ряд проблем для покупателя.

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

Для этого выделяем всё (Ctrl + A). Далее жмём «Object –> Path –> Clean Up» (в окне «Clean Up» оставляем все галочки)

Если у вас уже всё вычищено, то Иллюстратор покажет вам окошко с надписью «Clean Up Note: No cleanup was necessary».

Также в файле не должно быть недопустимых элементов (таких как текстурные заливки, кисти, текст, встроенные изображения и т.д.) Чтобы проверить файл на наличие таких элементов, выделяем всё (Ctrl + A) и идем в «Window –> Document Info».

В панели «Document Info» нажимаем вверху справа на значок с треугольником и отмечаем галочкой «Objects»:

У вас откроется такая панель:

Давайте пройдёмся по всему списку объектов в этой панели.

Paths - пути. Если есть открытые пути, их необходимо закрывать или экспандить. Иногда открытые пути возникают после использования функции «Object -> Path -> Simplify» или в результате использования инструмента «Smooth Tool».

Compound Paths - составные пути, допустимы для стоков.

Gradient Meshes - градиентные сетки, допустимы для стоков.

Symbol Instances - символы, нужно экспандить.

All Type Objects - тексты, нужно экспандить.
По остальным типам текстов то же самое.

Clipping Masks - маски, допустимы для стоков

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

Transparent Groups (Objects) - прозрачные элементы, допустимы для стоков

RGB Objects - цветовая модель RGB, допустимы для стоков
По остальным цветовым моделям то же самое, только не смешивайте их в одном файле.

Spot Color Objects - плашечные цвета, нужно перевести в Process Color 

Pattern Objects - текстурные заливки, нужно экспандить.

Gradient Objects - градиенты, допустимы для стоков

Brushed Objects - кисти, нужно экспандить

Styled Objects - стили, в зависимости от содержания оформления, но в большинстве случаев нужно экспандить.

Fonts - шрифты, нужно экспандить. (То же самое, что All Type Objects, но зачем-то их сделали отдельно).

Linked Images - залинкованные изображения, нужно удалять.

Embedded Images - встроенные изображения, нужно удалять.
Обычно оба этих пункта - это растр.

Non-Native Art Objects – это тип объектов, которые не поддерживаются Иллюстратором. Нужно удалять. Появляется крайне редко, например, в результате применении различных эффектов с последующим экспандом или при переносе градиентов из PDF.

Также при проверке файла можно пользоваться скриптом Stock Master Pro. Он сканирует векторный файл на предмет типичных ошибок, таких как открытые пути, контуры-призраки, растр, активные кисти, символы, эффекты, текст и т. п. Даже если вы забыли снять замочек в слое или оставили направляющие на рабочей области, скрипт всё найдёт и исправит.



Инструкция по установке и работе скрипта есть в гугл документах: Stock Master User Guide (Ru)

Сохраняем иллюстрацию в формате EPS 

Нажимаем Ctrl+ Shift + S, выбираем формат EPS, галочку Use Artboards (использовать монтажные области) необходимо снять по новым требованиям Shutterstock. Обычно по умолчанию Use Artboards и так выключено, поэтому просто не трогайте эту опцию. Достаточно проверить, что она не активна.

"...Shutterstock прекращает поддержку опции «Использовать монтажные области» (Use Artboards). С 20.04.2020 вы больше не сможете использовать эту настройку при добавлении векторной графики..."

Чтобы обозначить размеры артборда в векторных файлах необходимо сделать фон под размеры этого артборда. Если вы работаете с многоартбордными файлами, то можно использовать скрипт Stock Master Pro. Он сохранит отдельные EPS файлы и уберёт атрибуты Use Artboards.

Далее жмём «Save». В новом окне выставляем такие настройки:

Обязательно убираем галочку «Include CMYK PostScript in RGB Files», чтобы цвета на превью не исказились. Также рекомендую поставить галочку для пункта «Compatible Gradient and Gradient Mesh Printing». Практика показала, что это помогает избежать незначительного отклонения в цветах генерируемого превью.

В итоге после сохранения у нас есть два файла: исходный ai файл, и EPS-10 файл для стоков.

Проверяем вес файла. Для Shutterstock он не должен превышать 100 Мб. Есть специальная статья на сайте Shutterstock с рекомендациями по уменьшению размеров файлов, но некоторые советы там не совсем удачные. Подробнее об этом читайте тут: «Тестирование новой загрузки на Shutterstock».

Всё, на данном этапе для Shutterstock у нас всё готово, туда нужно будет загрузить файл EPS.

Но для остальных микростоков нам потребуется еще и растровое превью.

Сохраняем JPG-превью 

Есть два способа, как эти превьюшки получить. Первый способ – экспорт из Adobe Illustrator, а второй – с помощью Adobe Photoshop.

Как экспортировать векторный файл в формат JPG через Adobe Illustrator 

Для сохранения растрового превью заходим: «File –> Export –> Save For Web» Выставляем такие параметры:

Чтобы превью было максимально универсальным, лучше выбрать размер 5000 х 5000 px. Жмём «Save». И теперь нужно убедиться, что имена JPG-превью и файла EPS одинаковые:

signboard-01-01.eps 
signboard-01-01.jpg 

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

Как экспортировать векторный файл в формат JPG через Adobe Photoshop 

Но иногда такое бывает, что Adobe Illustrator из-за большого количества примененных эффектов экспорт не тянет. Тогда можно экспортировать JPG через Adobe Photoshop.

Мне этот способ, с одной стороны, нравится больше (так как можно самому задавать размеры файла), но с другой стороны – Photoshop иногда искажает цвета.

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

Resolution: 300
Mode: RGB Color

Ставим обе галочки.

Потом идем в «File -> Save as», выставляем формат JPG и пишем такое же название, как у векторного файла, сохраняем в максимальном качестве.

Закрываем свой EPS-файл, при этом не сохраняя изменения.

Более подробно процесс экспорта векторного изображения через Adobe Photoshop можно посмотреть в этом видео: Экспорт векторной иллюстрации через Photoshop

Добавление метаданных в JPG-превью и файл EPS

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

В JPG-файл метаданные можно добавить в программе Adobe Photoshop, а в EPS-файл их можно внести прямо в Иллюстраторе.

Идем в меню «File -> File Info». Заполняем поля:

Название – «Document Title» (5-6 слов, описывающих то, что изображено в иллюстрации)
Описание - «Description» (немного более расширенное описание (7-8 слов).
Ключевые слова – «Keywords» (40-50 слов)

Всё на английском языке.

Жмем «Ok» и сохраняем изменения в файле.

Про то, какими должны быть ключевые слова, написано тут:

Подбор ключевых слов: ошибки, которых следует избегать

Подобрать метаданные можно с помощью специальных сервисов, таких как Папастокер.  Инструкция по работе с ним есть на самом сайте.

Название и описание, если нелады с английским, можно перевести с помощью Google-переводчика.

Загрузка файлов на микростоки 

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



Ну вот, собственно, и все, что я хотела вам сегодня рассказать :)

Надеюсь, пригодится.

Хорошего вам дня!

Анна Волкова

P.S. Если вы пока только подумываете о том, чтобы продавать свои иллюстрации на микростоках, то рекомендую вам для начала почитать вводную статью "Что такое микростоки и как на них заработать" Читать дальше...

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями: