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

Создаём Кровавый Текст на Стене с Винтажными Обоями в программе Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

Данный эффект был навеян рекламными изображениями для сериала нового сезона “Американская история ужасов: Фрик-шоу”.

Исходные материалы

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

1. Создайте Узор

Шаг 1

Откройте набор текстур с Французскими обоями, выберите изображение 35.jpg. Далее, идём Изображение – Коррекция – Уровни (Image > Adjustments > Levels). Выберите инструмент Проба на изображении для определения точки белого (Sample in image to set white point), далее, щёлкните по персиково-оранжевому цвету на текстуре обоев. Таким образом, мы преобразуем выбранный оттенок в белый цвет.

Modify the wallpaper pattern

Шаг 2

Далее, идём Изображение – коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation), поставьте галочку в окошке Тонирование (Colorize). Установите следующие настройки: Цветовой тон (Hue) 32,  Насыщенность (Saturation) 18,  Яркость (Lightness) 40.

Change the hue saturation and lightness

Шаг 3

Далее, идём Редактирование – Определить узор (Edit > Define Pattern), дайте название узору.

Name the pattern

2. Проведите Коррекцию текстуры Трещины

Шаг 1

Создайте новый документ 1280 x 720 px, Откройте исходную текстуру ‘Трещина 5’. Переместите данную текстуру наш рабочий документ, расположив поверх слоя с Задним фоном (Background layer). Примените масштабирование к текстуре по мере необходимости, но результат должен быть, как на скриншоте ниже, постарайтесь, чтобы верхняя и нижняя часть трещины были открытыми на краях рабочего документа.

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

Crack in a wall

Шаг 2

Выберите инструмент Штамп (Stamp Tool), установите мягкую круглую кисть 25 px. Нажмите + удерживайте клавишу (Alt), далее, щёлкните по участку в самом начале трещины, мы используем эту кромку для коррекции дыры справа.

Click at the edge of the hole with the Stamp Tool

Шаг 3

Отпустите кнопку мыши, далее, щёлкните +протащите мышкой по выбранному участку, чтобы добавить текстуру к начальной точке дыры. Вы можете отменить действие, вернуться и снова отобрать образец текстуры, чтобы получить тот результат, который вам понравится. Только пока ещё не заполняйте всю дыру сразу, вначале создайте кромку.

Patch the edge of the hole

Шаг 4

Теперь, выберите инструмент Заплатка (Patch Tool), убедитесь, чтобы в настройках данного инструмента были установлены режим Нормальный (Normal), назначение Источник (Source). Далее, щёлкните + обведите оставшуюся часть дыры, создавая активное выделение.

Create a selection around the remaining part of the hole

Шаг 5

Щёлкните в пределах контура выделенной области + удерживая кнопкой мыши + перетащите выделенный участок на смежный участок стены, который вам понравится, а затем, отпустите кнопку мыши. С помощью заплатки мы закроем дыру.

Patch the hole completely

Шаг 6

Вы также можете воспользоваться инструментом Точечная Восстанавливающая кисть (Spot Healing Brush Tool), чтобы избавиться от каких-либо мелких точек или участков стены, которые вам не нравятся, просто прокрасьте поверх них.

Paint over spots with the Spot Healing Brush Tool

Шаг 7

Как только вы завершили коррекцию, идём Фильтр – Шум – Уменьшить шум (Filter > Noise > Reduce Noise). Установите следующие настройки: Интенсивность (Strength) 10,  Сохранить детали (Preserve Details) 37,  Уменьшить шумы цветов (Reduce Color Noise) 84,  Детали резкости (Sharpen Details) 75,  а также убедитесь, чтобы не стояла галочка в окошке Удалить артефакт JPEG (Remove JPEG Artifact).

Reduce Noise settings

Шаг 8

В заключение, идём Изображение – Коррекция – Цветовой тон / Насыщенность  (Image > Adjustments > Hue/Saturation), установите значение Цветового тона (Hue) -64, а значение Насыщенности (Saturation) -70.

Change Hue and Saturation

3. Добавьте Текстуру Бетона к Текстуре Трещины

Шаг 1

