Home
Советский Энциклопедический Словарь v. 2.0
Сюрприз внутри
Adobe Photoshop: Фотореализм через маску 
3rd-Nov-2008 06:45 am
!Этот урок написан мною, и все материалы в нем принадлежат мне. Если вы хотите его опубликовать у себя на сайте, то ссылка на меня или упоминание моего авторства обязательны! Но перед этим желательно написать мне на 13grandprix@mail.ru о ваших намерениях. Спасибо.  


Adobe Photoshop: Фотореализм через маску



© Uncle Cameleon

В этом уроке я хочу рассказать о рисовании с помощью Adobe Photoshop (в частности Photoshop CS3) в стиле фотореализма. Я буду говорить о соперничестве с фотографией, передаче объема, эффектов и фактур. А также самые о самых базовых знаниях колористики. Есть много методов начала рисунка, но здесь будет говориться о самом, на мой взгляд, необычном и продвинутом — рисовании сквозь маску. Применение масок для создания в конечном результате объема является довольно-таки своеобразным подходом. Здесь все зависит больше не от хода работы, а от уровня аккуратности начального фундамента, который вы закладываете. Вы можете создать очень аккуратную тонкую маску, которая позволит закончить рисунок намного быстрей и точней. Я привожу в пример маску, которая создана по обычному наброску, чтобы можно было легко понять, как это действует. Вы же потом можете пробовать совсем другие подходы и приемы. И так, мы будем создавать из контуров объем: 



*Цветовые пятна, их рифма и колористика: Немного отступив от главной темы я хочу рассказать о колористике. Колористика — сочетание цветов. Все цвета так или иначе рифмуются друг с другом, чтобы создать уникальное сочетание. Есть пары цветов, которые максимально контрастны по отношению друг к другу. Две из таких самых сильных пар составляют сочетание красного с зеленым и синего с желтым. Именно эти две пары я использую в данном рисунке. Для этого мне нужно, чтобы цветовые пятна составляли единство. Фронтальной фигурой будет клубника. Она красная. Клубника будет лежать на дольке лайма, который ярко-зеленый. Такое физическое касание объектов связывает и рифмует как цвета, так и обобщает в целом. Рядом с клубникой две ягоды черники. Они синие, с массой оттенков. За ними половинка персика. А она насыщенная желтая.  



В то же время синий рифмуется с зеленым ("прохладные" оттенки), а красный с желтым ("теплые"). Заодно такие разные цвета помогут выделить объекты, что позволит проводить более наглядные примеры. Это самые элементарные сочетания цветов. Более сложные вариации представляют собой сочетание разных оттенков и градаций внутри самих объектов, но это для отдельной темы.

Теперь от теории пора постепенно перейти к практике. У меня есть готовый ч/б набросок, в котором преимущественно только одни контуры. Вы можете сделать еще более простой, как батик. Мой я делала для демонстрации перехода контура в часть рисунка. Контуры вашего наброска будут очень точно определять формы объектов, их границы и визуальное взаимодействие. Это также очень удобно, если вам нужно передать в реализме что-либо максимально приближенное к наброску (например, лицо персонажа). Теперь мне нужно создать маску в новом слое из всех черных цветов, не трогая белый. Для этого нужно выбрать из боковой панели инструмент «Magic Wand» и его свойство «Tolerance» уменьшить почти до нуля. Чем это значение ниже, тем больше чувствительность к цветам, не являющимися белым. Это зависит от качества вашего наброска. Включите опцию «Anti-alias» для предотвращения эффекта "лесенки". Все наиболее темные участки теперь выделены, осталось отрегулировать саму область выбора. Для этого нажимайте на «Refine Edge...» (Alt+Ctrl+R) или по пути «Select» > «Refine Edge...» У вас откроется окно настройки свойств выбранной области. Нажмите на иконку «Mask», затем убедитесь, что включена опция «Preview». Теперь все ваши манипуляции с «Select» видны сразу же на холсте. Настройте контуры по вашему усмотрению и «OK». Сделайте новый пустой слой, не отключая «Select». Выберите новый слой нажмите на иконку «Add vector mask», которая находится внизу панели «Layers». Автоматически будет создана маска из выбранной области. Переключитесь на слой рядом, который должна пропускать через себя маска, и залейте его черным. В итоге, если вы все сделали правильно, то у вас должен получиться некий аналог вашего наброска: 



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



