Создание текстур при помощи простых фильтров. Часть IV: создание реалистичного газона

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

1 Шаг

Запустите Photoshop и создайте новый документ размерами 500×500 px. Первое, что нам нужно сделать — это создать грунтовой фон, который позже будет проступать сквозь слой газона. Установите основной и фоновый цвета в белый и черный соответственно (это также можно сделать нажатием горячей клавиши “d” на клавиатуре).

2 Шаг

Переименуйте фоновый слой, на котором вы работаете в “Dirt”. Теперь вызовите Filter > Render > Clouds — этот фильтр всегда служил нам основой для дальнейшей работы.

3 Шаг

Добавим слою немного шума: вызовите меню Filter > Noise > Add Noise. Смените Amount на 44%, Distribution задайте равным Gaussian и убедитесь, что у вас отмечен пункт Monochromatic. (На самом деле все значения здесь — не более чем рекомендации; экспериментируйте, иначе, как вы научитесь понимать работу с фильтрами в своих дальнейших проектах?)

4 Шаг

Добавьте размытие к слою с грунтом. Вызовите Filter > Blur > Gaussian Blur и задайте значение радиуса равным 0.9px.

5 Шаг

Добавим к слою “Dirt” еще один фильтр. Теперь это будет Filter > Brush Strokes > Splatter. Установите Spray Radius равным 21, а Smoothness — 2.

6 Шаг

Теперь нам нужно грунтовому слою придать цвет. Вызовите меню Image > Adjustments > Hue/Saturation. Убедитесь, что у вас отмечены пункты Preview и Colorize. После этого смените цвет на спокойный коричневый. Мои значения: Hue 49, Saturation 29, Lightness -38. Нажмите Ok.

7 Шаг

