multiply layer

Коротко о названиях слоёв в работе

Subsurface scattering

Intro

Здесь я попытаюсь рассказать, свой способ как сделать SSS. 

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

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

Суть в том, что SSS крутой эффект, который делает предметы "парафиновыми". Очень хорошо подходит к коже.

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

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

На потребуется:

 - Photoshop

 - Рисунок с чем-то, что обладает выраженным SSS. Причем value должна быть отделена от Hue и от лайна. Желательно, чтобы освещение от направленного источника света было в отдельном слое.

Прежде чем мы начнем

Все должно быть в линейном цветовом пространстве. Иначе ничего не получится. Ну получится конечно, но немного не то.

В фотошопе, нужно поставить в настройках цвета вот такую галочку:

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

Исходный рисунок

Я возьму один из своих рисунков. Кривоват, но для экспериментов сойдет.

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

Как я уже упомянул ранее, она должна быть разбита на слои примерно так:

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

Мы будем работать с слоем "Освещение от направленного источника света" (layer 6) который по сути монохромная маска отделяющая освещенные участки от неосвещенных.

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

Если у вас этот слой уже с полутонами, то этот шаг можно пропустить.

Затем из папки SSS делаем смарт объект. Причина - я не знаю как применить Clipping Mask к папке, походу никак.

 Смарт объект SSS должен иметь тип смешивания Screen.

Далее открываем смарт объект SSS и добавляем новый слой и замазываем все красным:

Далее создаем еще две копии G1, называем G2 и G3. Их замазываем желтым и белым:

Наиболее заблюреной должна быть маска с красным. С желтым чуть менее, а с белым совсем немного.

Должно быть примерно вот так:

Красный должен быть 100% Opacity. Желтый значительно меньше, а белый вообще почти прозрачный.

Примерно вот так:

Далее закрываем смарт объект.

Clipping сработал не совсем так как хотелось бы. Вобщем пришлось все, что под ним сгруппировать в папку, все что в папке лежит на черной подложке (Layer 4 Copy 5). Теперь если включить Clipping, все, что внутри объекта останется, все что снаружи -> отрежется.

 В общем на этом все, вот итоговый результат:

Всем, кому интересны детали, прошу сюда

Наложение цвета в Photoshop

Перевод выполнен Егором Афониным.

Justin Gerard — иллюстратор, путешествующий по миру в поисках идеального места, с целью нарисовать его. К слову, он до сих пор его не нашел, но на своем пути повстречал много потрясающих людей, увидел много красивых мест и нарисовал множество картин.
Портфолио художника.

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

Обратите внимание: эта статья ориентирована на людей, знакомых с Photoshop, но еще не разобравшихся, как наилучшим образом раскрашивать иллюстрации с его помощью. Гении фотошопа, уверен, уже в курсе всего нижеперечисленного (а цифровые ниндзя, йети, воины и Чаки Норрисы могут смело проходить мимо).

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

Итак, в первую очередь:

Раскрашивая рисунок или монохромную живописную работу в Photoshop, вы можете допустить одну из двух типичных ошибок:

Ошибка №1: Мертвенная колоризированность. Вспомните раскрашенные старые фотографии – нам этого не надо.

Ошибка №2: Дешевый пластик. Вообразите фиолетового волка, воющего на желтушную луну. Этого нам тоже не надо.

Суть первой ошибки – сохранение слишком большого количества информации от исходного изображения, суть второй – наоборот, слишком малого. Мы ищем золотой середины. К счастью, для этого есть специальная программа – Photoshop! Нужно лишь правильно использовать предлагаемые ею инструменты.

Начнем с основ.

Режимы слоев

Чтобы наложить цвет в Photoshop, я создаю новый слой и выбираю для него режим. На примере с Красной Шапочкой я залил красным цветом её капюшон. При изменении режима слоя видно, как разительно меняется результат.

Как видно, если мы используем режимы по одиночке, то получаем результат, схожий с раскрашенной фотографией, то есть совершаем Ошибку №1.

