Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Каменный 3D-текст в Adobe Photoshop

8 апреля 2015 | Опубликовано в Уроки | 1 Комментарий »

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

 

Результат

Без цветовой коррекции:

concrete-text-2

С цветовой коррекцией в красный оттенок:

concrete-text-flatten

Исходники

Шаг 1

Создайте новый документ размером 800px * 1120px с черным фоном. Если у вас Photoshop CS6 с активной функцией 3D, вы можете просто ввести любую букву и использовать функцию 3D Extrude/Экструзия, чтобы создать объемный текст:

1 extrude

Или же вы можете скачать из исходников уже готовый файл в формате PSD:

1 text

Укажите слою с буквой маску. Выберите кисть мела и в маске обработайте края буквы, чтобы скрыть некоторые части, как показано ниже:

1 chalk

1 soft round

Вот что примерно должно получиться:

1 erase

Шаг 2

Загрузите в Photoshop текстуру бетона. Выделите область с трещиной при помощи инструмента Rectangular Marquee/Прямоугольная область:

2 sel

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

2 paste

Используйте кисть мела, чтобы аккуратно избавиться в маске от ненужных краев вокруг трещины. Красным указаны места, которые нужно стереть.

2 erase

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

2 paste 2

Обязательно следите за тем, чтобы края были обработаны:

2 erase 2

2 paste 3

2 erase 3

2 paste 4

2 erase 4

Вот что примерно должно получиться на этом этапе:

2 effect

Шаг 3

Теперь давайте добавим немного травы нашей работе. Откройте в Photoshop текстуру травы и выделите небольшую область, как показано ниже:

3 sel

Копируйте область и вставьте ее в наш документ. Масштабируйте ее, сделав достаточно мелкой и разместите как показано ниже:

3 paste

Мягкой кистью инструмента Ластик/Eraser сделайте переход от травы к бетону плавным:

3 erase

Повторите процесс, раскидав траву в еще нескольких местах:

3 dup

Шаг 4

На этом этапе вам понадобится кисть облака для создания нужного эффекта. Вы можете выбрать понравившуюся вам кисть здесь или самостоятельно в Интернете.

Нарисуйте немного облаков вокруг текста, как показано ниже:

4 cloud 1

4 cloud 3

4 cloud 2

Выберите какую-нибудь кисть в стиле гранж, чтобы нарисовать крупицы вокруг текста:

4 particle

Шаг 5

Если хотите, можете на этом закончить. Но эффект будет смотреться интереснее с применением корректирующего слоя Selective Color/Выборочная коррекция цвета. Создайте корректирующий слой поверх всего и настройте как показано ниже:

5 sel red

5 sel whites

5 sel blacks

5 sel neu

Результат

concrete-text-flatten

Без цветовой коррекции:

concrete-text-2

Автор урока James Qu

Перевод — Дежурка

Смотрите также:




Комментарии