Декомпозируй их, или как эффективно изучать работы других художников

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

Саймон Сталенхаг
Саймон Сталенхаг

Разбираемся подробно с помощью Сета Рутледжа (Seth Rutledge) и Саймона Сталенхага (Simon Stalenhag).

Анализ композиции

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

Будем анализировать эту работу
Будем анализировать эту работу

Анализ двухтонового варианта

Какой объект больше всего притягивает взгляд? Куда вы смотрите дальше?
Какой объект больше всего притягивает взгляд? Куда вы смотрите дальше?

Первый читаемый объект в кадре — полицейская машина. Получается это благодаря высокому контрасту: мы видим тёмный объект, обрамлённый светлым пятном. Мост, разделительная полоса на дороге, провода — все линии тоже направляют взгляд зрителя к ней. Робот заметен, но не очень сильно.

Посмотрим на вариант с тремя тонами

А куда вы смотрите сейчас? Что читается первым — робот или машина?
А куда вы смотрите сейчас? Что читается первым — робот или машина?

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

Изучаем вариант в четырёх тонах

В этом варианте читаемость улучшилась или наоборот?
В этом варианте читаемость улучшилась или наоборот?

Разброс тоновых значений в этой версии невелик — рисунок весь в оттенках серого. Скорее всего, в этой работе Саймон пользовался 3-х тоновой системой.

Как создать изображение в двух-трёх-четырёх тонах?

Сет не объясняет, как именно он создает картинки для тонового анализа, но мы можем подсказать, как добиться очень похожего эффекта.

Двухтоновый вариант проще всего создать с помощью инструментов «Уровни» (Levels) или «Кривые» (Curves). Переводим картинку в оттенки серого, заходим в Create Adjustments Layer и двигаем ползунки, пока на картинке не останутся только черный и белый цвета.

Если вам нужны трёх, четырёх или пятитоновые композиции, то заходим в Image -> Adjustments -> Posterize и там задаем нужное количество тонов. Двухтоновые там тоже можно делать, но через кривые нам кажется удобнее.

У вас получится нечто подобное.

Декомпозируй их, или как эффективно изучать работы других художников

Если вам нужно ещё почистить шум, то достаточно будет добавить размытие по Гауссу примерно в 0,3.

Детализация, освещение и методы

Что будем искать?

  • Как работает освещение.
  • Как детали распределяются по работе.
  • Какие кисти используются и как.
  • Как и когда художник применяет текстуры.

Полицейская машина

Сталенхаг использует очень ограниченное количество деталей даже в точке фокуса. Издалека машина выглядит довольно детальной, но стоит приблизить — и видно, что прописали её довольно скупо.

Декомпозируй их, или как эффективно изучать работы других художников

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

Робот

Декомпозируй их, или как эффективно изучать работы других художников

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

Декомпозируй их, или как эффективно изучать работы других художников

Свет неба прохладный и мягкий, это хорошо видно на перчатке. Но если посмотреть на ту сторону робота, которая ближе к шоссе, то покажется, что оттуда идет более тёплый и жёсткий свет. Этот эффект усиливается жёлтыми мазками на металле. Все вместе визуально отделяет робота от фона — серого неба за ним.

Декомпозируй их, или как эффективно изучать работы других художников

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

Шоссе

Декомпозируй их, или как эффективно изучать работы других художников

Здесь мы по-прежнему видим одни только жёсткие кисти. Всё тут устроено так, чтобы не отвлекать зрителя от пары полиция-робот: детализация сведена к минимуму, Саймон даже убрал все детали с номерных знаков. Машины на шоссе освещаются мягким небесным светом. В сцене намного меньше контраста. Исключение — яркие огни фар и фонарей, но они не отбрасывают света на землю.

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

Повторение — мать учение

Будет ли этот метод работать с другими картинками? Повторим анализ на примере другой работы Саймона Сталенхага.

Теперь будем анализировать эту работу
Теперь будем анализировать эту работу

Два тона

Что вы видите лучше всего? На каком участке работы самый высокий контраст?
Что вы видите лучше всего? На каком участке работы самый высокий контраст?

Работа выполнена в низком тоновом ключе (преимущественно тёмные оттенки). Используется классическая треугольная композиция. В кадре есть человек, но в двухтоновом варианте его почти не видно — не похоже, что он главный герой картины. А что тогда?

Лучше всего мы видим горящую надпись — и сейчас она играет главную роль. Человек смотрит на неё, тем самым лишь усиливая этот эффект.

Три тона

Стало видно больше деталей. 
Стало видно больше деталей. 

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

Четыре тона

На этом этапе отлично видно разделение работы на три основных плана
На этом этапе отлично видно разделение работы на три основных плана

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

Плановость и композиция

Декомпозируй их, или как эффективно изучать работы других художников

Продолжим анализ. Передний, средний и задний план разделены огнями — красным, желтым и зеленым. На среднем плане выделяется синий свет в окне, он работает как часть визуальной линии, ведущей от человека к холму. Бункеры на заднем плане наклонены к центру и тоже указывают на надпись Buckhorn Hill.

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