*Инструментарий: Прежде чем углубиться в процесс более серьезно, вам нужен удобный инструментарий. Это одна из самых главных причин, почему я предпочитаю работать только в Photoshop. Удобство рабочего пространства в нем именно такое, каким должно быть. Ничего лишнего, ничего сбивающего с толку. Вам нужен только такой набор настроек под рукой, который позволяет в секунды отрегулировать кисти, слои, текстуры, паттерны и цвета. В Photoshop все это есть, есть возможность настраивать что угодно. У меня почти всегда развернута панель настройки свойства кисти, и она занимает достаточно большое пространство рабочей поверхности. Мое рабочее место будет выглядеть так:



Рабочее место готово к эксплуатации и нужно сделать формы более глубокими. Для этого есть инструменты «Dodge Tool», «Burn Tool» и свойство кисти («Mode»)«Overlay». «Overlay» — одно из самых используемых мною функций во время рисования, позволяющее насыщать и осветлить те краски, которые безжалостно душат «Dodge» и «Burn» инструменты. «Dodge» и «Burn» тоже имеют по три свойства («Range») действия на цвет, которые вам по мере необходимости можно переключать. В «Overlay» вам нужно подбирать те оттенки, которыми будете работать.



Теперь опять возвращаемся к рисованию. Начинаем делать все более объемным, добавляя тени и блики. Картинка должна начать казаться немного грязной из-за того, что цвета были "выжжены" в несоответствии с их природными оттенками. Тут нам и понадобится кисть с «Overlay», чтобы оживить все. Подбирайте легкие цвета и верните утраченные оттенки. Не забывайте периодически отключать видимость маски, чтобы жирные черные контуры не мешали вам оценить набор цветов. В конечном итоге мы приблизимся к желаемому результату.



Пришло время использовать маску по назначению и сделать черные контуры цветными. Для этого я переключаюсь в слой с маской. Все, что залито черным, нужно теперь сделать такого же цвета, как и в нижнем слое. Для этого нужно взять пипетку («Eyedropper Tool», она также вызывается нажатием на Alt) и забирать соседние с черным контуром цвета, перекашивая их в аналогичный. Это очень быстрый процесс и все это должно выглядеть следующим образом:



Теперь края рисунка стали более четкими, что еще сильней приблизило его к реальности. Далее нужно сделать еще один закрывающий слой поверх всех остальных, на котором мы будем уже отрабатывать детали. На самой поздней стадии все три слоя можно будет склеить, чтобы создать прикрепленный слой «Clipping Mask», но я еще к этому вернусь. А пока начинаем присваивать каждому объекту его уникальные свойства и фактуры. Я начала с черники, затем персик, клубника и лайм. После чего пойдет общая коррекция.

*Эффекты: Фрукты и ягоды должны казаться живыми, частью природы. У каждого из них есть свои уникальные свойства. Например, черника маленькая и дутая. Ее шкурка покрыта своеобразным налетом, который не отражает свет. Но он не полностью ее покрывает. На ней есть участки, где и просвечивает гладкая поверхность. И все это делает ее неравномерной окраски. Поверхность черники отдаленно напоминает поверхность Земли. Персик мягкий, сочный. Он абсорбирует свет, т.к. обладает небольшой прозрачностью. Его шкурка бархатная, а его мякоть должна блестеть от влаги. У лайма жесткая неровная шкурка, а его дольки в разрезе сочные и обладают достаточно высокой прозрачность, чтобы пропускать через себя свет насквозь. Самая сложная по своим свойствам и форме — клубника. Она упругая, хрустящая и обладает гладкой поверхностью, которая отражает свет. Ягода испещрена углублениями с зернами. Одновременно с тем клубника абсорбирует свет. Она к концу становится бледно-зеленой, а ее зерна уменьшаются и их становится больше. Еще она круглая, а это значит, что основной блик на ее поверхности будет как у обычного шарообразного объекта.