Что ж, со слоем грунта мы закончили. Теперь у нас есть красивая текстура для основы газона. Пришло время взяться за сам газон. Создайте новый слой с названием “Grass”. Смените фоновый цвет на зеленый травяной (я использовал #52782F). Нажмите Ctrl + Backspace для заливки слоя этим цветом.

8 Шаг

Давайте добавим немного шума для слоя с газоном. Вызываем Filter > Add Noise > Noise, выставляем значения Amount — 30%, Distribution — Gaussian, выбираем Monochromatic, жмем Ok.

9 Шаг

Размоем слой “Grass”. Примените фильтр Filter > Blur > Gaussian Blur со значением Radius 0.9px.

10 Шаг

Что ж, пока наш рисунок мало похож на газон, поэтому используем пару ветряных фильтров, чтобы вытянуть траву и симулировать отдельные стебли. Вызовите Filter > Stylize > Wind и задайте значения Method — Stagger, Direction — From the Right.

11 Шаг

Стало немного лучше, но пока не видно, что трава растет в одном направлении. Поэтому давайте повернем изображение: Image > Rotate > Rotate Canvas > 90 CW. Здесь нам нужно повторить предыдущую размывку, но в противоположном направлении. Открываем Filter > Stylize > Wind, выбираем Stagger, From the Left и жмем Ok. Теперь перевернем картинку, чтобы трава шла вертикально. Кликните Image > Rotate Canvas > 90 CCW. Вот, что у нас должно получиться.

12 Шаг

Я думаю, что газону можно придать большей контрастности. Откройте Image > Adjustments > Levels. Переместите белый и черный ползунки чуть ближе к середине, пока не получите нужный результат.

13 Шаг

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

Возьмите кисть (Brush Tool, B), откройте палитру Brushes (Window > Brushes) и найдите там кисть Watercolor Loaded (размером 63px, см. рисунок ниже). Эта кисть — как раз то, что нам нужно для нанесения разметки.

14 Шаг

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

15 Шаг

Уменьшите размер кисти до 45px (нажатиями “[” на клавиатуре, либо с помощью выпадающего меню настроек кисти в верхней части экрана). Нарисуйте еще одну линию, перпендикулярную предыдущей, уходящую в правый нижний угол.

16 Шаг

Добавим нашим линиям шума. Нажимаем Filter > Noise > Add Noise. Я выставлял 11% для Amount.

Нам нужно создать видимость нарисованных линий именно по траве, поэтому добавим к ним легкую тень Inner Shadow. Выполняем двойной клик по слою с линиями в палитре Layers и выбираем в появившемся меню стиль Inner Shadow. Задаем Opacity 60, Distance 4, Size 4 и жмем Ok.

17 Шаг

Линии на поле начинают проступать более реалистично, но давайте их смешаем еще сильнее. Понизьте Opacity слоя до 90%, а Fill — до 95%.

18 Шаг

Осталось поместить на поле 50-ярдовую отметку. Выберите инструмент Text Tool и выберите какой-нибудь стенсил шрифт (я использовал Stencil Std). Большая коллекция бесплатно распространяемых шрифтов находится на сайте www.dafont.com. Задайте размер шрифта около 72 и выберите для него белый цвет. После этого нанесите на газон цифру 50 — в любое место. Находясь на слое с текстом, нажмите Ctrl + T, чтобы вызвать инструмент Free Transform. Перенесите теперь текст на нужное вам место, измените его размеры и поверните соответственно направлению линий.

19 Шаг

Преобразуйте слой с текстом в Smart Object, это позволит нам обращаться со слоем так, как и с другими, к примеру — применять фильтры и прочие эффекты. Имейте в виду, что превратив слой с текстом в Smart Object, вы лишаетесь возможности его редактирования.

20 Шаг

Сейчас добавим шума цифрам — так как мы это делали с линиями. Все, что нам нужно сделать — вызвать Filter > Add Noise (потому, что мы его только что использовали).

21 Шаг

После этого нам нужно применить к слою стиль Inner Shadow. Кликаем правой кнопкой мыши на слое “Lines”, выбираем пункт Copy Layer Style, затем жмем правой клавишей на слое с цифрой 50 и выбираем Paste Layer Style. Так мы получим в точности такую же тень, как имеем на белых полосах разметки.

22 Шаг

На этом этапе все уже выглядит довольно целостно, но для завершения картины осталась еще пара штрихов. У нас до сих пор находится незадействованный грунтовый слой под травой. Давайте объединим все слои, находящиеся над грунтовым “Dirt” и вынесем их в один новый отдельный слой. Для этого выделите, удерживая клавишу Shift все ваши слои, за исключением слоя “Dirt”, а затем нажмите комбинацию клавиш Ctrl + Shift + Alt + E. Это создаст поверх слоев еще один новый слой и вынесет на него их слитые друг с другом дубликаты. После этого спрячьте все продублированные таким образом оригинальные слои, которые у вас остались, отметив пиктограмму с глазом напротив каждого из них в палитре Layers. Все, что у вас должно остаться активным — это новый слой “Field” и слой с грунтом “Dirt”.

23 Шаг

Теперь добавьте маску к слою “Field”, нажатием иконки Mask в нижней части палитры Layers.

24 Шаг

Теперь, чтобы открыть небольшие участки грунта, нам нужно начать работать с маской. Смените основной цвет на черный, выберите инструмент Brush Tool и откройте палитру кистей. Найдите в ней свою любимую гранджевую кисть и начните немного затирать слой “Field”, обнажая местами участки земли. Только не перестарайтесь, хотя, в случае чего, всегда можно подкорректировать неудачную маску кистью белого цвета.

25 Шаг

Есть еще один штрих, который было бы неплохо использовать в уроке. Свое поле я немного осветил при помощи фильтра Lighting Effects. Вернитесь обратно на слой “Field” (уйдите из маски) и вызовите меню Filter > Render > Lighting Effects. Настройки, предлагаемые по умолчанию — уже неплохие, но вы можете поэкспериментировать с положением ползунков и миниатюрой светового пятна в левой части меню. Как только будете удовлетворены результатом — жмите Ok. Ну а вот настройки, которые использовал я в своей работе:

Вот и все. Я подкорректировал изображение, немного повысив контрастность с помощью меню Levels и обрезав картинку снизу и сверху, чтобы сделать ее чуть более панорамной. Удачного творчества!

alt=/p

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта www.myinkblog.com, автор перевода указан в начале урока.