Выберите инструмент Магнитное лассо (Magnetic Lasso Tool), далее, щёлкните по кромке трещины, чтобы начать выделение. Медленно ведите мышью вдоль края кромки, а если вам понадобиться углубиться в текстуру, просто щёлкните, там, где вы хотите углубиться, а затем продолжаете тянуть линию мышью.

Вы можете поиграть с настройками данного инструмента, например, увеличить показатель Частоты (Frequency) по мере необходимости.

Create a selection around the cracks edges

Шаг 2

Как только вы создали выделение, вы можете воспользоваться инструментом Прямолинейное лассо (Polygonal Lasso Tool), в настройках данного инструмента выберите опцию Добавление к выделенной области (Add to Selection), чтобы добавить какие-либо оставшиеся участки стены в верхней и нижней части изображения к выделенной области.

Как только активное выделение будет готово, идём Выделение – Инверсия (Select > Inverse).

Use the Polygonal Lasso Tool to add any left-out parts

Шаг 3

К слою с трещиной, добавьте слой-маску через нижнюю панель инструментов, для этого нажмите кнопку Добавить слой-маску (Add layer mask). С помощью слой-маски, мы скроем центральную часть трещины.

Add a layer mask

Шаг 4

Добавьте текстуру бетона ConcreteBare0183 на наш рабочий документ. Расположите данную текстуру бетона ниже слоя с текстурой трещины. Назовите данный слой с текстурой бетона ‘Бетон’. Далее, примените масштабирование по месту, убедитесь, чтобы не оставалось каких-либо пустых участков.

Add a Concrete layer

Шаг 5

Находясь на слое с текстурой бетона, идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation), установите значение Цветового тона (Hue) на -12, а значение Насыщенности (Saturation) на -20.

Set hue and saturation for the concrete

Шаг 6

Дважды щёлкните по слою с трещиной, чтобы применить стили слоя Тень (Drop Shadow). Примените следующие настройки для данного стиля слоя: 

  • Непрозрачность (Opacity): 25%
  • Смещение (Distance): 10
  • Размер (Size): 10
Add a drop shadow to the crack

Таким образом, мы добавим первый слой тени к этой части стены.

Add the first layer of shadow

4. Усильте Цвета Текстуры Трещины, Добавьте Узор, Откорректируйте Края

Шаг 1

Создайте новый слой поверх всех остальных слоёв, назовите этот слой ‘Цветная заливка’. Поменяйте режим наложения для данного слоя на Цветность (Color). Далее, установите цвет переднего плана на #968978, и с помощью инструмента Заливка (Paint Bucket Tool), залейте слой выбранным цветовым оттенком.

Add a Fill Color layer

Шаг 2

Создайте ещё один новый слой поверх всех слоёв, назовите этот слой ‘Узор’. Поменяйте режим наложения для данного слоя на Умножение (Multiply). Т.к. инструмент Заливка (Paint Bucket Tool) всё ещё активен, в настройках данного инструмента выберите тип заливки Узор (Pattern). Залейте новый слой узором, который мы создали в самом начале этого урока.

Fill the new layer with the wallpaper pattern

Шаг 3

Удерживая клавишу (Ctrl) + щёлкните по миниатюре слой-маски слоя с трещиной, чтобы загрузить выделение вокруг трещины.

Далее, перейдите на слой ‘Цветная заливка’, добавьте слой-маску через нижнюю панель инструментов. Повторите то же самое и для слоя ‘Узор’.

Add a layer mask for the Fill Color and Pattern layers

Шаг 4

Откройте исходную текстуру гипса PlasterWhite0080. Переместите данную текстуру на наш рабочий документ, расположив поверх всех остальных слоёв. Назовите этот слой с текстурой гипса ‘Края’, далее, к этому слою добавьте слой-маску, а затем залейте слой-маску чёрным цветом.

Выберите инструмент Ластик (Eraser Tool), далее, убедитесь, чтобы цвет переднего плана был установлен на чёрный цвет, а также, чтобы была активна слой-маска.

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

Erase parts along the edges of the crack

Не все края должны быть обработаны ластиком. Пару участков вокруг трещины должно быть достаточно. Это сделает итоговый результат более реалистичным и интересным.

Dont erase all the edges

