Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)
Данный урок был первоначально опубликован в сентябре 2011 года в качестве платного урока из серии Tuts+ Premium. Теперь он доступен для бесплатного просмотра. Хотя в данном уроке не используется последняя версия Adobe Photoshop, методы и техники, описанные в этом уроке, по-прежнему актуальны.
В этом уроке, мы покажем вам, как создать 3D текст из земли, используя 3D инструменты программы Photoshop.
Любите
текстовые эффекты, вдохновлённые природой? Тогда создайте свой собственный
текст, скачав один из потрясающих экшенов Photoshop на
сайте GraphicRiver. Или обратитесь за помощью профессиональному дизайнеру
от Envato Studio, который осуществит ваш проект в соответствии с
вашими требованиями.
Исходные материалы
Следующие
исходные материалы были использованы для создания данного урока. Одно из
исходных изображений больше не доступно, поэтому, не стесняйтесь использовать
свои собственные исходные изображения.
1. Создаём 3D Текст
Шаг 1
OK, давайте приступим. Если у вас есть некоторое представление о работе 3D-инструментов в Photoshop, то этот урок будет лёгким для вас; если нет, то вы узнаете, что это очень просто. Давайте откроем красивое исходное изображение, которое я выбрал для данного урока.
Теперь выберите инструмент Горизонтальный текст (Text Tool) в панели инструментов.
Установите цвет для текста светло-серый или серый средних тонов.
Я выбрал шрифт здесь, но если у вас нет данного шрифта, тогда просто используйте другой шрифт, который доступен в вашей системе, я предпочитаю жирный шрифт для создания данного эффекта.
Для данного шрифта Helvetica, я установил размер шрифта 110, но размер шрифта может варьироваться.
Что вам нужно- это большой жирный шрифт, который почти полностью заполнит пространство холста по горизонтали, как показано на скриншоте ниже.
Далее, идём в 3D меню и выбираем Чеканка – Текстовый слой (Repousé > Text Layer).
В появившемся окне настроек, выберите фигуру, которая указана на скриншоте ниже, а также установите указанные настройки. 3D-инструменты занимают некоторое время на обработку, поэтому в зависимости от вашего компьютера, возможно, вам придётся немного ожидать при выполнении каждого шага; просто проявите терпение.
Сейчас мы также будем использовать 3D виджет, который появится в верхнем левом углу вашего изображения. У данного виджета имеется три стрелки, которые управляют 3D объектом в трёх различных направлениях, у каждой стрелки есть три разных рычажка, которые выполняют три различные задачи, которые указаны ниже, это Поворот, Смещение и Масштабирование. Ознакомьтесь с этими элементами управления, чтобы с лёгкостью пройти все этапы.
Теперь, используя виджет, переместите текст с небольшой перспективой, как показано на скриншоте ниже. Вот и всё — мы получили 3D текст, с которым мы будем работать на отдельном слое в Photoshop.
2. Создаём Освещение и Текстуру
Шаг 1
Пришло время для небольшой коррекции освещения, поэтому, вначале, давайте выберем вкладку Бесконечный свет 1 (Infinite Light 1), а затем выберите инструмент Поворот 3D-света (3D Light Rotate Tool).
Шаг 2
Теперь у бесконечного света появится такой же виджет, как у 3D объекта, единственное, он будет оснащён только рычажками поворота.
Давайте используем эти рычажки, чтобы слегка повернуть свет, как показано на скриншоте ниже. Будет отлично, если вы поэкспериментируете с этим виджетом, чтобы посмотреть, как он воздействует на 3D объект.
Шаг 3
Далее, давайте перейдём к материалам для букв, для этого, выберите самую первую вкладку с материалом, а затем из папки Рассеивание (diffuse), выберите опцию Загрузить текстуру (Load Texture).
Выберите следующую текстуру, а затем нажмите кнопку ‘OK’.
Теперь откорректируйте значения U Масштаба (U Scale) и V Масштаба (V Scale), как показано на скриншоте ниже.
Как вы видите, буквы текста разделены на секции с различными текстурами.
Шаг 4
Теперь нам нужна текстура для Рельефного Канала (Bump Channel), итак, щёлкните по папке Рельеф (Bump) и в выпадающем меню, выберите опцию Загрузить текстуру (Load Texture).
Далее, выберите следующую текстуру, которую я подготовил для вас, это чёрно-белая версия той же самой текстуры с усиленным контрастом.
Теперь нам нужно откорректировать Масштаб (Scale), чтобы было совпадение с цветом текстуры.
Далее, увеличьте уровень Рельефа (Bump) до 5.
Шаг 5
Мы завершили работу над материалом, поэтому, давайте сохраним наш материал, для этого нажмите значок Сохранить (Save) и в выпадающем меню, выберите опцию Новый материал (new material); дайте название новому материалу или оставьте название по умолчанию.
Далее, давайте применим сохранённый материал к остальным вкладкам.
Теперь, когда мы применили материалы ко всем вкладкам, давайте немного откорректируем свет. Отключите видимость вкладки Бесконечный свет 2 (Infinite Light 2), а затем усильте значение Интенсивности (Intensity) до 1.5.
Шаг 6
Далее, нам нужно немного повернуть свет, как показано на скриншоте ниже, чтобы придать текстуре наилучший вид. Вы можете поэкспериментировать и выбрать другие настройки.
3. Разделяем 3D Объект
Шаг 1
Далее, мы разделим наш текст на отдельные буквы, таким образом, мы сможем корректировать их по отдельности. Но вначале, давайте усилим значение Рельефа (Bump) для каждого материала до 7, чтобы усилить эффект рельефа текстуры.
Идём в 3D меню и выбираем опцию Разделить Объекты Чеканки (Split Repoussé Meshes).
Шаг 2
Итак, мы получили отдельные сетки для каждой буквы, каждая с отдельной текстурой, но поскольку мы уже текстурировали всё слово, то нам не придётся работать над текстурой каждой буквы. Кроме этого, чтобы перемещать и поворачивать каждую букву, теперь вам нужно использовать инструмент Поворот сетки (Mesh Rotate Tool) вместо инструмента Поворот объекта (Object Rotate Tool).
Давайте начнём с буквы ‘E’, итак, выберите вкладку с этой буквой.
Шаг 3
Виджет Управления Сетки тот же самый, что и Виджет Объекта, поэтому, вы можете управлять позицией таким же образом. Для буквы ‘E’, я применил коррекцию, как показано на скриншоте ниже.
На скриншоте ниже, вы можете увидеть мой результат коррекции расположения буквы, но вы можете использовать другое расположение.
Шаг 4
Я также немного опустил букву, как показано на скриншоте ниже, используя рычаг стрелки.
Шаг 5
Проделайте то же самое для каждой буквы, выбирая каждую вкладку из списка и выставляя каждую позицию буквы на своё усмотрение, чтобы они наилучшим образом походили к изображению. На скриншоте ниже, вы можете увидеть мой результат коррекции расположения каждой буквы.
4. Исправляем Освещение и Преобразовываем в
Смарт-объект
Шаг 1
На данном этапе, перед тем, как мы продолжим, мы быстро слегка исправим освещение, а также преобразуем наш 3D слой в смарт-объект. Итак, щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).
Шаг 2
Чтобы получить доступ к 3D слою для редактирования, просто дважды щёлкните по слою смарт-объекта.
Далее, появится окно с предупреждением, поскольку вы работаете со смарт-объектом. Мы делаем это по двум причинам: первая, 3D слой нельзя использовать с масками, которые мы будем применять и вторая, преобразование слоя в смарт-объект решает проблему требований RAM документа.
Шаг 3
Как только вы активировали 3D смарт-объект, вы можете продолжить редактирование всех настроек 3D объекта. На данном этапе, выберите вкладку Бесконечный свет 1 (Infinite Light 1), а затем выберите инструмент Поворот света (light Rotate Tool).
Слегка поверните свет, как показано на скриншоте ниже, чтобы создать наилучшее освещение на всех буквах.
На скриншоте ниже, вы можете увидеть, как свет воздействует на наш объект. Вы можете выбрать немного другую позицию, которая является приемлемой, но только не забывайте про то, откуда свет поступает на вашу сцене.
Шаг 4
Как только вы закончите, сохраните смарт-объект, а все изменения будут обновлены в вашем основном документе.
Вы увидите обновление смарт-объекта в появившемся окне загрузки обновлений, а затем вы увидите полученный результат на изображении.
5. Усиливаем Тени
Шаг 1
Теперь, когда мы всё откорректировали в 3D сцене, мы можем перейти к более традиционным техникам Photoshop; давайте добавим слой-маску к текстовому слою.
Выберите стандартную кисть Мел.
Давайте обработаем отдельные участки текста вдоль контура букв, чтобы акцентировать вид текстуры скальной породы, путём создания рваных краёв.
Прокрасьте кистью на маске слоя, соблюдая свойства скальной текстуры, а также не забудьте обработать нижнюю часть текста, учитывая потоки воды, как показано на скриншоте ниже.
Шаг 2
Продолжайте обрабатывать края остальных букв, как показано на скриншоте ниже.
Шаг 3
Теперь, добавьте корректирующий слой Уровни (Levels). Установите следующие настройки для уровней, которые указаны на скриншоте ниже.
Мы создали насыщенный затемняющий эффект, хотя мы используем его только на отдельных участках. Итак, залейте маску корректирующего слоя Уровни (Levels) чёрным цветом, чтобы скрыть коррекцию затемнения.
Шаг 4
Теперь, когда мы залили маску чёрным цветом, мы восстановим эффект затемнения на маске, для этого, выберите инструмент Кисть (Brush Tool), установите цвет кисти на белый цвет.
Шаг 5
Мы используем ту же самую кисть Мел, единственное, уменьшите размер кисти до, примерно, 28 px.
Теперь мы усилим тени на очевидных затемнённых участках букв, как показано на скриншоте ниже.
Продолжайте проводить коррекцию каждой буквы, как указано на скриншоте ниже. Вы можете сразу увидеть, как это помогает вписать буквы в сцену.
6. Добавляем Растительность
Шаг 1
Пришло время добавить растительность и мох к нашим буквам. Мы добавим детали, поэтому, текст ещё лучше впишется в нашу сцену. Мы сделаем это с помощью инструмента Штамп (Clone Tool).
Кисть остаётся та же самая, только уменьшите размер кисти до, примерно, 3 px.
Включите все указанные настройки в панели Кисть (Brush), активируйте Нажим пера (Pen Pressure) для всех настроек.
Далее, создайте новый слой в качестве места назначения для нашей работы с клонированием.
Хотя наш источник клонирования расположен на самом основном изображении, поэтому, перейдите на основной слой, а затем выберите источник клонирования, как показано на скриншоте ниже.
Шаг 2
Теперь вновь перейдите на новый слой, а затем начните прокрашивать с помощью инструмента Штамп (Clone Tool), чтобы добавить растительность, включая мох на верхние участки букв.
Возвращайтесь на основной слой столько раз, сколько вам нужно, чтобы выбрать новый источник клонирования; но при этом, не забывайте возвращаться на новый слой, чтобы применить его.
Продолжайте добавлять растительность на все буквы, как показано на скриншоте ниже. Конечно же, данный шаг будет зависеть от ваших личных предпочтений, поэтому, ваш может отличаться от моего результата.
Старайтесь совместить растительность со скальной текстурой и не переусердствуйте с клонированием мха.
7. Усиливаем Детализацию Воды
Шаг 1
Давайте усилим детализацию воды, чтобы совместить текст с речкой; для этого, создайте новый слой.
Мы используем ту же самую кисть Мел, уменьшите размер кисти всего лишь до 2 px.
Шаг 2
Отберите образец чистого оттенка с самой речки, а затем нарисуйте небольшую протоку, как будто река протекает между этими двумя буквами.
Затем, также нарисуйте небольшой поток воды со стороны задней части буквы ‘E’, как будто вода протекает за этой буквой.
Проделайте то же самое для других двух букв.
И в заключение, самая важная деталь, на мой взгляд - это добавить потоки воды, которая протекает через отверстие буквы ‘A’.
Шаг 3
Теперь отберите образец светло-зелёного цвета с изображения реки, как показано на скриншоте ниже.
Добавьте зеленоватый оттенок к воде, которую мы нарисовали внутри буквы ‘A’, как показано на скриншоте ниже.
Шаг 4
Далее, отберите образец более тёмного зелёного оттенка.
Теперь прокрасьте, как показано на скриншоте ниже.
OK, отличная работа. Теперь возвращаемся к почти белому оттенку образца.
Усильте мелкие потоки воды, как показано на скриншоте ниже.
Шаг 5
Продолжайте усилить детализацию на других участках, где мы нарисовали потоки воды, делая их более естественными.
Старайтесь соблюдать основное направление потоков реки и создать изгибы при необходимости.
И вот и всё! Результат должен быть, как на скриншоте ниже, где потоки воды, кажется, огибают грань каждой буквы.
8. Проводим Коррекцию с Помощью Корректирующих Слоёв
Шаг 1
Теперь давайте добавим пару корректирующих слоёв, чтобы сделать нашу сцену более захватывающей и глубокой. Вначале добавьте корректирующий слой Уровни (Levels). Установите следующие настройки, которые указаны на скриншоте ниже.
Выберите мягкую кисть, размер кисти, примерно, 400 px, цвет кисти чёрный.
Шаг 2
С помощью корректирующего слоя Уровни (Levels), мы затемнили всю сцену, но нам всё ещё нужно скрыть коррекцию уровней с помощью чёрной кисти на маске данного корректирующего слоя, чтобы показать поступающий свет.
Это довольно-таки легко, теперь добавьте корректирующий слой Чёрно-белое (Black and White), поменяйте режим наложения для данного корректирующего слоя на Умножение (Multiply), а также немного уменьшите Непрозрачность (Opacity) слоя.
Установите следующие настройки для корректирующего слоя Чёрно-белое (Black and White), которые указаны на скриншоте ниже.
Вы можете увидеть, что данный корректирующий слой немного затемнил атмосферу, но что более важно, он усиливает настроение всей сцены.
Хотя опять же, нам не нужно, чтобы данный корректирующий слой слишком сильно воздействовал на нашу сцену, поэтому, мы скроем часть коррекции на маске с помощью мягкой чёрной кисти, как показано на скриншоте ниже. Конечно же, поменяйте размер кисти при необходимости.
9. Проводим Коррекцию Воды
Шаг 1
Это простая коррекция: я в действительности не нравится зелёный оттенок воды, поэтому, я решил сделать воду более голубоватой. Давайте добавим корректирующий слой Фото Фильтр (Photo Filter) со следующими настройками, которые указаны на скриншоте ниже.
Мы не хотим, чтобы данная коррекция воздействовала на всю сцену, а только на воду, поэтому, залейте маску корректирующего слоя Фото Фильтр (Photo Filter) чёрным цветом, чтобы полностью скрыть коррекцию фильтра.
Выберите мягкую кисть, размер кисти, примерно 52 px, цвет кисти белый.
Теперь перейдите на маску корректирующего слоя, чтобы прокрасить реку и придать ей более голубоватый оттенок.
Шаг 2
Не забудьте уменьшить размер кисти, когда будете прокрашивать узких местах.
Также не забывайте, чтобы прокрашивать нужно только участки воды. Далее, слегка уменьшите Непрозрачность (Opacity) данного корректирующего слоя, как показано на скриншоте ниже и на этом всё - теперь вода в реке больше похожа на воду!
10. Проводим Коррекцию Освещения
Шаг 1
Далее, создайте новый слой, который мы используем для создания свечения света и нежных потоков света, которые поступают извне. Вначале выберите инструмент Градиент (Gradient Tool).
Выберите следующий градиент из набора градиентов.
Шаг 2
Находясь на новом слое, потяните градиент по диагонали вдоль всей сцены, чтобы создать радиальный градиент.
Далее, мы проведём коррекцию градиента, сохранив эффект там, где нам нужно. Итак, добавьте слой-маску к слою с градиентом.
Перед тем, как приступить к коррекции маски, нам нужно выбрать большую мягкую кисть, как показано на скриншоте ниже. Цвет кисти чёрный.
Теперь начните прокрашивать на слой-маске слоя, как показано на скриншоте ниже.
Шаг 3
Уменьшите размер кисти до, примерно, 200 px.
Продолжайте работать над потоками света, поступающими извне.
Теперь поменяйте цвет кисти на белый цвет, а затем начните прокрашивать на маске там, где мы скрыли эффект градиента. Как вы видите, это в какой-то степени повторяющийся обратный процесс, который помогает создать тот эффект, который нам нравится.
Теперь прокрасьте кистью на маске, чтобы получить потоки света, как показано на скриншоте ниже.
А затем возвращаемся к чёрному цвету кисти и вновь скрываем потоки света.
Опять же, это вопрос личных предпочтений, сколько световых потоков вы хотите воссоздать в своей сцене.
11. Добавляем Нежные Световые Блики
Шаг 1
Как вы можете увидеть, я сгруппировал все рабочие слои кроме корректирующих слоёв, которые остались вне группы. Что мы сделаем сейчас- это продублируем созданную группу.
Далее, давайте выполним сведение дубликата группы (Ctrl+E), чтобы получить объединённый слой, с которым мы будем работать.
Переместите объединённый слой наверх, расположив поверх всех остальных слоёв.
Шаг 2
Мы применим коррекцию Уровней (Levels) напрямую к слою, а не корректирующий слой. Итак, идём в меню Изображение- Коррекция- Уровни (Image- Adjustments - Levels).
В появившемся окне коррекции Уровней (Levels), установите следующие настройки, которые указаны на скриншоте ниже. Вы можете использовать цифровые значения для более высокой точности.
Отлично! Теперь добавьте слой-маску к объединённому слою.
Шаг 3
Нам нужен этот яркий слой, чтобы добавить световые блики только на отдельные участки изображения, поэтому, залейте слой-маску чёрным цветом, чтобы полностью скрыть коррекцию уровней.
Далее, выберите мягкую кисть, которая указана на скриншоте ниже.
Поменяйте цвет кисти на белый цвет.
На первом скриншоте ниже, вы можете увидеть фрагмент изображения до обработки, а на втором скриншоте ниже, вы можете увидеть участки, которые я обработал на слой-маске, чтобы добавить нежные световые блики.
На скриншотах ниже, вы можете увидеть текст без добавления световых бликов, а также текст с добавлением всех световых бликов. Самый лучший способ узнать, что было добавлено, - это сравнить изображения, или, ещё лучше, посмотреть видео, где вы можете увидеть все действия.
12. Добавляем Заключительную Тень
Шаг 1
В заключительной части урока нам нужно добавить тени, которые отражаются на воде, чтобы завершить реалистичный вид сцены. Мы сделаем это с помощью корректирующего слоя Уровни (Levels), итак, создайте корректирующий слой Уровни (Levels), а затем установите следующие настройки, которые указаны на скриншоте ниже.
Опять же, поскольку мы не хотим, чтобы данный корректирующий слой воздействовал полностью на всю сцену, давайте зальём маску данного корректирующего слоя чёрным цветом, чтобы полностью скрыть коррекцию.
Шаг 2
Теперь выберите мягкую кисть, размер кисти примерно 17 px., цвет кисти белый.
Начните прокрашивать кистью на маске корректирующего слоя, добавляя тени, как показано на скриншоте ниже.
Продолжайте корректировать остальные участки воды, куда могут падать тени.
Шаг 3
Как только вы завершите работу над добавлением теней, далее, просто откорректируйте значение Непрозрачности (Opacity) слоя, а также поменяйте режим наложения на Умножение (Multiply).
И на этом всё — это была заключительная деталь к нашему 3D Тексту.
Итоговое Изображение
Мы успешно завершили сцену с 3D-текстом, он отлично выглядит, а также отлично совмещён с окружающей атмосферой. Для меня это было интересно, надеюсь, что вам тоже понравился этот урок. Как всегда, не стесняйтесь задавать вопросы в комментариях к уроку, а также выкладывать свои работы. Спасибо за ваше время и поддержку; Увидимся на следующем уроке.
Премиум Экшены Photoshop от GraphicRiver
Хотите создать великолепный текстовый эффект без всяких хлопот? Тогда скачайте один из потрясающих Экшенов Photoshop от GraphicRiver, чтобы создать удивительные эффекты всего лишь за несколько кликов. Используйте эти экшены, чтобы преобразовать свои проекты, а также ознакомьтесь с одним из наших любимых экшенов, который представлен ниже!
Экшен Генератор Травы
Создайте
удивительные реалистичные текстуры травы с помощью этого Экшена Photoshop. Данный
экшен позволяет создать реалистичный эффект 3D
травы, который можно быстро и легко применить к любому тексту или форме. В загрузочный
файл включены все дополнительные кисти и стили, необходимые для того, чтобы
этот эффект ожил!
