Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Digital Painting

Создаем все формы земли

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Harness the Elements.
Harness the Elements: Paint Fire in All Its Forms
Harness the Elements: Paint Air in All Its Forms

Russian (Pусский) translation by Masha Kolesnikova (you can also view the original English article)

Final product image
What You'll Be Creating

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

Учебные ресурсы

1. Создайте общий кусок земли

Когда мы рисуем простые сцены, земля - необходимое зло. Мы знаем, что каждый будет игнорировать его и сосредоточиться на главном объекте/персонаже, но если мы пропустим его, он не останется незамеченным. Я покажу вам способ создать простой, настраиваемый кусок земли, идеально подходящий для фона или базы для чего-то более детального.

Шаг 1

Начните со сцены, которую вы хотите покрыть землей. Если объекты находятся на отдельном слое, держите землю под ними; Если нет, нарисуйте основание вокруг него и используйте его как обтравочную маску (Control-Alt-G) для всех слоев. Заполните основу базовым цветом для вашей земли.

photoshop paint ground clipping mask

Шаг 2

Создайте новый слой. Заполните его любым цветом и выберите «Фильтр»> «Шум»> «Добавить шум».

photoshop paint ground noise dirt
photoshop paint ground noise dirt effect

Шаг 3

Используйте Free Transform Tool (Control-T), чтобы применить текстуру.

photoshop paint ground noise dirt perspective

Шаг 4

Используйте инструмент Free Transform еще раз. Нажмите Control-click по углам, чтобы перетащить их по отдельности и настроить текстуру к перспективе.

photoshop paint ground noise dirt perspective transform
photoshop paint ground noise dirt perspective transform effect

Шаг 5

Дважды щелкните слой. Перейдите в раздел Blend If и поиграйте с ползунками во втором ряду, чтобы сделать темные области частично прозрачными (нажмите Alt, чтобы разделить его).

photoshop paint ground dirt transparency
photoshop paint ground dirt transparency effect

Шаг 6.

Перейдите в режим быстрой маски (Q). Используйте мягкую круглую кисть, чтобы выбрать отдаленную часть земли.

photoshop paint ground brighten quick mask

Шаг 7.

Выйдите из режима, снова нажав Q, и инвертируйте выделение (Control-Shift-I). Откройте окно «Коррекция» («Окно»> «Коррекция») и выберите «Яркость / Контраст». Сделайте контраст минимально возможным, а яркость - самой высокой. Это создаст воздушную перспективу.

photoshop paint ground brighten adjustment
photoshop paint ground brighten adjustment effect

Шаг 8

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

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

photoshop paint ground photo texture

Шаг 9

Используйте Layer Mask (или только Eraser Tool), чтобы смешать края текстуры.

photoshop paint ground photo texture blend

Шаг 10

Сбросьте насыщенность с помощью Control-U. Цвет текстуры не должен влиять на цвет, который мы выбрали для земли.

photoshop paint ground photo texture desaturate
photoshop paint ground destaurated texture black and white

Шаг 11

Используйте редактор уровней (Control-L), чтобы зафиксировать контраст между светлыми и темными элементами.

photoshop paint ground texture fix contrast
photoshop paint ground texture contrast fixed

Шаг 12.

Измените режим смешивания на Overlay.

photoshop paint ground texture blend mode

Шаг 13.

Теперь вы можете дублировать (Control-J) текстуру и настроить ее на недостающую часть в фоновом режиме.

photoshop paint ground texture distance

Шаг 14.

Перейдите в режим быстрой маски (Q). Выберите область, освещенную источником света.

photoshop paint ground texture shading

Поверните маску в выделение, как раньше. Немного увеличьте ее Яркость.

photoshop paint ground brighten adjustment
photoshop paint ground brigthened texture effect

Шаг 15.

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

photoshop paint ground texture color change
photoshop paint ground texture color change effect

Шаг 16

Тени появились сами по себе, но мы можем подчеркнуть их еще больше. Выберите их с помощью Quick Mask.