Детализация

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

Посмотрите, как нарисованы вмятины на металле — небрежными мазками грубой кистью
Посмотрите, как нарисованы вмятины на металле — небрежными мазками грубой кистью

Чтобы показать дождь, Саймон использует «сухую» кисть и оттенки серого. Художник рисует его вертикальными мазками недалеко от источников света. Это логично — мы лучше замечаем снег и дождь, когда их подсвечивает фонарь или солнце, поэтому не нужно рисовать дождь равномерно по всей картине. В тех местах, где свет проходит сквозь падающие капли, художник окрашивает воду зеленым, желтым или голубым — цветом света.

Декомпозируй их, или как эффективно изучать работы других художников

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

Декомпозируй их, или как эффективно изучать работы других художников

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

Подводим итоги

Итак, что мы узнали о методах работы Сталенхага?

  • Композиции чётко поделены по тону, что обеспечивает читаемость.
  • Никаких мягких кистей, практически везде — непрозрачная краска. Так Саймон добивается живописного вида в цифровой картине — его работы часто принимают за выполненные гуашью.
  • Сталенхаг использует текстуру, чтобы подчеркнуть форму, сделать переход плавным (имитировать градиент) и придать картине глубины, а не просто для красоты. В тени текстуры почти не видно.
  • Не нужно бояться добавлять «выдуманный» свет, если он выигрышно подчеркивает ваши формы.
  • Фоновые огни используются как нюансы и не особо влияют на окружающую среду — не усложняйте!
  • Контролируйте уровень детализации и уменьшайте его по мере удаления от объекта.
  • Рисуя дождь, снег, пыль или другие мелкие частицы в воздухе, не наносите мазки по всей картине равномерно. Они будут заметнее в тех местах, где их подчеркнет освещение.

Дополнительные материалы

Блог Сета Рутледжа, где он анализирует работы разных художников и говорит о рисунке:

Наша статья о тоне в композиции на DTF:

Основы. Видео художника Zin Lim, где объясняется, что такое пятитоновая система и как ее использовать, чтобы рисовать простые объекты или портрет.

Практика

Возьмите эту (или любую другую) работу Саймона и попробуйте повторить анализ по методу Сета Рутледжа.

Декомпозируй их, или как эффективно изучать работы других художников

Статья написана специально для Smirnov School, онлайн-школы, где готовят концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Для читателей DTF у нас есть специальные скидки.

225225
33 комментария

Странно, что он не упоминает про воздушную перспективу и как она влияет на плановость картины (особенно во втором примере)

Странно, что он не упоминает еще одну особенность Сталенхага - любовь к картинкам на большом фокусном расстоянии (за 70мм). Особенно это видно на дорогах.

Странно, что он упоминает про использование текстур, но не показывает где именно (текстура на дороге?). Честно говоря я самостоятельно изучал его работы и не находил примера где текстура использовалась по прямому назначению. Скорее если они где-то и всплывали, то несли в себе утилитарную функцию (чаще всего как подложка для обрисовки).

Ну и еще чувствуется олдскульность использования фотошопа автором.
Image -> Adjustments -> Posterize используют только единожды и если у тебя картинка одним слоем. Если у тебя в файле тонны слоев, то надо идти в окно слоев и создавать Adjustment layer с нужной тебе функцией. Избавишься от кучи геморроя да и настройки будут более гибкими.

14
Ответить

Комментарий недоступен

3
Ответить

+ за последний абзац

2
Ответить

Как верно заметил Павел, инструмент берут под задачу. Задача здесь - создать быстрый тоновой разбор для картинки, у которой в 99 процентов случаев и будет один слой. Здесь анализируют чужие работы, и если вам каким-то образом не удалось добыть psd (скачать или купить), то вы будете иметь дело с обычным джипегом. 

Это не вариант проверки своей работы в разных тонах. Об этом речи не шло вообще. 

Точно этот же инструмент Posterize неоднократно использовал Сэм Нильсон для проверки работ своих учеников. 

1
Ответить

Хорошая попытка, направление верное, только толку от созерцания того, как фотошоп разбивает картинку на тона немного. Это нужно делать как говорится "на кончике стилуса, карандаша, кисти", т. е. самому глазами определить эти два-три-сколько еще надо тонов и самому намазать их в тех пропорциональных отношениях, которые создают изображение оригинала, т. е. самому расчитать и "вывести формулу" этих свето- или/и цвето-тональных отношений. А если просто созерцать и не пропускать чужую работу через свою систему "глаза-рука-мозг", то КПД от такой нассмотренности будет 0. Практика - критерий истины! Больше практики и да прибудет с вами сила!)

4
Ответить

Дайте соурсы на работы в статье. Очень хочется на рабочий стол поставить

1
Ответить

Комментарий недоступен

3
Ответить