31 дек. 2016 г.

Что такое микростоки и как на них заработать


Привет! Если вы впервые тут и если интересуетесь вопросами заработка на микростоках, то предлагаю начать изучение блога «Записки микростокового иллюстратора» с этой статьи:)



Что такое микростоки

Если сказать своими словами, то микростоки — это площадки в Интернете (в большинстве своем зарубежные), на которых вы можете продавать, а кто-то может покупать ваши фотографии или иллюстрации.

Микростоки отличаются от традиционных фотобанков размером отчислений за каждую картинку — они значительно ниже, в среднем 0,25-5 долларов. Но так как картинка может продаваться неограниченное число раз, то и количество долларов, которые вы можете на ней заработать, — не ограничено!

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

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

Для меня микростоки — это возможность заниматься тем, что мне нравится, и вести тот образ жизни, который я веду:)

Статьи в тему:

Как я дошла до жизни такой
Что вы знаете про микростоки?
Микростоки как способ заработка. Для кого?


Что нужно для того, чтобы работать с микростоками


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

Есть люди, которые выложили на микростоки 10-50 картинок или фотографий, продаж не увидели и сказали, что «фигня эти ваши микростоки». Для сравнения: на данный момент на одном из крупнейших микростоков Shutterstock мое портфолио насчитывает более 2000 изображений.

Нужно уметь держать в руках фотоаппарат либо изучить Adobe Illustrator или 3D Max. Это не так сложно, как кажется. В Сети огромное количество обучающих материалов по всем трем направлениям.

Так как я работаю в Adobe Illustrator, то и уроки на моем блоге в основном посвящены этому графическому редактору.

Статьи в тему:

Курс «Изучи Adobe Illustrator за 30 дней!!!»

Уроки Adobe Illustrator через Skype
Экспресс видеокурс Adobe Illustrator и микростоки для начинающих
Интерактивный курс начинающего микростокера
6 необходимых условий для того, чтобы начать работу с Shutterstock.com

Интервью с микростокерами:

Интервью: Master и Saranai – беседа о творчестве, фрилансе и микростоках
Интервью с Александром Алябьевым - топовым иллюстратором микростока Shutterstock
Интервью с Инной Огандо — дизайнером, иллюстратором и микростокером из солнечной Португалии!
Интервью с Ollevita — победительницей конкурса на лучший баннер и начинающим микростокером.
Интервью: Eka – блогер, иллюстратор, микростокер:)
Интервью с Анастасией Кучеренко – успешным микростоковым иллюстратором

Если вам нужна моя помощь

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

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

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

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

Статьи в тему:

Зачем мне все это нужно? Реферальная программа сайта Shutterstock.com


Микростоки, с которыми я работаю


Микросток Shutterstock — на данный момент самый крупный микросток. В его базе более 20 000 000 изображений. Этот микросток я всегда советую в первую очередь, так как он приносит мне наибольший доход (более 50% от всего дохода). Есть экзамен.


Моя реферальная ссылка на Shutterstock:
http://submit.shutterstock.com/?ref=79119


Статьи в тему:

Микросток Shutterstock. Что за зверь?
Как зарегистрироваться и пройти экзамен на микростоке Shutterstock.com
Для тех, кто прошел экзамен. Что дальше?
Для тех, кто не прошел экзамен! Что дальше?
Микросток Shutterstock.com: добавляем векторные иллюстрации
Как готовить векторные файлы к продаже на микростоках

Микросток Depositphotos — один из самых молодых микростоков. Открылся в ноябре 2009 года. Тем не менее, развивается невероятно быстрыми темпами. За чуть более чем три года база микростока превысила отметку в 12 миллионов изображений! Владельцы — крупная американская инвестиционная компания, известная в России по файлообменнику Depositfiles. Принимают: фото, растровые изображения, вектор.

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

Этот микросток советую всем: новичкам в качестве тренировочной базы и подготовки к работе с более крупными микростоками и уже матерым стокерам, желающим увеличить свой доход процентов на 15-20. У Depositphotos есть большой плюс — качественный русскоязычный интерфейс, что существенно облегчает начинающим микростокерам жизнь. Про «старичков» - тоже подумали. Если у вас уже есть большое и качественное портфолио, то можно получить привилегию – все новые картинки будут атрибутировать за вас. Очень удобно, кстати. В общем, если вы еще не там – поторопитесь. Успейте занять выгодное место под солнцем :)