Добавляем на поверхность черники бархатистость:



Делаем мякоть персика отражающей свет (еще я отбросила на край клубники оранжевое отражение):



Далее по списку клубника с ее сложной формой, отражающей и пропускающей свет. Я показываю тень четче и отражения от других предметов. Все цветные отражения окружающих объектов идут по краю. Я делаю ее округлой формы, а потом как бы вдавливаю в поверхность углубления, добавляю тени и свет. Внутри них еще будут располагаться зерна. Потом нужно создать переход от красного к бледно-зеленому с помощью легкого розового цвета и свойства «Overlay»:



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



У нас почти все готово и осталось внести последние штрихи и общую коррекцию цвета. Все еще некоторые участки могут казаться несколько синтетическими. Я утвердила маску и она соединилась в единый слой (Layer > Layer Mask > Apply). Затем, я склеиваю все три слоя с цветами, т.к. на данной стадии нет необходимости в их разделении. И у меня остается слой с рисунком. Пришло время добавить несколько уникальных деталей и бликов туда, где этого нехватает. Я просто нарисовала капли сока на дольке лайма, сделала впадины на клубнике более светлыми и еще несколько мелочей. Желательно все новые изменения делать на отдельном слое, а потом его уже приклеивать к остальным. Но нам сейчас нужны фрукты только в целом слое, чтобы можно было создать «Clipping Mask». Находясь в слое, который вы хотели бы откорректировать, выбирайте команду создания еще одного слоя, который должен быть точно поверх рисунка. Выберите новый слой и выберите команду «Layer» > «Create Clipping Mask» (Alt+Ctrl+G). Новый слой "упадет" на тот, который под ним и прикрепится к нему, как новый дополнительный слой-маска.

*Clipping Mask: Перед завершением работы я немного расскажу о масках-клипсах. Это более широкий набор слоев для работы над отдельными фрагментами рисунка. Как известно, обычная маска определяет пропускную способность слоя и действует только на содержимое того слоя, в котором находится. Маски можно включать даже для разных эффектов («Adjustment layer»), благодаря чему вы можете проводить все необходимые исправления локально. Но есть еще и очень нужные маски-клипсы, которые будут отражаться только на том слое, к которому они крепятся. Чуть ниже простой пример того, как маски-клипсы взаимодействуют между собой:



К одному и тому же слою можно прицепить несколько «Clipping Mask», в каждом из которых настроить индивидуальные свойства и эффекты в зависимости от сложности работы. Я использую только одну и включу модификацию «Overlay». Кистями с текстурами я буду слегка наносить новые оттенки, постепенно меняя текстуры на более подходящие. Объекты получили дополнительный свет и тень, а также на них появились легкие текстуры, что визуально делает работу сложней. Некоторые цвета стали более насыщенными и сочными. Кое-где появились новые оттенки. Работу можно считать законченной.



Послесловие: Я ни в коем случае вас не призываю так скурпулезно истязать себя и рисунок каждый раз. Даже наоборот, чем вы быстрей будете учиться заканчивать работу, тем более воздушной и профессиональной она будет выглядеть. Это обобщающий урок, в котором мне хотелось рассказать о фотореализме и применении масок. Здесь есть масса дополнительных пунктов, которые могут послужить темой для отдельных уроков, и которые были затронуты мною крайне поверхностно. Вы можете искать свои, более удобные для вас, пути достижения цели. Данная работа была нарисована с нуля без фото-пособий, специально для написания урока, поскольку меня уже об этом давно просили. Я старалась растолковать каждый свой шаг и прием, но надеюсь и на ваши собственные знания программы. И в довершении к моей графомании еще хотелось добавить, чтобы вы не руссифицировали интерфейс Фотошопа. От того, что вы будете знать перевод той или иной команды, знаний о свойствах этой команды у вас не появится. Лучше немного выучите английский. На этом все, спасибо за внимание :^)

