Как из EPS-файла сделать custom shape для PhotoShop?

[kristial]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

Контрольная работа по пройденному материалу.

Исходный объект состоял из общего контура мужчины, рубашки, видимой в просвет пиджака, и двух половинок воротника.
Вначале я рубашку и обе половинки воротника скопировала в отдельные слои. Затем каждую из половинок увеличила. Затем скопировала половинку с оригинала, вставила в большую половинку, нажала Substruct, затем Combine. Затем в отдельный слой скопировала общий контур мужчины, в него вставила рубашку, нажала Substruct и Combine. Затем в него же вставила каждую из полученных дырявых половинок воротника, нажала Add и Combine. Затем Define custom shape. Похоже, все получилось. В прилагаемом файле - результат, а также в отключенном слое примененная custom shape.

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

Ну, если по-русски, то это будет путь и подпуть. Суб- (саб-) - это английская приставка.

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

 

[Zest]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

подпуть.

Как будто бы подпуть прятнее.

http://en.wikipedia.org/wiki/Bézier_curve - прокрутите вниз, там есть анимация построения кривой Безье. О которой, собственно, и речь - все эти кривые, пути, опорные точки и узлы - кривая Пьерра Безьё.

Объект может состоять из одной или нескольких кривых. Главной кривой нет - все на равных. Почему это вдруг множество paths вдруг стало просто path? А в этом множестве каждый path - subpath?

 

[Zest]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

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

Вы сначала открываете рисунок в Люстре - там и готовьте его для ФШ. В Люстре есть команда Path > Offset которая делает именно то, о чем вы задаете вопрос.

 

[Zest]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

Вначале я рубашку и обе половинки воротника скопировала в отдельные слои.

Какие слои? Слой это в палитре Layers, а вы все делали в палитре paths, то есть копировали в новые Пути, а не Слои.

У вас по-прежнему в psd файле растровые слои. За каким вы их создаете? Пользуйтесь шейпами, то есть слоями типа Solid Color с векторной маской. Выделенный путь применяется к любому слою как векторная маска командой меню Layer > Vector Mask > Reveal All. Быстрый способ: прижать Ctrl и щелкнуть в палитре слоев на иконке добавления слоевой маски.

Итак, вы вставили рисунок как Shape Layer в ФШ (видели диалог при вставке?) и сразу увидели его растеризованную версию - маска хоть и векторная но в растровом редакторе рендерится с разрешением документа.

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

collar_man.psd


Выделили воротник и скопировали в буфер - Ctrl+C - для дальнейшего использования. Нажали минус на клавиатуре - выделенный в данный момент воротник вычелся. Выделили дырку в пиджаке и нажали минус (-) на клавиатуре - вырез вычелся из фигуры чела.

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

Вставили. Удаляем узлы так, чтобы от воротника остались только нижние линии. Дублируем каждую по-отдельности - Ctrl+Alt+T, или просто прижать Alt и перетащить. Сдвигаем копии немного чтобы образовалась полоска и с помощью Pen Tool соединяем торцы. Выделяем обе полоски и вырезаем их Ctrl+X из палитры Paths. Переходим к рабочему пути, который у нас маской шейпа, выделям вектор и вставляем полоски - они окажутся наверху стека и режим вычитания дырки в пиджаке их не коснется.

Как копировать и торцевать - см. рисунок.

Кроме того эти полоски можно просто нарисовать тем же Pen Tool'ом.

 

[Zest]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

Есть способ легче: сначала раскрашиваете рисунок в черные и белые цвета, применяете обводки там где надо, затем растеризуете с большим разрешением и следом векторизуете прямо в Люстре.

ФШ тоже может векторизовать растр, но делает это говенно.

---

Скачайте psd файл из вложения в предыдущем сообщении и посмотрите как он сделан - там нет растровых слоев, поэтому хотя я его увеличил в 4 раза, он на 100 килобайт меньше вашего файла (конечно благодаря тому что у меня отключена "совместимость" пиэсди файлов, то есть ФШ не создает композитный слой в файле на всякий случай).

Кстати, там немного не по описанию - но это не суть важно.

 

[Zest]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

Substruct

Упорно пишет "Субстракт". От "субстрата"?

Subtract - Вычитать. Читается: сабтрэкт.

If you subtract 2 from 7, the answer is 5.

 

[kristial]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

Вы сначала открываете рисунок в Люстре - там и готовьте его для ФШ. В Люстре есть команда Path > Offset которая делает именно то, о чем вы задаете вопрос.

Хорошо бы, если б я еще разбиралась в этом иллюстраторе...
Хотела нарисовать какую-нибудь простенькую фигуру (кроме круга, прямоугольника и т.п.), чтобы потренироваться, - ну, хотя бы сердечко или звезду несимметричную - не нашла ни одной библиотеки с формами... Не нашла также панели с историей действий (чтобы их отменять) - ctrl Z отменяет, но списка-то нет... Не нашла пера freeform, вместо него рисовала карандашом, потом убрала с пути stroke... Непривычно все это после фотошопа...

Offset path нашла. Только почему-то у меня из одного пути получается три, а не два. Параметры были offset 1px, joins miter, miter 4. Файл zagogulina.ai

Упорно пишет "Субстракт". От "субстрата"?

О, спасибо, что заметили. Действительно, там subtract.
Вы, кстати, тоже почему-то пишете pathinder вместо pathfinder (в двух местах было).