Моя реферальная ссылка на Depositphotos:
http://submit.depositphotos.com?ref=1003049


Статьи в тему:

Как зарегистрироваться и пройти экзамен на микростоке Depositphotos
Микросток Depositphotos: грузить или не грузить — вот в чем вопрос!
Микросток Depositphotos: кто не успел, тот опоздал

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

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

Статьи в тему:

Как сдать экзамен на iStockphoto. Несколько советов, к которым стоит прислушаться

Микросток Dreamstime — продажи на среднем уровне. Несмотря на менее удобную систему приема и атрибутации изображений, этот микросток мне почему-то нравится. Рекомендую всем начинающим, так как экзамена для авторов там нет. Здесь вы можете посмотреть инструкцию по работе с Dreamstime.


Моя реферальная ссылка на Dreamstime:
http://www.dreamstime.com/register-resi213071

Также при регистрации в графе «Referral/promotional bonus code» нужно написать «213071»



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

Микросток Bigstock – стал работать и продавать немного лучше после того, как стал дочерней компанией микростока Shutterstock. Теперь у этих микростоков один владелец. Насколько я помню, экзамена нет. Этот микросток, кстати, требует самую большую JPEG-превьюшку к вектору – 3000 пикселей по меньшей стороне. В связи с этим именно такой размер превьюшки я и делаю в последнее время по умолчанию, а уж StockSubmitter уменьшает ее до нужных размеров, если это требуется где-то на других микростоках.


Моя реферальная ссылка на Bigstock:
http://www.bigstock.com/?refid=fqBbglqvBG


Статьи в тему:

Shutterstock объявил о покупке BigStockPhoto!

Микросток 123rf – довольно удобный для работы микросток. Как-то незаметно для меня даже вышел на пятое место по доходности. Из неудобств: есть экзамен. 10 работ, как и на микростоке Shutterstock. Уровень требований немного ниже. Так что если на Shutterstock прошли – то на 123rf, скорее всего, тоже пройдете.

Для того чтобы была возможность грузить туда работы через StockSubmitter, нужно пройти экзамен и активировать ftp-загрузку, нажав на «Apply for an FTP account» по следующему адресу: http://submit.123rf.com/ftpresults.php


Моя реферальная ссылка на 123rf:
http://www.123rf.com/#Lilia


Микросток Vectorstock – микросток, специализирующийся на продаже именно векторной графики. При хорошем портфолио может приносить существенный доход. Есть экзамен – просят загрузить растровую превьюшку. Проверяют достаточно долго. Раньше с этим микростоком не связывалась, так как вместе с векторными файлами они просят загружать очень нестандартные по размеру превьюшки (380x400 пикселей). Делать такую превьюшку довольно затратно по времени. Но сейчас это уже не моя забота, все делает StockSubmitter :)

Микросток Crestock – этот норвежкий микросток почти было закрылся летом этого года, но его вдруг неожиданно выкупил более крупный канадский фотобанк Masterfile Corporation. В связи с этим были выплачены долги всем контрибьюторам и мне в том числе, а также сделан редизайн. Даже продажи возобновились, хоть и носят редкий характер. Насколько я помню, на стоке нет экзамена и даже документы вроде бы не требуются никакие для регистрации. Но берут не все подряд. Причем совершенно не понятно, по какому принципу картинки отсеиваются. Среди всех микростоков на этом у меня почти самый низкий уровень приемки. Круче режет только iStock.

Микросток Canstockphoto – по уровню продаж плетется где-то в конце списка, но все же – плетется. К тому же иногда, правда, ооочень редко, бывают приятные сюрпризы в виде продаж за 10$. С недавнего времени начал принимать вектора. Есть экзамен, довольно простой, нужно послать три картинки. Документы, насколько я помню, не требуются.

Для загрузки нужно будет установить либо специальный софт от самого микростока Zoonar, либо StockSubmitter.

Микросток YAY Micro – относительно молодой (открылся в 2008 году), но, судя по всему, быстро развивающийся микросток, платит в евро, документов не требует. Интерфейс симпатичный. Только зарегистрировалась, так что пока больше ничего сказать не могу. Гружу потихонечку. Реджектов не было. Все берут :)