5. Добавьте Гранж Эффект к Обоям

Шаг 1

Создайте новый слой поверх всех остальных слоёв, назовите этот слой ‘Обрамление 1’. Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 70%, установите цвет переднего плана на #524741, а затем, с помощью кисти Гранж, затемните края рабочего документа.

Create a Border 1 layer

Шаг 2

Создайте ещё один новый слой, назовите этот слой ‘Обрамление 2’. Поменяйте режим наложения для данного слоя на Линейный затемнитель (Linear Burn). С помощью мягкой круглой кисти, добавьте затемнение на края, обработанные кистью гранж.

Create a Border 2 layer

Шаг 3

Создайте ещё один новый слой, назовите этот слой ‘Перекрытие Гранж’. Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите непрозрачность данного слоя до 50%. Далее, с помощью кисти Гранж, произвольно обработайте стену с обоями (часть стены с узором).

Create a Grunge Overlay layer

Шаг 4

Создайте ещё один новый слой, назовите этот слой ‘Световые блики’. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), установите цвет переднего плана на #acacac, и с помощью мягкой кисти, добавьте световые блики на края трещины. Далее, добавьте ту же самую слой-маску, как и в предыдущих шагах, предварительно загрузив выделение трещины, точно так же, как вы добавляли до этого слой-маску к слою ‘Цветная заливка’ и ’Узор’.

Create a Highlight layer

Шаг 5

Вы также можете создать ещё один слой, назовите этот слой ‘Тени’. Поменяйте режим наложения для данного слоя на Умножение (Multiply), и используя тот же самый цвет переднего плана, затемните любые участки стены, которые требуют затемнения на краях. Не забудьте также добавить к этому слою слой-маску.

Create a Shadow layer

6. Усиливаем Края Текстуры Трещины, Проведите Ретушь центральной Части Текстуры Бетона

Шаг 1

Создайте новый слой поверх слоя ‘Бетон’. Назовите этот слой ‘Тень в центре 1’. Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите непрозрачность данного слоя до 50%. Установите цвет переднего плана на чёрный цвет. Далее, с помощью большой мягкой кисти, добавьте тени на края трещины, чтобы добавить глубины.

Create a Center Shadow 1 layer

Шаг 2

Создайте новый слой поверх слоя ‘Тень в центре 1’. Назовите этот слой ‘Тень в центре 2’. Поменяйте режим наложения для данного слоя на Линейный затемнитель (Linear Burn), а также установите цвет переднего плана на #342915.

В первой части данного шага, с помощью круглой кисти Жёсткостью (Hardness) 70%, усильте тени на краях обоев на отдельных участках трещины. Вы можете использовать инструмент Ластик (Eraser Tool), чтобы придать ту же самую форму к вашим теням, которую создают края обоев.

Во второй части этого шага, используйте инструмент Ластик (Eraser Tool), установите кисть #24 из набора акварельных кистей, чтобы обработать внешние края теней, которые вы нарисовали.

Create the Center Shadow 2 layer

Шаг 3

Далее, начните создавать новые слои между слоем ‘Тень в центре 2’ и слоем с трещиной (Примечание переводчика: автор создаёт 7 новых слоёв ниже слоя ‘Тень в центре 2’). Для каждого нового слоя, установите режим наложения Умножение (Multiply), далее, выберите оттенки зелёного и коричневого цвета, чтобы добавить пятна / разводы на бетонную поверхность в центре изображения, используя кисти акварельные краски. Сгруппируйте все эти слои в одну группу, назовите эту группу ‘Центр’.

Group layers into a Center group

Шаг 4

Кисти и цвета для создания данного эффекта:

  • Слой – Цвет – Кисть
  • 1 - #998675 - 28
  • 2 - #a6a497 - 30
  • 3 - #a6a497 - 29
  • 4 - #998675 - 27
  • 5 - #342915 - 29
  • 6 - #a6a497 - 09
  • 7 - #342915 – 22 Примечание переводчика: для создания данного эффекта, автор использует 7 слоёв, 7 цветовых оттенков и кистей.
The wallpaper and crack so far

7. Добавьте Текст

Шаг 1