Нам поможет наложение нескольких слоев в различных режимах. Как насчет таких комбинаций

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

По этой причине мы привыкли видеть «истинный» красный цвет лишь в ограниченной области. А предмет, окрашенный в один оттенок красного, кажется неправильным, каким-то плоским. Когда на объект падает прямой свет, красный цвет будет принимать оттенок света, а в теневой области на него повлияет цветной рефлекс от окружающей среды. Более того, по мере удаления объектов от зрителя цвет изменится из-за влияния воздушной перспективы.

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

Довольно, Джастин! Это все шляпа, потому что цвет можно накладывать в Normal!

Normal великолепен! Если вы новичок, работайте только с ним, пока не почувствуете, что понимаете механизм его работы. Normal довольно предсказуем и чрезвычайно универсален, если вы используете кисти с низким Flow и Opacity.

Однако если вы будете накладывать цифровые слои поверх уже окрашенной традиционным способом работы, то постепенно начнете закрашивать части оригинала, а окончательный эффект будет выглядеть пластиковым и неравномерным (привет, Ошибка №2). Чтобы использовать преимущества Photoshop на полную, вам придется использовать режимы наложения.

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

Я чаще всего использую Multiply, Color, Soft Light и Screen. При помощи этой четверки вы можете сделать практически все, а на выходе получить достойную картинку.

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

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

Режимы наложения из группы Soft Light - отморозки. У них нет хозяина, они не склоняются ни перед кем. Законы, которые ими управляют, наука еще не разгадала. Мне лишь известно, что если использовать яркий цвет на слое в режиме Soft Light или подобном ему, получится очень яркий и насыщенный цвет, который не затронет детали под ним. Так, я использовал ярко-зеленый цвет на слое в режиме Soft Light, чтобы выделить зеленые области на фоне остального изображения.

Режимы наложения из группы Color Dodge выжигают света. Использовать их стоит ОЧЕНЬ осторожно. Стоит переборщить - и вот вы уже поджигаете свечки на торте с помощью огнемета. Однако если использовать их экономно, они сделают ярко освещенные области, а также отблески на деталях интенсивнее. Я использую слои в Color Dodge, чтобы усилить блики, добавить контровой свет и отделить силуэты объектов от фона. А если чередовать эти слои со слоями в Multiply, можно неплохо расширить тоновой диапазон картины.

Режимы наложения из группы Color. Их нет на примерах, так как я использую их чрезвычайно редко. С помощью них я вытягиваю или, наоборот, ослабляю цвет в той или иной области. Эти режимы – классический способ для раскрашивания фотографий (думаю, вам и так все понятно, поэтому напоминать об Ошибке №1 я не буду). Злоупотреблять ими не стоит, однако в маленьких дозах они работают превосходно. Например, превосходно убивают цвет: если область слишком красная, я могу выбрать синий цвет, помазать им на слое Color, и он ослабит красный.

Режим Normal. При описанной методике работы без трюков с непрозрачностью не обойтись. На завершающем этапе работы, когда тоновой диапазон и цвета определены, я могу добавить деталей и прозрачных мазков, которые довольно легко смешиваются с остальной частью нашего изображения. Я использую Normal как режим наложения, зачастую устанавливая непрозрачность слоя менее 50%.

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

Посмотрим, пустят ли на реахтур еще одного художника....

Пайплайн от Johannes Helgeson

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

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

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

Хочу отметить, что мой процесс рисования постоянно меняется, так как я узнаю новые вещи, и то, что я делаю сейчас, в ближайшем будущем может сильно измениться. Пожалуйста, мыслите критически, когда подходите к этому делу, и знайте, что я едва ли достиг профессионального уровня в этой области знаний. Если вы серьезно подходите к обучению, познакомьтесь с трудами таких людей как Zorn, Sargent, J.C.Leyendecker, Rockwell, Velázquezи Sorolla.1. Лайнарт

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