Микросток GraphicLeftovers – специализируется на иллюстрациях, причем не только векторных. Зарегистрировалась осенью. Пока мне в этом микростоке все очень нравится. Даже удивительно: регистрация простая, документов не требуют, загрузка тоже на высоте. И продажи уже есть, хоть и редко, но метко. Средняя продажа – 3$. Как сделаю первый вывод – обязательно напишу об этом микростоке подробнее. Чтобы использовать для загрузки программу StockSubmitter, нужно попросить у техподдержки открыть ftp-загрузку. В поддержке, кстати, тоже очень отзывчивые ребята работают :)

В общем, если решили попробовать себя в качестве микростокера, то советую также внимательно изучить раздел блога «С чего начать?». Чтобы глубже изучить вопрос и блог воспользуйтесь разделом «Содержание».

Для тех кому больше нравиться слушать чем читать есть еще видеопрезентация!

Желаю удачи в покорении микростоковых вершин:)

Анна Волкова

P.S. Если по ходу дела у Вас возникнут какие-либо вопросы, можете задать их в комментариях к сообщению или написать мне на e-mail: anna.t.volkova(собачка)mail.ru. А еще Вы можете подписаться на rss - рассылку:)
Читать дальше...

17 марта 2015 г.

Урок Adobe Illustrator: Как сделать размытый векторный фон

Недавно ко мне поступила просьба от читателей блога, сделать урок по размытому фону. Ну, собственно говоря, я его сделал :) Поэтому встречайте, целых четыре способа, как сделать размытый фон в иллюстраторе. Причём на выходе фон мы получим конечно же векторный. Хоть растровые элементы и эффекты и будут применяться в процессе, но всё равно нас ждёт стопроцентно векторный фон. А вы как хотели? Чего только люди не придумают, чтобы пропихнуть картинку на сток.



Последнее время уроки у нас на блоге просто удивительные, они завораживают, восхищают, и меняют судьбы людей... Кстати, они все здесь: Уроки Adobe Illustrator. Но этот урок будет простой и непринуждённый. Да, на самом деле размытый заблюренный фон в иллюстраторе делается очень легко. Возможно, многие привыкли, что такие эффекты обычно растровые, поэтому удивлены, когда видят размытый фон в векторе.

Итак, начнём со способа номер один.

1. Размытый фон через меш с крупным шагом



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



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

Чтобы поместить фото в иллюстратор, перетаскиваем его прямо на артбоард (или используйте File > Place).



Получаем залинкованное изображение на рабочей области. Фотография должна быть выделена, далее идём Object > Create Gradient Mesh, чтобы конвертировать объект в градиентную сетку. В появившемся окошке ставим галочку Preview, так сразу видно результат конвертации, и устанавливаем необходимые настройки.



Из настроек нам нужно только количество колонок и строк у сетки. Сетка должна получится редкой, поэтому выберите значения поменьше. Затем жмём OK.



И получаем самый обыкновенный векторный меш. Это и есть наш размытый фон. Можно сделать ещё парочку телодвижений, но это уже всё частные случаи. Например, в своём фоне мне захотелось убрать угловатость пятен, которая очень часто видна из-за того, что сетка квадратная. Для этого берём белую стрелочку Direct Selection Tool (A) и редактируем положение узлов и ручек.



Затем подгоняем сетку под размеры артборда. Далее классика жанра - добавляем спарклингов и светяшек. Никаких растровых эффектов не используется. Это простые круги с радиальным градиентом и режимом наложения Color Dodge и Screen. Главное, хорошо настроить цвета и прозрачности.



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



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

2. Размытый фон через меш с частым шагом



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



Затем сделаем ещё две копии молекулы и поместим их рядом. Края молекул просвечиваются исключительно из-за режима наложения Multiply, который я выставил для этих объектов.



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



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

Для этого мы пока выключим слой с большими молекулами, чтобы они не мешались в процессе работы, а всё остальное отрастрируем.



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



После того, как вы нажмёте кнопочку OK, векторные объекты превратятся в растровое изображение, которое уже встроено в текущий файл.