photoshop paint ground texture shadows

Затем используйте настройку Яркость/Контраст, чтобы сделать тени более темными и менее контрастными.

photoshop paint ground texture shadows effect

Если вы хотите сделать эффект еще сильнее, просто дублируйте корректирующий слой.

photoshop paint ground shadow stronger

Шаг 17.

Создайте новый слой. Дважды щелкните его, чтобы перейти к его стилю.

  • Поставьте Color Overlay и выберите базовый цвет для камней.
photoshop paint ground little stones layer style
  • Поставьте Bevel & Emboss.
  • Отрегулируйте угол к вашему источнику света.
  • Измените контур блеска на что-нибудь грубое.
  • Измените цвет подсветки на цвет освещенной земли на вашей сцене.
  • Точные значения должны соответствовать вашему разрешению, поэтому не копируйте их отсюда, а попробуйте скопировать результат.
photoshop paint ground little stones layer style 2

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

photoshop paint ground little stones effect

Шаг 18

Дублируйте камни. Щелкните правой кнопкой мыши слой и Rasterize Layer Style. Затем используйте Control-U, чтобы перетащить яркость вниз.

photoshop paint ground little stones shadow

Шаг 19

Перейдите в Filter> Blur> Motion Blur, чтобы размазать камни. Используйте тот же угол, что и для источника света.

photoshop paint ground little stones shadow effect
photoshop paint ground little stones shadow effect

Шаг 20.

Поместите размытый слой под камни. Возьмите Move Tool (V) и используйте клавиши со стрелками, чтобы поместить тени «позади» камней.

photoshop paint ground little stones shadow move

Шаг 21

Слейте (Control-E) оба слоя и смешайте камни с помощью Layer Mask или Eraser Tool.

photoshop paint ground little stones blend

Шаг 22.

Если вы хотите сделать тени более голубоватыми, создайте новый слой и заполните его цветом неба. Затем дважды щелкните по нему и поиграйте с ползунками Blend If, чтобы добавить прозрачность к деталям над яркими областями.

photoshop paint ground blue shadows
photoshop paint ground blue shadows effect

Затем измените режим наложения на «Цвет» и уменьшите прозрачность до нужных вам значений.

photoshop paint ground blue shadows blend mode

Шаг 23.

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

Выберите эти отличительные части с помощью инструмента «Лассо» (L). Используйте Control-Shift-C, чтобы скопировать под ним и вставить.

photoshop paint ground little stones texture

Дважды щелкните новый слой. С помощью Color Overlay в режиме Overlay вы можете сделать поверхность немного ярче.

photoshop paint ground little stones texture layer style 1

Добавляя вертикальную тень, вы можете имитировать объем камней.

photoshop paint ground little stones texture layer style 2
photoshop paint ground little stones style made

Вы можете добавить тень к этим камням, как и раньше (размытость изображения и т.д.).

photoshop paint ground little stones style shadows

2. Рисуем круглый камень

Шаг 1

Нарисуйте базовую фигуру для вашего камня.

photoshop paint stone base

Шаг 2

Найдите текстуру для камня, например Rock 1. Вставьте ее поверх основы и закрепите текстуру (Control-Alt-G).

photoshop paint stone flat texture

Шаг 3

Нам нужно настроить форму текстуры на форму камня. Перейдите в Filter> Distort> Spherize. Отстегните (Control-Alt-G) текстуру на некоторое время, чтобы увидеть эффект.

photoshop paint stone spherize texture

Шаг 4

Уменьшите прозрачность и используйте Free Transform Tool, чтобы изменить размер текстуры.

photoshop paint stone resize texture
photoshop paint stone tetxure resized

Шаг 5

Давайте заштрихуем камень простым способом. Создайте новый слой и залейте его любым цветом. Дважды щелкните по нему и установите Gradient Overlay. Используйте радиальный, черно-белый градиент с белым цветом в центре.

photoshop paint stone shading layer style

