Как паттерн перевести в кривые
Преобразование контуров с декоративными штрихами
После применения к контуру одного из типов кисти зачастую возникает задача изменить форму декоративных штрихов, не создавая новый рисунок для кисти.
Контур с декоративными штрихами можно конвертировать в обычный векторный объект, который доступен для обработки инструментами группы Реn (Перо).
Для этого следует выделить такой контур и выполнить команду Expand (Преобразовать) меню Object (Объект).
Если команда Expand (Преобразовать) недоступна, следует выполнить команду Expand Appearance (Преобразовать внешний облик), расположённую там же.
В результате рисунок кисти преобразуется в векторный контур (рис. 4.64).
Рис. 4.63. Диалоговое окно Expand
Рис. 4.64. Пример преобразования контуров с декоративными штрихами с помощью команды Expand в векторные объекты
Для удаления декоративных штрихов и дальнейшего использования контура можно воспользоваться командой Remove Brush Strokes (Удалить обводки кисти) меню палитры Brushes (Кисти) (см. рис. 4.49) или кнопкой с таким же названием в нижней части панели (img src). Этой цели можно также достичь, если выбрать вариант None (Без атрибута) на вкладке Stroke (Обводка) палитры Color (Синтез) или палитры инструментов.
Создание и редактирование узоров
В этой статье рассматриваются рабочие процессы создания и редактирования узоров, предусмотренные в Adobe Illustrator CS6 и более поздних версиях. Для получения информации о работе с узорами в более ранней версии 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. Это не обязательно, но вполне можно сделать шаг навстречу клиенту микростока.
Я поступил просто. Взял инструмент 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, просто перетащить его обратно на рабочую область. Все объекты будут целые, паттерн можно будет править и даже разбирать на запчасти.
Вот какой в итоге полезный будет наш паттерн 🙂
А теперь давайте вернёмся на рабочую область, ведь именно там должен остаться исходник паттерна, и это требование уже обязательное на большинстве стоков. Осталось избавиться от выступающих частей.
Плюсы маски:
— Делается быстро и просто.
— Содержимое маски можно редактировать (например через двойной клик по ней).
Минусы маски:
— Если паттерн будет использоваться для печати, то маска может создать ряд проблем. Либо вектор просто не примут на печать из-за маски.
— Иногда маска создаёт искажения размера при открытии файла в других редакторах.
— Маска может создать трудности при редактировании. Не все дизайнеры хорошо разбираются в векторе. Многие всего пару раз открывали иллюстратор, и не знают, что такое маски, и как с ними работать.
— Объём конечного EPS файла может быть больше обычного, так как в нём присутствуют дополнительные объекты, скрытые маской.
— Можно получить отказ от инспектора на микростоке из-за использования маски. Это происходит не так часто, но обычно ответ бывает таким «All elements must be selectable and editable. Please correct and resubmit.» Можно поспорить с инспектором, иногда они идут на встречу и разрешают загружать вектора с масками. Но бывает и наоборот, инспектор ссылается на то, что в работе не должно быть скрытых или заблокированных элементов, а маска как раз это и делает.
Также можно обрезать выступающие части вручную. Вот несколько способов:
— 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.
На этом закончим с основным разделом. Пришло время подытожить по первому способу сохранения паттерна для микростоков:
А теперь переходим к следующему разделу, где бесшовный паттерн делается через стандартный иллюстраторский паттерноделатель. Если вас вдруг напрягает ручная сборка паттерна, то здесь иллюстратор будет очень здорово помогать в процессе. Но в эту бочку мёда тоже не забыли положить маленькую ложечку дёгтя.
Делаем паттерн через 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 для стоков.
Так что тут с одной стороны проще, так как иллюстратор автоматически переносит объекты, при создании паттерна. Но прибавляется мороки, из-за того, что паттерн не остаётся на артборде, а прячется в свотчи.
Понравилось? Если хотите больше, то едем дальше 🙂
Подготавливаем сет паттернов для микростоков
Да, про «хотите больше» я не просто так обмолвился. Стоки растут стремительно, и запросы у покупателей тоже. Сейчас уже никого не удивишь наборами элементов. Разве только они становятся всё больше и больше. И симлесы идут туда же, в наборы, в них родимых. И это надо как-то пропихнуть на сток.
Ещё можно сделать красивый вариант. Выглядит это обычно как-то так.
Такое тоже берут. Но это уже больше похоже на подготовку продукта для Creative Market или GraphicRiver. На этих площадках вы можете показать на превью всё что угодно, любую завлекательную картинку, а сам продажный файл организовать по другому. Например, как в предыдущем пункте. Или даже сделать несколько вариантов файлов для продажи, чтобы всем было удобно. Например, векторные симлесы с обрезкой и отдельно с маской, и ещё даже растровые форматы.
Но на классических стоках превью должно полностью соответсвовать векторному EPS. Так что для такого красивого варианта, нужно будет расставлять исходники паттернов друг на друга, закрывать масками, или ещё как-то прятать. Сверху добавлять теньки и прочие штуковины. Тут нужно максимально облегчить жизнь клиенту, чтобы ему не пришлось копаться в этом файле, доставая оттуда паттерны. Поэтому сохраните их все в Swatches. Сделайте удобные слои с названиями: где что лежит. Соответственно исходники паттернов должны лежать в отдельном слое, чтобы их не надо было долго искать. На самой картинке можно написать, как использовать файл. Хотя бы пару строк.
На этом я заканчиваю свой длиннопост. Если кто-то хочет поделиться своими рецептами подготовки бесшовных паттернов для микростоков, то добро пожаловать в комментарии.
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
как мне перевести в кривые
Guest
Guest
Guest
Guest
хорош ст@!#$ся. Некрасиво
у него просто кривая без заливки с контуром, и надо ему всего лишь Outline Path
А чтоб «склеить», см. палитру Pathfinder, операция Unite (или Add она по-новому, что ли)
Guest
> хорош ст@!#$ся. Некрасиво
да ладно тебе. это ж безобидно. если чел с чувством юмора, то не обидится.
> А чтоб «склеить», см. палитру Pathfinder, операция Unite (или Add она по-новому, что ли)
Guest
Guest
1. не нашел я Glue tool =(
2. хоткеи тоже не работают =(
3. рядом с Scissors tool у меня «нож»
мож это из-за того что у меня 10 иллюстратор
мне же не текст резать и просто окружность.
Guest
qik wrote:
>
> 1. не нашел я Glue tool =(
> 2. хоткеи тоже не работают =(
и не должны по крайней мере, некоторые.
> 3. рядом с Scissors tool у меня «нож»
> мож это из-за того что у меня 10 иллюстратор
причем, наверное, 10.0.3? и это правильно.
> мне же не текст резать и просто окружность.
а что? когда точнее формулируй.
шутку спровоцировало или твое слабое представление о векторных изображениях и/или неправильное использование терминов. ты говоришь: «У меня есть окружность с прозрачным фоном и толстым цветным stroke, так вот как мне ее перевести в кривые? и если таких элементов будет много как их «склеить»?
во-первых, что значит «прозрачный фон»? отсутствие заливки или использование частичной прозначности/наложения цвета
Если тебе нужно разъединить заливку от обводки или разбить pattern-заливку на отдельные объекты и т.п., то Object > Expand.
Кроме того, изучи палитру Pathfinder (Window > Pathfinder). Почитай Help, в частности, про Flattening (упрощенно говоря, это преобразование различных эффектов в элементарные растровые и векторные объекты, во избежание проблем совместимости с другими программами и текущей версией PostScript).