Теперь этот монолитный растровый рисунок можно хорошенько разблюрить через эффект. Выделяем его и идём Effect > Blur > Guassian Blur. Радиус размытия подбираем на глаз, мне хватило пятнадцати. Жмём OK, чтобы применить эффект.



Далее разбираем результат, чтобы избавиться от эффекта и снова получить чистое растровое изображение. Для этого выполните команду Object > Expand Appearance.



Пришло время избавиться от растра. Действуем по аналогии с первым способом, идём Object > Create Gradient Mesh, чтобы конвертировать объект в градиентную сетку. Но в этот раз выставляем максимальное количество шагов, то есть 50. Больше иллюстратор сделать не даст, но в конкретном случае нам достаточно и этого значения.



Магия Дэвида Копперфильда, и у нас на артборде уже векторный размытый фон.



Включаем обратно слой с большими молекулами, и добавляем интригующий текст. Готово!



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

3. Размытый фон через MeshTormentor



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

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



Копию выделяем и идём Object > Rasterize. Растеризуем векторные объекты.



Жмём кнопку OK, и получаем растровый вариант векторной иллюстрации.



После этого нам нужно размыть растровую картинку, как мы делали это во втором шаге. Выделяем изображение и идём Effect > Blur > Guassian Blur. Не забудьте потом сделать Expand Appearance, чтобы избавиться от эффекта.



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



Этот прямоугольник преобразуем в шеш через Object > Create Gradient Mesh. Количество строк и столбцов тоже ставим максимальное - 50.



И вот тут нам поможет плагин MeshTormentor, так как сетка нам нужна на самом деле ещё чаще. Выделяем мешевый прямоугольник и нажимаем в окошке плагина кнопочку Increase mesh density. Иллюстратор немного потупит, и плагин увеличит количество строк и столбцов сетки.



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



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



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



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



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



На закуску у нас остался способ номер четыре. Тут вообще всё проще простого :)

4. Размытый фон через автотрейс



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

Всё начинается с уже привычного нам растрового исходника. Это будет фотография Будды.



Размываем картинку через эффект Guassian Blur. Обязательно делаем после этого Expand Appearance.



И прогоняем результат через автотрейс.



В итоге нажимаем Expand в панели информации, и получаем векторные формы.



Распологаем Будду на рабочей области.



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



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



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

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

Роман aka dacascas специально для блога Записки микростокового иллюстратора


Видеоуроки Adobe Illustrator на YouTube. Всё, начиная от первых шагов в иллюстраторе и заканчивая подготовкой работ для экзаменов и для продажи на микростоках. Получи доступ к видеокурсу для начинающих прямо сейчас! Подробности в этой статье: Экспресс курс Adobe Illustrator для начинающих


Читать дальше...

11 марта 2015 г.

Урок Adobe Illustrator: Как сохранять бесшовные паттерны для микростоков

В сегодняшнем уроке Adobe Illustrator мы разберём несколько вариантов, как правильно сохранить бесшовный паттерн для продажи на микростоках. И чтобы инспектора его приняли, и чтобы клиенту было удобно, и чтобы солнышко светило и в мире не было войны :) Вот сколько всего. Но как известно, нельзя сразу для всех быть хорошим. Поэтому у каждого из предложенных способов сохранения паттерна будут свои плюсы и свои минусы. Так что приготовьте свой волшебный микростоковый бубен, проверьте все заклинания в магической книге и отмойте ведьмин котёл. Колдовать будем много и продуктивно.


Давайте по порядку. Если вы не знаете, что такое симлесы или seamless, бесшовные текстуры или паттерны, то вам сюда: Каст по бесшовным текстурам в Adobe Illustrator.

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



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



На артборде расположен просто квадрат, к которому применена текстурная заливка. Это видно в панели инструментов (обведено красным). Объекты с текстурной заливкой на стоках запрещены. С этим можно бороться. Экпандить и мучительно ковыряться, вычищая полученный результат. Поэтому лучше такого не допускать. Сейчас мы со всем этим разберёмся в процессе обзора наших способов сохранения бесшовных паттернов для микростоков.

Понятно, что симлесы можно делать по разному. Я знаю три основных способа, но на самом деле их может быть и больше.

1. Собирать вручную

2. Использовать Object > Pattern > Make