Щелкните правой кнопкой мыши слой и Rasterize Layer Style. Затем используйте Free Transform Tool, чтобы настроить затенение.

photoshop paint stone shadin effect

Шаг 6.

Нажмите Control-B, чтобы оттенить тень цветом окружения.

photoshop paint stone color shadow
photoshop paint stone color shadow effect

Шаг 7.

Перетащите затеняющий слой под текстуру. Дважды щелкните текстуру и поиграйте с ее опциями Blend If. Черный маркер определяет прозрачность текстуры прямо над черными областями слоя ниже. Если вы сдвинете его вправо, прозрачность увеличится. Alt-click на маркер, чтобы разделить его и получить более эффектный переход.

photoshop paint stone texture shading style blend if
photoshop paint stone tetxure shading effect

Шаг 8

Дублируйте (Control-J) затеняющий слой и поместите его поверх текстуры. Измените режим наложения на Overlay и поиграйте с помощью слайдеров Blend If, чтобы сделать темные области прозрачными.

photoshop paint stone texture light style
photoshop paint stone texture light effect

Шаг 9

Дублируйте слой с текстурой и поместите его сверху. Щелкните правой кнопкой мыши и выберите «Очистить стиль слоя». Затем используйте Control-U, чтобы сбросить насыщенность.

photoshop paint stone texture reflected light saturation
photoshop paint stone reflected light black and white texture

Шаг 10

Используйте Layer Mask или Eraser Tool, чтобы почти полностью удалить эту текстуру, оставив тонкую область отраженного света в тени.

photoshop paint stone reflected light gray

Шаг 11

Если вы хотите создать эффект заднего фона, создайте радиальный градиент с черным в центре и поместите его следующим образом:

photoshop paint stone baklight

Шаг 12.

Измените режим наложения на Экран. Затем поиграйте с ползунками Blend If, чтобы сделать свет более естественным.

photoshop paint stone soft backlight opacity blend if
photoshop paint stone soft backlight opacity blend if effect

3. Рисуем Скалистую гору

Шаг 1

Начните с грубых очертаний горы.

photoshop rock mountain paint outline

Шаг 2

Разделите гору горизонтально на большие кусочки.

photoshop rock mountain paint sketch slices horizontal

Шаг 3

Добавьте вертикальные срезы.

photoshop rock mountain paint sketch slices vertical

Шаг 4

Уменьшите прозрачность эскиза и создайте новый слой. Используя приведенные ниже направляющие линии, нарисуйте большие скальные плиты.

photoshop rock mountain paint plates perspective

Шаг 5

Повторите горизонтальное разделение.

photoshop rock mountain paint more horizontal splitting

Шаг 6.

Создайте новый слой ниже линий и нарисуйте прочную основу для горы. Теперь копируйте (Control-Alt-G) в него все новые слои (включая лайнарт).

photoshop rock mountain paint base

Шаг 7.

Создайте новый слой над линиями. Нарисуйте тени в расщелинах.

photoshop rock mountain paint shade crevices

Шаг 8

Покрасьте свет в освещенных областях.

photoshop rock mountain paint light

Шаг 9

Уменьшите прозрачность лайнарта почти до нуля. Нарисуйте неповторяющиеся горизонтальные трещины.

photoshop rock mountain paint horizontal cracks

Шаг 10

Добавьте неповторяющиеся вертикальные трещины.

photoshop rock mountain paint vertical cracks

Шаг 11

Затеняем трещины.

photoshop rock mountain paint cracks shading
photoshop rock mountain paint cracks shading detailed

Шаг 12.

Вы можете отрегулировать контраст горы, добавив корректирующий слой Levels (Window> Adjustments) и перетащив оба внешних маркера в середину.

photoshop rock mountain paint contrast fix levels
photoshop rock mountain paint contrast fixed

Шаг 13.

Найдите текстуру для поверхности вашей горы, например, Rock 2.

photoshop rock mountain paint flat texture

Шаг 14.

