Технология изготовления волос

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

В заключение этого импровизированного вступления, считаю своим долгом сразу оговориться: авторство далеко не всех, представляемых в данном разделе материалов, будет принадлежать мне. Причин тому несколько: самостоятельно и целенаправленно придумать и довести до ума какую-то технику не так-то просто. Наткнуться на неё в процессе работы можно, но и это происходит далеко не каждый день. Остаётся всего пара вариантов: или хвостом приклеиться к какому-то гениальнейшему профессионалу и ждать у моря погоды (т.е. когда не ты, а он наткнётся или разродится чем-то выдающимся) или, второй вариант, долго и нудно рыться в сети, на сайтах художников (чаще зарубежных - наши соотечественники, к сожалению, не очень охотно делятся накопленным опытом), а потом, также долго и не менее нудно, переводить, с трудом найденное, постоянно рискуя где-то ошибиться. Последний путь хотя и эффективен, но не гарантирует как от ошибок перевода, так и от ошибок самого автора статьи. (Частенько, представленные методики либо вообще не срабатывают, либо заявленный и полученный результаты сильно разнятся, так что все сторонние материалы я лично неоднократно проверил и на ваш суд представляю не их самих, а те, возможно где-то упрощённые и модернизированные, но гарантированно рабочие методики, к которым в результате проверок пришёл я). В своё время я озаботился данной проблемой и прошёл этот тернистый путь сетевого поиска и перевода. В результате у меня накопился кое-какой материал именно по рисованию, и которым я готов поделиться со всеми, кто в том заинтересован и не готов тратить массу времени на тщетные обходы кучи адресов. Плюс к этому, я также буду выкладывать и свои собственные наработки по данному направлению, которых за несколько истекших лет тоже накопилось немало. Итак, очищающее совесть заклинание произнесено, грехи отпущены и можно приступать. Тем же, кого не устроила эта попытка "сгладить углы" - отсылаю на... в смысле "К" - к Garik`у - большому боссу этого сайта, который очень любезно гарантировал мне "разбор полётов" и "перевод стрелок" на него. Я же - грудью встану за его широкой спиной и буду гаденько и ехидненько ухмыляться оттуда, с безопасного расстояния.

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

Создание

1. Создадим новый документ (Ctrl+N) с белым фоном нужного размера. С ним определитесь заранее, ибо это важно. Если вы планируете рисовать целый водопад волос и добиться высокой детализации, прорисовав каждый локон или даже волос - используйте большие размеры (вот бы где пригодился большой "дизайнерский" экран!). Если же вы решили довольствоваться малым, то 500х500 px будет вполне достаточным размером. Для изготовления иллюстраций к данной статье я использовал именно такой, но, пытаясь съэкономить место на объёмах файлов, пожадничал, и в результате детализация оставляет желать лучшего, так что, возможно, следовало ограничится только анимированным gif`ом с этапами изготовления.

Создание кисти

2. Выберем инструмент "Кисть" (Brush Tool) - (B) для создания непосредственно волос. Тут есть два варианта: использовать стандартные фотошоповские кисти (профессиональные художники умудряются отлично выполнить поставленную задачу используя только их) или создать собственную кисточку, что я обычно и делаю, так как это сильно упрощает задачу по "перемешиванию" волос между собой на финальном изображении. Чаще всего в качестве основной большой кисти используется вот эта или похожая кисть. Вы тоже можете её использовать или попробуйте создать свою.

После написания последней статьи, посвящённой Image Ready, и отличившейся просто невероятным объёмом, пришлось взять небольшой тайм-аут и на протяжении истекшего месяца восстанавливать издёрганную психику, мило развлекаясь необременительными заездами в NFS7. Столь долго и целенаправленно я не гробил своё время уже очень давно, так что теперь надо срочно вспомнить как там пишутся буквы и постараться максимально осмысленно донести до вас свои недалёкие мысли. Ну, будем считать, что мне удалось нарыть на своём захламлённом чердаке под съехавшей крышей пару-тройку вполне благопристойных идей, не ахти каких, но, будем считать... И он сказал "Поехали!"