3. Использовать различные скрипты, плагины либо другие сторонние средства. Например скрипт Magic Pattern Light

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

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

Итак, когда паттерн собирается вручную, то на рабочей области у нас располагаются объекты текстуры таким образом, что те элементы, которые пересекают края артборда, имеют своё продолжение с противоположной стороны. Для этого объекты просто копируют, например, через правый клик > Transform > Move. Выглядит это как-то так.



Более подробно этот способ рассмотрен в уроке: Рисуем бесшовную текстуру.

Кстати, точно таким же образом разбрасывает объекты скрипт Magic Pattern Light. Разве что делает он это автоматически. В итоге на рабочей области у нас остаются векторные объекты, рабочая область играет роль тайла текстуры, является исходной плиткой симлеса, и всё вроде бы хорошо. Но что делать с объектами, которые торчат за границы артборда... Тут два рецепта: отрезать или закрыть маской. У обоих есть свои плюсы и минусы и оба имеют своё законное право на существование. Давайте разбираться.

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

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



Я поступил просто. Взял инструмент Rectangle Tool (M), сделал левый клик на рабочей области, и забил в окошко с параметрами будующей фигуры нужные мне размеры. Затем следует отправить этот пустой квадрат в самый низ. Он должен находится под всеми объектами бесшовной текстуры. Сделать это можно через правый клик > Arrange > Send to Back. И наконец поставить его так, чтобы он точно совпадал с артбордом. Это можно сделать через панель выравнивания Align. Установите опцию Align to Artboard, а затем выровняйте по горизонтали и вертикали.



У кого старый иллюстратор, и нет опции Align to Artboard, то можно поставить квадрат по артборду через координаты в панели Transform. Если в школе была пятёрка по геометрии, то обязательно справитесь.

Теперь выделяем всё, что мы соорудили. Можно нажать Ctrl+A для этого. И перетаскиваем в панель Swatches. Получаем в панели New Pattern Swatch 1.



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

Например:

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

- Текстурный свотч можно править через редактор паттернов в CC и CS6 версии иллюстратора. Достаточно сделать двойной клик по нему, чтобы открыть редактор.

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

Вот какой в итоге полезный будет наш паттерн :)

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

Способ 1 - Закрыть маской.
Это самый простой способ, которым многие пользуются. Нужно нарисовать прямоугольник под размеры артборда, как мы делали в прошлый раз. Прямоугольник должен лежать поверх всего. Затем выделяем всё вместе (Ctrl+A) и делаем маску Object > Clipping Mask > Make (Ctrl+7). Верхний прямоугольник просто закрывает собой выступающие части, как ширмочкой.



Плюсы маски:
- Делается быстро и просто.
- Содержимое маски можно редактировать (например через двойной клик по ней).

Минусы маски:
- Если паттерн будет использоваться для печати, то маска может создать ряд проблем. Либо вектор просто не примут на печать из-за маски.
- Иногда маска создаёт искажения размера при открытии файла в других редакторах.
- Маска может создать трудности при редактировании. Не все дизайнеры хорошо разбираются в векторе. Многие всего пару раз открывали иллюстратор, и не знают, что такое маски, и как с ними работать.
- Объём конечного EPS файла может быть больше обычного, так как в нём присутствуют дополнительные объекты, скрытые маской.
- Можно получить отказ от инспектора на микростоке из-за использования маски. Это происходит не так часто, но обычно ответ бывает таким "All elements must be selectable and editable. Please correct and resubmit." Можно поспорить с инспектором, иногда они идут на встречу и разрешают загружать вектора с масками. Но бывает и наоборот, инспектор ссылается на то, что в работе не должно быть скрытых или заблокированных элементов, а маска как раз это и делает.

Способ 2 - Отрезать и удалить выступающие части.
Этот способ немного сложнее предыдущего, но с момента появления скрипта Super Magic Eraser, всё стало намного проще. Итак, вместо того, чтобы закрывать маской, можно отрезать все объекты, выступающие за границы артборда, а потом удалить лишнее. Так как сейчас в арсенале микростокера имеется скрипт для автоматической обрезки вектора по краям артборда, то достаточно запустить волшебный ластик, и он всё отрежет сам. Вот видео про Super Magic Eraser.