Дважды щелкните текстуру. Изменяя опции Blend If, вы сможете раскрыть щели, не меняя остальную текстуру.

photoshop rock mountain paint texture overlay style
photoshop rock mountain paint texture applied

Шаг 15.

Перейдите в меню Edit > Puppet Warp. Добавьте «булавки» по всей горе.

photoshop rock mountain paint adjust texture shape

Затем измените текстуру, чтобы она соответствовала трехмерной форме горы.

photoshop rock mountain paint adjust texture shape detailed

Измените режим смешивания на «Жесткий свет».

photoshop rock mountain paint texture blend mode

Шаг 16

Если вы хотите сделать текстуру с почти тенистой областью, дублируйте (Control-J) текстуру и измените ее режим наложения на Мягкий свет. Затем отрегулируйте его настройки Blend If, чтобы сделать светлые области прозрачными.

photoshop rock mountain paint textured shadows opacity
photoshop rock mountain paint textured shadows

Шаг 17.

Закончите гору, сократив некоторые щели в краю. Вы также можете настроить контрастность в соответствии с вашим стилем.

photoshop rock mountain paint textured moutain

4. Создаем гору

Шаг 1

Найдите приятную однородную текстуру, например, Rock 3.

photoshop paint mountainside texture

Шаг 2

Перейдите в меню Edit > Puppet Warp. Этот инструмент буквально создан для такого преобразования! Во-первых, «нарисуйте» склоны с помощью булавок.

photoshop paint mountainside texture adjust shape puppet warp

Перетащите булавки на склонах, чтобы текстура стала больше и растянулась в этих областях.

photoshop paint mountainside texture adjust make crevices

Перетащите больше булавки между склонами, чтобы сделать текстуру более мелкой и сжатой в этих областях.

photoshop paint mountainside texture adjust shape detailed

Используйте Layer Mask или Eraser Tool, чтобы вырезать контур горы. Готово! Для получения удовлетворительного результата может потребоваться некоторая практика, но как только вы ее получите, это невероятно быстрый метод!

photoshop paint mountainside layer mask cut texture

Шаг 3

Затеняем склоны. Создайте новый слой и скопируйте его (Control-Alt-G) в текстуру. Установите режим смешивания Multiply и нарисуйте тени сначала светло-серым, а затем более темным.

photoshop paint mountainside texture shadows

Шаг 4

Сделайте то же самое для светлых частей, на этот раз используя Soft Light для режима наложения.

photoshop paint mountainside texture lights

Шаг 5

Если вы хотите сделать склоны менее блестящими, дважды щелкните светлый слой и поиграйте с параметрами Blend If.

photoshop paint mountainside texture variable opacity
photoshop paint mountainside texture light detailed

5. Рисуем горный уступ

Шаг 1

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

photoshop paint mountain ledge brush

Шаг 2

Перейдите в меню «Редактирование»> «Определить предварительную настройку кисти». Нажмите F5 и измените настройки, как показано ниже.

photoshop paint mountain ledge brush settings

Шаг 3

Нарисуйте скалу. Если отдельные «пластины» находятся слишком далеко или слишком близко друг к другу, поиграйте с «Расстоянием в кисти» в настройках.

photoshop paint mountain ledge paint layered rock with brush
photoshop paint mountain ledge double layered rock
photoshop paint mountain ledge top surface

Шаг 4

Создайте новый слой над каждой частью уступа и установите режим смешивания Multiply. Используйте этот слой для рисования теней.

photoshop paint mountain ledge shading

Шаг 5

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

photoshop paint mountain ledge lights
photoshop paint mountain ledge crevices
photoshop paint mountain ledge details

Шаг 6.

Если вы чувствуете, что контраст слишком слаб, используйте панель Levels (Control-L), чтобы исправить это.

photoshop paint mountain ledge fix contrast

Шаг 7.

Если вы хотите сфокусироваться на верхней стороне уступа, создайте два новых слоя: один в режиме мягкого освещения, а другой в режиме Multiply и нарисуйте свет и тень на них.