Так как наш сайт не претендует на высоколобость профессионалов, которые чуть-что норовят ткнуть тебя носом в пробелы в знаниях (которые, кстати, не так-то просто восполнить без поводыря) и отослать пользователя почитать мануалы на стороне, мы никого и никуда не пошлём (по крайней мере без особой надобности) и считаем своим долгом тщательно и подробно объяснять всем страждущим все возмозможные подводные камни и затыки в процессе обучения. Ряд намеченных на будущее статей будет использовать нестандартные кисти и узоры и именно поэтому, героическим волевым усилием (поверьте, это было нелегко), была признана необходимость в данной статье. Итак, заявленная тема проста в освоении и, главное, в написании, за что я уже горячо полюбил её. Надо сразу оговориться, что часть методик и конкретных визуальных эффектов просто невозможно добиться без создания собственных кистей или узоров (особенно, если вы используете Фотошоп для рисования) и практически все стоящие графические программы позволяют создавать, редактировать и работать с нестандартными библиотеками оных ресурсов. А так как Фотошоп несомненно и безусловно является стоящей программой в нём эта возможность тоже предусмотрена. Кисти и узоры создаются по одной и той же методике и различия появляются только на стадии применения, так что рассмотрим их в связке.

Создание.

2-1. Создадим новый документ (Ctrl+N) с белым фоном. Размеры документа, как вы увидите впоследствии, значения не имеют, так как для новой кисти нам потребуется лишь часть изображения небольшого размера (50х50, 80х80 px или около того, на него и ориентируйтесь, хотя в дальнейшем поэкспериментируйте и с другими масштабами). Для создания образца размеры могут быть много больше. Конкретные ограничения на них мне не известны, так что, подобно бытию определяющему сознание, размеры образца определяются целями использования.

2-2. Выберем инструмент для создания требующегося узора или кисти - карандаш или кисточку (Pencil Tool / Brush Tool) - (B). Для создания сложных образцов можно использовать соответственно более сложные инструменты, но главное не переборщить. Создание хорошей кисти это почти искусство и половина дела. Сделав действительно качественную кисть можно ощутимо облегчить себе жизнь и улучшить свою работу. Изготовить волосы, шерсть, ткань, шершавые металлические поверхности и другие материалы станет делом пяти минут, а результаты поразят вас самих. Не переживайте, если с первого раза результат применения созданной кисти получится не совсем (или совсем) не таким каким вы его ожидали, практика это вылечит.

2-3. Вернём цвета к стандартному чёрно-белому умолчанию (D), чтобы сразу видеть как будет выглядеть кисть в конечном варианте. Помните эту особенность кистей - они преобразовываются в режим изображения из цветного в grayscale, т.е. в черно-белую гамму. Так что в принципе абсолютно не важно, делаете ли вы кисть цветной, черно-белой или изначально создаёте документ с режимом grayscale - результат всегда один - цветовая информация будет отброшена. Не пугайтесь, никто не запрещает вам в дальнейшем при использовании созданной кисти применять цвета других палитр. Ограничение на цветность относится только к кистям. Образцы вполне могут быть многоцветными.

2-4. Теперь, выбранным инструментом, нанесите несколько близкорасположенных точек и/или штришков на холст (помните о размерах - 50х50, 80х80 px). Не мельчите особенно и не усердствуйте с количеством точек - 7-10 будет вполне достаточно. Каждая из этих точек в дальнейшем будет формировать отдельную ворсинку кисточки и рисовать линии изображения, так что между ними должно быть достаточно места и они не должны перекрывать друг друга при движении. Будьте аккуратны. Вроде бы всё очень просто, но в конечном варианте может не смотреться. Не спешите и продумайте как будут смотреться штрихи сделанные этой кистью в разных направлениях.

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