Также можно обрезать выступающие части вручную. Вот несколько способов:

- Eraser Tool (Shift+E) и зажатая кнопка Alt дают возможность стирать прямоугольными областями. Но способ не точный, попасть в края артборда практически невозможно. Ошибка даже на долю пикселя сделает симлес дефектным.

- Если расположить сверху квадрат и выполнить Object > Path > Divide Objects Below, то объекты разрежутся по границам квадрата. Но удалять внешние части придётся вручную. Если много мелких деталей, то можно очень долго копаться. Также при Divide Objects Below сбиваются настройки градиентных заливок.

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

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



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

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

Минусы обрезки:
- Обрезка может быть долгой и трудоёмкой, если не пользоваться скриптом Super Magic Eraser.
- Отрезанные части нельзя двигать, из-за чего снижается редактируемость паттерна, но этого можно избежать, если сохранить симлес в панель Swatches, как рекомендуется в самом начале статьи.
- Во время обрезки можно угробить свой паттерн, например, кропом или криво отрезав через Eraser Tool. Если с вами такое часто происходит, то лучше пользоваться скриптом Super Magic Eraser.

На этом закончим с основным разделом. Пришло время подытожить по первому способу сохранения паттерна для микростоков:

1. Собираем паттерн на рабочей области.
2. Сохраняем его в панель Swatches.
3. Обрезаем или закрываем выступающие части.
4. Сохраняем EPS-10 (8) и JPEG для стоков. Если вы в этом месте плаваете, то вам сюда - Как готовить векторные файлы к продаже на микростоках.

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

Делаем паттерн через Object > Pattern > Make

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



Тут я выделил ромбик и прошёл Object > Pattern > Make. Иллюстратор сразу открыл панель с опциями будущего паттерна, а на рабочей области показал превью, как будет выглядеть рисунок. Тайл паттерна по умолчанию установился по размерам объекта. Объекты, которые пересекают границу тайла, автоматически копируются на противоположную сторону. Все настройки можно менять на своё усмотрение. Я сделал такие.



А затем увеличил размеры ромбиков, чтобы между ними была небольшая щель. Получилась мозаика.



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

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



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



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



Итак, сделав зум в 6400% я умудрился попасть точно пиксель в пиксель. Теперь пустой квадрат нам уже не нужен, его можно удалить. Выделяем всё Ctrl+A и чистим Object > Path > Clean Up (все галочки стоят, чтоб наверняка).

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

Итого имеем:

1. Делаем паттерн через Object > Pattern > Make.
2. Достаём его из Swatches.
3. Обрезаем или закрываем выступающие части.
4. Сохраняем EPS-10 (8) и JPEG для стоков.

Так что тут с одной стороны проще, так как иллюстратор автоматически переносит объекты, при создании паттерна. Но прибавляется мороки, из-за того, что паттерн не остаётся на артборде, а прячется в свотчи.

Понравилось? Если хотите больше, то едем дальше :)

Подготавливаем сет паттернов для микростоков

Да, про "хотите больше" я не просто так обмолвился. Стоки растут стремительно, и запросы у покупателей тоже. Сейчас уже никого не удивишь наборами элементов. Разве только они становятся всё больше и больше. И симлесы идут туда же, в наборы, в них родимых. И это надо как-то пропихнуть на сток.

Самый простой и очевидный способ - это расставить исходники паттернов рядышком на одном артборде. Для удобства покупателей опять же можно добавить паттерны в панель Swatches.



Ещё можно сделать красивый вариант. Выглядит это обычно как-то так.



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

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

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

Роман aka dacascas специально для блога Записки микростокового иллюстратора


Видеоуроки Adobe Illustrator на YouTube. Всё, начиная от первых шагов в иллюстраторе и заканчивая подготовкой работ для экзаменов и для продажи на микростоках. Получи доступ к видеокурсу для начинающих прямо сейчас! Подробности в этой статье: Экспресс курс Adobe Illustrator для начинающих


Читать дальше...
 

Постоянные читатели

Большая коллекция уроков Adobe Illustrator вконтакте

Записки микростокового иллюстратора Copyright © 2009-2015 Flower Garden is Designed by Ipietoon for Tadpole's Notez Flower Image by Dapino