Пыталась векторизовать в AI растровый рисунок - векторизовалось. Но после копирования в фотошоп и попытки создать shape прямо из того, что было, фотошоп думал полчаса, после этого я его сняла через Диспетчер задач. После этого хотела перенести в фотошоп часть полученного пути, но не смогла выделить часть - или все выделяется, или ничего. Картинка из файла female-body.psd

 

[Zest]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

Сердечко рисуется из окружности: верхний и нижний узлы делаете острыми. Верхний выгибаете внутрь с помощью рукояток (handles), а нижний - наружу. Затем немного свигаете. Звезды рисуются Pen Tool'м также как в ФШ, только опции Rubber Band не предусмотрено - как хотите так и воображайте будущий сплайн. Помогает фитча редактирования кривой во время создания.

История там не нужна - Люстра по Ctrl+Z отменяет действие одно за другим.

Обводку с будущего объекта можно убрать заранее - выбрав обводочный цвет щелкните перечеркнутый красным квадратик. Но это же не ФШ, тут нет палитры Paths, поэтому увидеть кривую без обводки можно в режиме Artwork - Ctrl+Y.

Offset Path делает то, что должен и незамкнутая кривая, естественно, оказывается окружена замкнутой кривой сдвинутой на указанное расстояние. Тоже самое делает команда превращения обводки в контур Object > Path > Outline Stroke, но она удаляет оригинальный объект.

Разумеется контур для офсета не должен быть замкнут сам на себя, иначе вы получите 3 контура: общий снаружи и два внутри - дырки. Это же 2-х мерная графика: кривая одного и того же объекта не может пройти ПОД самой себя. Она пересекается с собой и получается дырка.

Очевидно вы игнорировали совет растеризовать с большим разрешением. В результате у вас растеризовалась пикселизация и ФШ не смог переварить большое количество узлов. Уменьшить это число можно также в Люстре с помощью, кажется, команды Path > Simplify.

Не пойму зачем вы растеризовали и затем векторизовали женское тело?

 

[Zest]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

Насчет Люстры перейдите в рубрику Люстры, кстати.

 

[kristial]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

Сердечко рисуется из окружности: верхний и нижний узлы делаете острыми.

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

Offset Path делает то, что должен и незамкнутая кривая, естественно, оказывается окружена замкнутой кривой сдвинутой на указанное расстояние. Тоже самое делает команда превращения обводки в контур Object > Path > Outline Stroke, но она удаляет оригинальный объект.

Понятно. А как замкнуть контур? Я перетащила концевую точку на начальную, но они, видимо, не слились.

Не пойму зачем вы растеризовали и затем векторизовали женское тело?

Я не растеризовала его. Это отсканированный рисунок. Не подскажете, с какими параметрами надо его векторизовать?

Очевидно вы игнорировали совет растеризовать с большим разрешением.

А какое разрешение будет достаточно большим? А4 72dpi недостаточно? Или проблема в том, что отсканированный рисунок неминуемо будет иметь лестничный эффект? Можно ли из отсканированного рисунка сделать custom shape?

В результате у вас растеризовалась пикселизация и ФШ не смог переварить большое количество узлов. Уменьшить это число можно также в Люстре с помощью, кажется, команды Path > Simplify.

Не получилось почему-то.

Насчет Люстры перейдите в рубрику Люстры, кстати.

Все верно, но мне не хотелось бы разрывать тему, потому что целью всех этих действий по-прежнему является создание custom shape.

 

[Zest]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

Window > Symbols.

Если там скудно или пусто: Window > Symbol Libraries > ... выбирайте

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

Абсолютно уверен что с адобского обменника можно скачать еще барахла на целый ДВД. Или просто в инете найти.

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

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

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

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

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

Чтобы трассировать нужен хороший пикселяж. Наверно есть какие-то формальные расчеты сколько пикселов на загогулину, но я таких не проводил. В понятие разрешение тут входит именно пикселяж - оригинал у вас может быть небольшим и даже 600 DPI дадут мало пикселов. Поэтому, скажем, для рисунка формата А4 надо как минимум 300 DPI сканировать, а для рисунка A5 - 600.

Затем чистить, поднимать контраст и в трассер.

Прикол в том что раньше это была отдельная программа - Streamline и люстроеды засмеяли меня в свое время за то, что я предложил ввести команды работы с узлами и добавили, типа: Может тебе еще там и трассировку картинок сделать, ха-ха-ха! Это на адобском форуме. И прикол - в следующей версии Люстры появляется это LiveTrace как живой.

Не знаю что вы там делали - команда Simplify проста как три копейки. Если что - проверьте был ли включен Preview. В Люстре по дефолту он повсюду отключен - его пользователи сверхчувственно представляют результат. Кроме того надо чтобы все узлы на кривой были выделены - иначе упрощаться будут только выделенные узлы.

 

[Zest]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

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

Можно ли из отсканированного рисунка сделать custom shape?

Как два пальца об асфальт.

Причем даже в ФШ. Если картинка достаточных размеров, чистая, контрастная и без тучи мелких деталей - ФШ махом и неплохо оттрассирует селекцию. Кнопка трассировки селекции в палитре Paths.

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

Не знаю как им это удалось - знают секреты.

 

[Zest]

Ответ: Как из EPS-файла сделать custom shape для PhotoShop?

Вспомнил, в Люстре вместо Weld есть ублюдочный Join - соединяет открытую кривую прямой линией.