2-5. Итак, примем за исходное, что всё уже сделано и продолжим. Маловероятно, что с первого захода вы сделаете идеальную кисть, но нам сейчас важнее понять принцип её создания, а не эстетствовать на пустом месте. Выберем инструмент выделения Rectangular Marquee Tool или Elliptical Marquee Tool - (M). Для создания кистей прямоугольное ли или круглое выделение использовать - не существенно. Для создания образцов, которые работают по принципу "заливки" собой изображения, подходит только выделение правильной, прямоугольной формы. Выделим нужный фрагмент изображения и с помощью команды Правка / Определить кисть | Образец (Edit / Define Brush | Pattern) определим содержимое выделенной области как кисть или образец. При этом откроется окно диалога, где будет предложено назначить новой кисти/образцу имя (по умолчанию Sampled Brush | Pattern #№).

Что касается создания - это всё. Как видите - быстро и незамысловато. Теперь, что касается непосредственно использования.

По образцам особенно растекаться мыслию по древу не придётся - не наши масштабы. Скажу только, что применить новосозданный образец заливки вы можете выделив необходимую часть изображения и нажав Shift+F5. В открывшемся окне заливки (Fill) укажите, что вы хотите залить выделенное именно узором (Pattern) и каким именно (выбираем наш новый), а также режим смешивания (Blending Mode) и степень прозрачности (Opacity). Подтверждаем и заливаем. Другой вариант - поискать его в эффектах слоя, через Layer / Layer Style / Pattern Overlay, где присутствует дополнительная возможность масштабирования нашего узора. Вообще, все новые узоры присутствуют везде, где есть возможность заливки и выбора её типа. Физически же они живут тут: x:\Program Files\Adobe\Photoshop\Presets\Patterns\....

В отношении же кистей их использования и настроек можно написать отдельную книгу, но я определённо, не тот человек, что обладает подобным гражданским мужеством, так что буду предельно краток. Доступ к части настроек и команд по кистям мы можем получить через панель атрибутов инструмента при выбранном инструменте "Кисть". Эта панель с 6 версии Фотошопа находится вверху окна программы, непосредственно под выпадающими меню. До указанной версии она располагалась в правой части окна и вертикально. Точнее уже и не вспомнить. Выберите инструмент "Кисть" и на указанной панели щёлкните на предпросмотре кисти. В появившемся окне представлен весь список установленных кистей. В его верхнем правом углу расположена стрелка, вызывающая выпадающее меню, с помощью которого возможно удаление и переименовывание кистей. Оттуда же можно загрузить любую из существующих на компьютере библиотек кистей. Посмотрите на библиотеки идущие в стандартной поставке Фотошопа. Они пылятся в каталоге Фотошопа ..\Presets\Brushes\.... Существует мнение, что они довольно бестолковы и, в принципе, я его разделяю, но кое-что вполне может пригодится.

Приблизительно это вы увидите с помощью панели атрибутов инструмента "Кисть". Выделены ключевые моменты и интерактивные элементы меню, вызывающие дополнительные диалоговые окна.

Более продвинутые настройки доступны через Window / Brushes (F5) или щёлкнув на закладке Brushes в правом верхнем углу окна программы. С помощью этого броузера вы можете выполнить все вышеперечисленные задачи и дополнительно настроить каждую конкретную кисть максимально в соответствии с вашими требованиями. Оттуда, например, настраиваются такие параметры как: размеры, шаги, углы, степень огрубления, затухание (особенно полезно при работе с помощью мыши там, где требуется графический планшет), текстуризация, смазывание и прочее. Дополнительная интеграция вышеупомянутого планшета под данное приложение и конкретные кисти осуществляется тоже здесь. Излишне долго останавливаться тут мы не будем, предлагаю попытаться ознакомится с содержанием данного окна самостоятельно, а при возникновении вопросов, задавать их на форуме. Итак, для проверки нашей кисти одним из упомянутых способов активизируем окно, выберем вкладку с основными параметрами кисти, выставим нужный размер и шаг (Spacing), для той кисти, что получилась у меня, мне нужен шаг (т.е. интервал "повторений" кисти при движении) равный 1. Отметим галочкой "Динамическую форму", выберем нужный цвет и пробуем. У меня всё ништяк, а у вас? Попробуйте опцию затухание (Fade). Поэкспериментируйте.

Не забывайте одно золотое правило - самая неприглядно выглядящая кисточка, может оказаться шедевром при правильной настройке и использовании. Помните ту кисточку в начале урока? Вот, что мне удалось сделать с её помощью всего за 20-25 минут. И это только набросок, который, видимо, так навсегда и останется всего лишь наброском. Вообще статья (или даже несколько, так как технологий несколько) по изготовлению волос будет представлена отдельно, но данный набросок вполне может проиллюстрировать часть богатейших возможностей Фотошопа в области работы с кистями. Также, весьма неплохо делаются разнообразными кистями и другие материалы.

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

Если вы, как и я, пошли по пути наименьшего сопротивления и решили создать новую кисть, не забудьте в броузере кистей выставить ей, как минимум, пару параметров: шаг (Spacing - т.е. интервал "повторений" кисти при движении), на основной вкладке кисти, равный 1 и отметьте галочкой "Динамическую форму" (первая по счёту). Для работы над волосами проще всего использовать графический планшет (я делаю именно так), но мышью это тоже осуществимо, хотя и несколько дольше.

3. Создайте новый слой (Shift+Ctrl+N). Старайтесь вообще все отдельные этапы работы по возможности делать на новом слое. Этот слой мы отведём под набросок волос, хотя бы контуров.

Набросок будущих волос.

Более тщательная прорисовка фактуры.

5. Создаём очередной новый слой и начинаем детализировать нашу заготовку. В примере к данной статье я шёл от самого тёмного цвета и с каждым новым слоем осветлял его. Соответственно, выберем более светлый оттенок того же цвета (придерживайтесь пределов основного цвета, чтобы в вашей причёске не появился неестественный цвет) и, двигаясь по направляющим, начинаем конкретизировать форму и текстуру волос, осветляя нужные места. Если вы работаете мышью и не можете в полном объёме контролировать давление, возможно лучше выполнять все работы на этом и последующих этапах кистью с прозрачностью (Opacity) менее 100% (около 30%). Изменять прозрачность кистей можно с цифровой панели вашей клавиатуры. числовые клавиши от 1 до 0. Клавиша 1 означает 10%-ную, а 0 - 100%-ную (то есть полную) непрозрачность кисти. Для выставления точного значения прозрачности, комбинации цифр набираются без паузы.

Создание трёхмерности за счёт появления света и теней.

6. На новом слое продолжим работу по детализации изображения, добавляя всё новые и новые детали. Новым, ещё более светлым цветом отрисовываем локоны и нити волос. Делаем локальные световые блики. При этом все тени формируются нижним, самым первым слоем.

Создание "глубины".

7. На всех последующих слоях, всё более светлыми цветами, мы наносим всё более мелкие детали, которые придают реалистичности финальной работе. Тут, в основном, наносится свет на конкретные пряди и волосы. Обратите внимание, чтобы на каждом последующем слое пятна света становились всё меньше и плавно сливались с пятнами света на нижележащих слоях. Не напрягайтесь особенно, кисть сама должна формировать конретные волосяные нити. Ваша задача лишь подчеркнуть это и следить за направляющими, чтобы волосы смотрелись естественно и не нарушали гармонии причёски. Свет и тень здесь лишь инструмент для усиления этого эффекта. Когда начнёте работать над совсем мелкими деталями - создайте маленькую кисть и работайте ей. Можно даже использовать 1 пиксельную кисть с жёстким краем и/или ластик той же формы или формы рабочей кисти. Количество слоёв не ограничено. Заканчивайте, когда почувствуете, что довольны результатом. Эти волосы я делал изначально рассчитывая на уменьшение размера изображения до размера анимированного gif`а, идущего с этой статьёй, и не использовал маленькие кисти и не детализировал изображение максимально. При уменьшении указанные действия всё равно бы "съелись", но, надеюсь, что техника ясна.

Детализация.

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

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

Ваш коментарий будет первым

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