Comments 
3rd-Nov-2008 04:08 am (UTC)
Спасибо, познавательно. А можно вопрос. Скажи Наташа в мои 19 лет можно научиться рисовать?
3rd-Nov-2008 04:09 am (UTC)
Научиться можно чему угодно и когда угодно, если физически это что-то способен делать.
3rd-Nov-2008 04:14 am (UTC)
Ну вот например на парах в тетради я рисую всякую чушь которая даже допустим человек на человека не похож... :) Вот внутренне я хочу научиться рисовать.. а может у мен не тпредрасположенности к этому? МОжет знаешь есть какиенибьудь уроки рисования в инете? Видишь я не знаю , может я вовсе и неспособен рисовать... т.к. я больше музыкален. Как это определить? Или все уже определено?
3rd-Nov-2008 04:18 am (UTC)
Обычно это чувствуешь. Есть такие стили, где люди не похожи на людей. Есть много книг по технике, но я сомневаюсь, что можно найти хотя бы одну «Найди свой стиль». Все предрасположенности ты должен чувствовать сам. Если у тебя что-то не получается, то попробуй это сделать по-другому.
3rd-Nov-2008 04:24 am (UTC)
;) ЛАдно, попробую разобраться с этим. А скажи планшет кроме рисования какт оможно использовать? Ну как сенсорную панель например, можно или нет, или еще как то?
3rd-Nov-2008 04:25 am (UTC)
Как большую плоскую мышку :^)
3rd-Nov-2008 04:27 am (UTC)
Спасибо! ;)
10th-Mar-2009 03:21 pm (UTC)
)))Отлично просто Отлично))
3rd-Nov-2008 06:21 am (UTC)
Спасибо большущее! Ты мне очень помогла этим потрясающим уроком. ;)
3rd-Nov-2008 07:18 am (UTC)
Пожалуйста. Надеюсь, что модераторы сообщества ru_photoshop его пустят. Или обматерят меня X^)
3rd-Nov-2008 07:56 am (UTC)
Конечно пустят! Ты умНЯшка!
3rd-Nov-2008 09:04 am (UTC)
Большое спасибо за урок! Надеюсь, это не последний.
Мне вот интересно, насколько я знаю, ты нигде не училась рисовать, а выглядят твои работы весьма впечатляюще. Не поделишься секретом, что ты использовала для самообразования? Может даже про какие-то основные книги/интернет-ресурсы расскажешь вкратце. Был-бы очень признателен.
3rd-Nov-2008 10:04 am (UTC)
Практические пособия я обычно просто пролистываю, смотрю картинки, но методы предпочитаю находить свои. По КГ-графике очень мало реально чего-то ценного и ей приходятся учиться самому. Да это относительно новое течение. Кто ею занимается с самого появления планшетов, Шопов и Пеинтеров, сам до сих пор учится. Я всегда повторяю — практика. Если постоянно практиковаться, то начнешь делать лучше. Просто один взгляд на работы современных профессионалов и уже должна появиться уверенность, без пособий.

