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

Реалистичность

«Нарисованная на компьютере» вода почти никогда не бывает в строгом смысле слова реалистичной. Она подчеркивает те или иные свойства реальной воды, на которые мы хотим, чтобы зритель обратил внимание. Если мы изображаем горное озеро, мы концентрируемся на отражающей способности воды и, естественно, откажемся от всякой текстуры, изобразим его таким гладким и прозрачным, каким оно никогда не бывает. Важно концентрироваться на эмоциях зрителя. Если горное озеро выглядит «кристально чистым», а море – сплошной девятый вал, они будут казаться реальными.
Отсюда важный вывод: вода, изображенная не фотореалистично, может выглядеть более реальной, чем «настоящая». Посмотрите, например на морской бой, нарисованный Tomasz Jebruszek

Вода не фотореалистична, но при взгляде на нее – дух захватывает и прямо слышишь, как океан ревет и матросы на корабле матеряться. Полный размер см. на сайте автора. Еще эта картина примечательна тем, что она удерживает внимание на одном освещенном пятне океана, и вы не замечаете «огрехов» отрисовки «прочей воды». И еще один трюк: реалистичности воды «помогают» летящие брызги. Или посмотрите на кита ниже: моря как такового нет, но веришь что оно есть.

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

Способы текстурирования

1. Наложение обесцвеченной водной текстуры на градиент в одном из режимов наложения (overlay, soft light и т.д.)

 
при таком способе теряются «блики» на воде, этот способ хорош, когда нужно показать такое «карамельное» море – из окна отеля или вид с горы. Для «близкого» ракурса этот способ не подходит. Текстуры моря можно взять здесь.

2. Генерация моря в 3D

Самое простое – в программе Vue, которая специально заточена под изображения ландшафтов. Этот способ я считаю наихудшим, вода выглядит как смятый целофановый пакет. Подходит для ситуаций, когда реалистичность текстуры – некритична. При этом, например, на моем компе рендер картинки небо+море нормального качества занимает не менее получаса. Альтернативный способ (без 3д, но с тем же результатом) – это использование displacement map, как описано в этом туторе. Кроме того, этим способом проблематично (только с помощью спец. плагинов) можно добиться всяких там барашков, пены, взлетающих брызг и пр. 

3. Нарисованное с нуля вручную море.

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

4. Текстурирование градиента «кусочками» реальных фотографий.

При этом способе, вода сохраняет не только текстуру, но и блики. Несколько моментов, которые нужно учитывать:
- фотка водной текстуры должна быть «не мутной», со множеством мелких деталей
- основная проблема, которую придется «побороть» – это цветовой шум, зернистость фотографии. Для этого я инструментом color balance (ctrl+b) «вытягиваю» нужную мне группу оттенков (например усиливаю цвет морской волны). А после еще несколько раз расскрашиваю различные участки моря различными оттенками большой мягкой кистью в режиме наложения color. Особо заметные зернистые участки разглаживаются инструментом «палец».  После этой первичной обработки, нужно заняться мелкими деталями. В картинке ниже, вы увидите все, что у меня расположено «над» слоем с фотографией водной текстуры.

 
Красным цветом отмечена область, которую я зарисовал мягкой белой кистью (соблюдая очертания волн) в режиме overlay. Это – светлое пятно, в котором отражается яркий участок неба.
Розовым цветом омечены штрихи, нарисованные «поверх» фотки, чтобы дополнительно акцентировать или сделать более резкими какие-то волновые формы.
Оранжевым отмечены нарисованные вручную отражения под объектами (корабль, чайка, камень на пер. плане). Вот, собственно, и весь алгоритм. Конкретные инструменты, которыми вы будете пользоваться неважны, важен алгоритм:
- использование реальной фотографии
- подавление цветового шума
- усиление контраста, выделение освещенных мест поверх фотки
- добавление мелких деталей (брызг, отражений)

В моей личной классификации деревьев для техдизайна нес-ко категорий:

1. Пиксельные деревья

Они часто используются на иллюстрациях с объектами недвижимости:

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

2. Нарисованные деревья.

Они создаются копированием и трансформацией одного и того же фрагмента листвы, как это описано в авторском уроке

3. Деревья созданные из отретушированных исходников.

Например вот это дерево, которое Феррарист использует на множестве своих иллюстраций, можно создать на основе исходника с фотолии

Похожего эфекта я добился изогнув фильтром spherize лиственную текстуру, которую потом отретушировал:

Однако это очень непроизводительный способ. Наилучший, имхо, – это использование хороших стоковых исходников, особенно «домашних» деревьев в горшках, желательно крупнолиственных, чтобы не было геморроев с качественной обтравкой листвы. Вот кстати, оригинальный и простой способ обтравки листвы (так же удобно поступать и с травой).

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

Скачать исходник с деревом (файл Photoshop 3, 7М в архиве)

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

1. Реалистичный трэйс

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

2. Силуэты

Более разумное использование сильных сторон векторной графики. Но таким пейзажам недостает красок. У себя на кухне я бы такой не повесил.

3. Упрощенные цветные формы

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

Идеальный сюжет для векторного пейзажа

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

• воздушная перспектива (уходящие вдаль гряды холмов)
• контраст форм (покатые контуры холмов и острые свечки кипарисов)
• человеческое жилье (его удобно сделать композиционным центром).

Поэтому, создаете ли вы дизайн винной этикетки или шапку для сайта, посвященного европейскому туризму – смело рисуйте тосканский пейзаж. И выразительно, и быстро. На рисование вот этого пейзажа в программе иллюстратор у меня ушло не больше двух часов, ниаких головоломных техник я не использовал – все нарисовано инструментом pen, затем контуры были порезаны инстрментом knife и окрашены в различные градиенты. Я везде использовал один и тот же слегка деформированный кипарис и обошелся парой-тройкой дополнительных древесных форм. Сложные контуры для скорости рисовал инструментом pencil.

Скачать pdf файл с уроком (7, 1 М)
Скачать psd-исходник в архиве (4 М)