photoshop paint mountain ledge change light focus

Шаг 8

Найдите текстуру (например, Rock 4) и установите ее в режим Overlay. Используйте инструмент Free Transform Tool (Control-T), чтобы отрегулировать перспективу к уступу. Control - перетащите углы для этого эффекта.

photoshop paint mountain ledge texture perspective

Шаг 9

С помощью Layer Mask или Eraser Tool вырежьте лишние детали.

photoshop paint mountain ledge texture clean

Шаг 10

Возьмите ту же текстуру и вытяните ее вертикально/растяните горизонтально с помощью инструмента Free Transform, чтобы получить текстурированные линии. Дублируйте ее (Control-J), чтобы создать две копии.

photoshop paint mountain ledge texture side long

Шаг 11

Используйте Edit> Puppet Warp, чтобы добавить текстуру правильной формы.

photoshop paint mountain ledge texture rounded puppet warp

Используйте Layer Mask или Eraser Tool, чтобы вырезать детали за пределами уступа.

photoshop paint mountain ledge texture rounded clean

Сделайте то же самое с другой частью.

photoshop paint mountain ledge texture rounded repeat

6. Рисуем песчаную пустыню

Шаг 1

Нарисуйте треугольник, как показано ниже, любым удобным вам способом. Вы можете создать половинки с помощью инструмента «Перо» (P) или нарисовать все и затем покрасить половинки.

photoshop paint desert brush dune triangle

Создайте новый слой, закрепите его (Control-Alt-G) и слегка затените треугольник.

photoshop paint desert brush dune shade

Слейте (Control-E) оба слоя и смешайте края между половинами. Вы можете использовать Smudge Tool или Blur Tool для этого.

photoshop paint desert brush dune blur

Перейдите в Filter> Noise> Add Noise и добавьте немного зерна на поверхность треугольника.

photoshop paint desert brush dune noise grain

Шаг 2

Возьмите инструмент Mixer Brush Tool и установите его параметры, как показано ниже. Измените размер кисти, чтобы она подходила ко всему треугольнику внутри, а затем нажмите и удерживайте клавишу Alt.

photoshop paint desert brush dune mixer brush
photoshop paint desert brush dune mixer brush use

Нарисуйте штрих. Эффект должен быть аналогичен этому.

photoshop paint desert brush dune mixer brush stroke

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

photoshop paint desert brush dune mixer brush jagged fix

Шаг 3

Нарисуйте песчаные дюны. Обратите внимание на направление и способ, которым они пересекаются.

photoshop paint desert mixer brush dunes

Шаг 4

Используйте инструмент Free Transform Tool (Control-T), чтобы отрегулировать перспективу. Control - перетащите углы, чтобы перемещать их по отдельности.

photoshop paint desert brush dunes perspective
photoshop paint desert brush dune perspective done

Шаг 5

Чтобы исправить зубчатые края, используйте на них свой любимый инструмент размытия. Я рекомендую инструмент Mixer Brush Tool в режиме по умолчанию (Reset Tool, чтобы вернуть его к умолчанию). Чем важнее фон, тем больше внимания вы должны уделять фиксации этих краев.

photoshop paint desert brush jagged edges fix blur

Шаг 6.

Перейдите в режим быстрой маски (Q) и нарисуйте удаленную часть с помощью мягкой круглой кисти.

photoshop paint desert brush dune aerial perspective

Шаг 7.

Выйдите из режима быстрой маски и добавьте корректирующий слой «Цветовой баланс». Сделайте так, чтобы ближайшая часть была теплее в цвете.

photoshop paint desert brush dune aerial perspective color
photoshop paint desert brush dune aerial perspective color done

Мы все еще не готовы!

Здесь много чему есть поучиться, не так ли? Если вам понравился этот урок, обязательно проверьте остальные из этой серии. И если вы хотите использовать все элементы, следите за обновлениями. Будет еще интереснее, чем вы думаете!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.