Добавьте текст, используя шрифт Nightbird, размер шрифта 99 pt, цвет шрифта #993133, установите Трэкинг для выделения символов (Tracking) -25.

Add the text The Wall of Bloody Horror

Шаг 2

Далее, идём Редактирование – Трансформация – Поворот (Edit > Transform > Rotate), немного поверните текст, а затем, нажмите клавишу (Enter), чтобы применить изменения.

Rotate the text

Шаг 3

Создайте новый слой поверх слоя с текстом, назовите этот слой ‘Подтёки’. Установите цвет переднего плана на #993133. Далее, с помощью кисти Подтёки, добавьте стекающие капли к парочке букв в тексте. Вы также можете комбинировать кисти, используя разные кисти для одной и той же буквы.

Add a Drips layer

Шаг 4

Выделите слой с текстом и слой с кровавыми подтёками, далее идём Слой – Объединить слои (Layer > Merge Layers), назовите объединённый слой ‘Текст’. Поменяйте режим наложения для данного слоя с текстом на Умножение (Multiply).

Merge layers to form a single Text layer

Шаг 5

Вы можете использовать кисти Акварельные краски, чтобы скрыть отдельные участки текста, если вы захотите.

Use the Watercolours 3 PS 70 brushes to erase text

Шаг 6

Далее, идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation), установите значение Насыщенности (Saturation) на 10.

Adjust hue and saturation

Шаг 7

Создайте новый слой поверх слоя ‘Тень в центре 2’.  Назовите этот слой ‘Пятно крови’. Поменяйте режим наложения для данного слоя на Линейный затемнитель (Linear Burn). Установите цвет переднего плана на #b3897c, и с помощью кисти # 28 из набора акварельных красок, нарисуйте кровавое пятно за текстом. Вы можете изменить настройки кисти, если захотите, настройки кисти указаны в следующем шаге.

Create a new Stain layer

Шаг 8

Перейдите в закладку Кисть (Brush), Окно – Кисть (Window > Brush), установите размер кисти 400, а также поставьте галочку в окошке Отразить Y (Flip Y), далее, добавьте кисть.

The Brush panel settings

8. Эффекты Освещения и Заключительные Штрихи

Шаг 1

Нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней панели инструментов и в появившемся окне, выберите опцию Уровни (Levels). Убедитесь, чтобы данный корректирующий слой был расположен поверх всех остальных слоёв в палитре слоёв, далее, установите значение Световых бликов (Highlights) на 245.

Шаг 2

Далее, добавьте новый корректирующий слой, но на этот раз выберите Яркость / Контрастность (Brightness/Contrast), установите значение Контрастности (Contrast) на 10.

Change contrast to 10

Шаг 3

Дважды щёлкните по слою ‘Цветная заливка’, чтобы применить стиль слоя Наложение градиента (Gradient Overlay). Примените следующие настройки для данного стиля слоя.

  • Режим наложения (Blend Mode) Перекрытие (Overlay)
  • Непрозрачность (Opacity): 35%
  • Стиль (Style): Радиальный (Radial)
  • Масштаб (Scale): 150%
  • Поставьте галочку в окошке Инверсия (Reverse)
  • Цвета градиента от чёрного к белому.
Apply a Gradient Overlay effect

Данное действие сделает эффект более живым.

The effect is almost complete

Шаг 4

Выберите инструмент Осветлитель (Dodge Tool), установите мягкую круглую кисть, также в настройках данного инструмента, установите Диапазон (Range) на Средние тона (Midtones), а значение Экспозиции (Exposure) на 50%. Перейдите на слой с текстурой трещины и с помощью инструмента Осветлитель (Dodge Tool), слегка осветлите края трещины.

Use the Dodge Tool to brighten up the edges of the crack

Поздравляю! Мы завершили урок.

В этом уроке, мы провели коррекцию текстуры трещины, создав основу для наших обоев.

Далее, мы залили цветом и добавили узор к текстуре трещины, а также применили кисти, добавив винтажный и гранжевый вид. Мы также использовали другие кисти, чтобы создать светотени для добавления глубины и объёма.

Далее, мы добавили текст, добавили подтёки крови к тексту, объединили и совместили слои со всем дизайном картины.

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

Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.

Advertisement
Advertisement
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.