http://www.wacom.ru/lessons.html?id=181 - это мой предыдущий. Я думала его переписать и перерисовать контент. Ему уже почти два года.
4th-Nov-2008 02:47 am (UTC)
Спасибо Наташа. И за кисти твои отдельное спасибо ))
3rd-Nov-2008 09:52 am (UTC)
это восхитительно
3rd-Nov-2008 12:09 pm (UTC)
Спасибо огромное!!! Очень классно иполезно!)))
3rd-Nov-2008 02:38 pm (UTC)
Огромное спасибо!
3rd-Nov-2008 03:41 pm (UTC)
круто но я далёк от рисования :)
3rd-Nov-2008 04:05 pm (UTC)
Действительно хороший урок.
3rd-Nov-2008 04:54 pm (UTC)
Ты молодец, иначе не скажешь)
Жаль, фотошопом я не занимаюсь и пока не собираюсь. Да и до такого уровня ещё дойти надо)
А урок правда профессиональный...
3rd-Nov-2008 07:53 pm (UTC)
Вот как вам художникам легко, а? Сел, поработал - и пост с клубничкой, черничкой, лаймом и персиком готов. И читать интересно, и выглядит здорово. А мне что выложить? Расчеты детали пилона на акустическую усталость методом частотного отклика? И потом не призывать так скурпулезно истязать себя и деталь каждый раз :) Завидно мне, блин.
3rd-Nov-2008 08:45 pm (UTC)
Если тебе будет легче, то я думала, что в дурку попаду, когда это допишу.
3rd-Nov-2008 09:20 pm (UTC)
:-)
3rd-Nov-2008 11:11 pm (UTC)
невозможно удержаться )))
название статьи так и тянет прочитать как "Adobe Photoshop: Фотореализм через *опу" )))

хотя на самом деле спасибо большое, я знаю, это очень большой труд, сам иногда пишу руководства или еще чего по комиксам. Прочитал один раз. Завтра прочитаю еще раз )
Тем более маски это как раз то, что я не понимаю зачем вообще нужно )) хоть пойму как их применять можно )
3rd-Nov-2008 11:14 pm (UTC)
Не замечала, что слово "маска" похоже на слово "*опа" :^|

Ты сам у меня спрашивал, как контуры в объем переводить. Вот. Ответ. Есть контуры — сделай из них маску. Для тебя написано же ¦^D
4th-Nov-2008 09:06 am (UTC)
Видимо, пока не попробую это сделать, не пойму чем это отличается от покраски при контуре поверх в режиме мультиплай )

то, что для меня - это да )) просил, это точно )) спасибо большое, еще раз ))
3rd-Nov-2008 11:39 pm (UTC)
Афигенно
5th-Nov-2008 01:09 pm (UTC)
Миль пардон за буквоедство. :)

"Выберите новый слой нажмите на иконку «Add vector mask»"
Add layer mask.
Хотя да - это одна и та же кнопка в разных ситуациях.
7th-Nov-2008 08:33 am (UTC)
Хороший урок, но я, например, не понимаю как в Фотошопе можно рисовать. Если я что-то и рисую то в Пэинтере, а Фотошоп только по прямому назначению использую — для ретуши и прочей коррекции.
9th-Nov-2008 11:38 am (UTC)
классный урок... волокнистость это зачет )
13th-Nov-2008 10:46 pm (UTC)
у меня чуть слюни не потекли, когда лайм и клубничка вблизи. оооочень реалистично.
в избранное добавлю, пусть будут поближе к сердцу статьи :)
11th-Jan-2009 02:47 am (UTC)
Класс-класс-класс, по первому разряду!:)
Спасибо.:)
1st-Feb-2009 06:25 pm (UTC)
Спасибо большое, мне очень-очень пригодится этот урок.=)))
1st-Feb-2009 11:52 pm (UTC)
Цветокомпозиция прекрасна.

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

2. Капля на лайме смотрится как свисающая сопля из-за отсутствия тени под ней

3. тени на поверхности стола должны быть более живыми ( там только полутень. тени там нет у вас). и еще они рефлексируют от самих ягод, то есть тень не может быть однородно серой



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

Копируете иллюстрацию в новом слое, десатурируете. применяете фильтр "high pass" и накладываете в режиме оверлэй. Вы же, предлагаете это делать вручную.

Но это все не главное. Главное в илллюстрации душа. А тут ее много ). простите за критику. сам я ее терпеть не могу как явление.
1st-Feb-2009 11:56 pm (UTC)
Хотя, нет. прием с контуром все равно может сэкономить время в некоторых случаях. Он имеет полное право на существование )
4th-Apr-2009 01:26 pm (UTC)
Наташа, а в каком размере вы рисуете изначально? Очень интересует этот вопрос.
This page was loaded Nov 8th 2009, 3:27 am GMT.