Если говорить о графике— это целая отдельная глава, а этот гайд о покраске. Если хотите узнать больше о графике, посмотрите Stan Prokopenko's Youtube Tutorials, ознакомьтесь с Radhowto, почитайте Glenn Vilppu's Drawing Manualи Walt Stanchfield's Drawto Life Vol 1 и 2.

2. Формы тени

Используя инструмент «Прямолинейное лассо» (polygonallassotool), я накладываю тени с помощью маски-слоя на лайнарт,

Кстати, на прямолинейное лассо удобно переключаться со свободного с помощью горячей клавиши. Для этого активируем обычное свободное лассо и не отпуская левую кнопку мыши зажимает ctrl (PC) или cmnd (mac), после этого отпускаем левую кнопку мыши (держа зажатым ctrl) и вуаля — лассо становится прямолинейным.

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

Слой с тенями я залил черным цветом, я использовал 100% резкую непрозрачную кисть, чтобы разделить свет и тень. Мысленно я пытаюсь представить, что рисую так же небрежно как Mignola. В зависимости от того, сколько позитивного пространства я хочу поместить в тень, я буду рисовать либо тень, либо свет, который потребует меньше работы.

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

3. «Лепка» формы теней

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

Раньше я часто совершал одну ошибку — относился к этому шагу слишком небрежно. Не торопитесь, будьте терпеливыми, позже это принесет много пользы. Будет также полезно посмотреть на референсы, чтобы убедиться, что вы верно видите свет. Wes Burt, извините, надрал мне задницу на семинаре в Берлине 2009-2010 (не помню точно год) за мою ужасную тень.

4. Тень от рассеянного света (Occlusion)

Используя инструмент лассо (ни одного движения без него, иначе все углы будут очень «мягкими») и большой мягкий распылитель (airbrush), я добавил темных теней в области, которые получают мало света или не получают его совсем. Это хорошо разделяет формы одинакового оттенка и яркости.

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

5. Локальные цвета, температура и цветовые вариации

Для начала, я залил все телесным цветом. Затем я использовал кисть, которая смешивает цвета, и несколько текстурных кистей, чтобы добавить разнообразия и активировать цветовые пространства. Затем я начал добавлять температурные различия: я сделал колени и щеки более теплых оттенков, а грудь и таз более холодных. По сути, я просто думал о том, куда больше всего приливает кровь, все же очевидно. Также большую роль играет натуральный загар от пребывания на открытом воздухе. Например, женщина, которая носит бикини на пляже, получит определенный цвет кожи и, соответственно, различную местную «температуру оттенков». Раньше я делал ошибку — этот слой у меня был абсолютно плоским и только с местными цветами. Это выглядело скучно и плохо…

6. Рассеянный свет

Я представил, что эти девочки находятся где-то на улице в солнечный день. Поэтому нас окружает большой голубой купол неба, который все вокруг окрашивает в голубой холодный цвет. Я добавил тонкий холодный синий/фиолетовый цвет к тени наверху. Насколько я знаю, режим осветления работает, как и свет в реальной жизни, добавочно. Здесь важно не переборщить и сделать не слишком ярким синий свет, потому что тогда вы можете испортить контраст между тем, что по существу находится в тени и что на свету. Я считаю, что они как две разные семьи, которые я не хочу делать родственными.(Смотрите на рисунке ниже, шаг 7, в котором я соединил этот шаг и следующий).

7. Отраженный свет

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

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

8. Ключевой свет

Выбрав слой с формой тени из предыдущих, я создал новый слой с тенями как маску. Теперь, рисуя только светлые зоны, я работаю с большой кистью airbrush и теплыми оттенками. Я просто хочу поймать основное направление света несколькими простыми большими мазками.

9. Подповерхностное рассеивание

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

На новом слое в режиме наложения Overlay я рисую очень насыщенным красным. Сейчас я в основном рисую в самой затемненной зоне, а также в таких местах как пальцы и уши.

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

10. Рисование! Большое непредсказуемое путешествие в Шангри Ла!

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