Создаём Текст в виде Знака Голливуда в программе Adobe Photoshop

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

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

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

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

• Шрифт Hollywood Hills
• Изображение Заднего фона
• Текстура Металла 0146
• Текстура Металла 0207

1. Создаём Задний Фон

Создайте новый документ 1250 x 850 px в программе Adobe Photoshop. Откройте исходное изображение с Задним фоном, далее, с помощью инструмента Перемещение (Move (V), переместите данное изображение на наш рабочий документ, расположив поверх слоя Задний фон (Background), назовите этот слой Изображение Заднего фона (BG Image). Примените масштабирование к данному изображению на своё усмотрение.

Создайте новый слой, назовите его Коррекция Заднего фона (BG Edit).

Выберите инструмент Восстанавливающая кисть (Healing Brush Tool), а затем в панели управления данного инструмента. установите Образец (Sample) на Активный и ниже (Current & Below).

С помощью данного инструмента, мы скроем текст на заднем фоне.

Итак, удерживая клавишу (Alt), щёлкните по обрасти отбора образца, которым вы хотите скрыть букву текста.

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

Вы также можете использовать другие восстанавливающие инструменты или инструмент Штамп (Stamp Tool), где необходимо, например, участки, где текст захватывает небо.

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

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

Щёлкните по значку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся окне, выберите опцию Карта Градиента (Gradient Map).

Создайте градиент, используя следующие цвета градиента: #433469 слева, #5e6474 в середине и #d4b28a справа.

Поменяйте режим наложения на Мягкий свет (Soft Light), а затем уменьшите значение Непрозрачности (Opacity) до 25%.

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

2. Создаём Текст

Создайте текст, используя шрифт Hollywood Hills. установите цвет шрифта #d9d9d9 , размер шрифта 200 pt, а также Трекинг (Tracking) на 100.

Назовите слой с текстом Текст (Text), а затем щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

3. Создаём Фигуры Линий

Выберите инструмент Линия (Line Tool) в панели управления данного инструмента, установите значение Толщины (Weight) линии на 4. Примечание переводчика: в настройках инструмента, выберите режим Слой-фигура (layer shape).

Нарисуйте линию, начиная от верхнего края первой буквы, и протянув её за внешний контур нижнего края.

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

Добавьте ещё вертикальных линий на остальные буквы текста.

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

Выделите все слои с линиями, которые вы нарисовали. а затем идём Слой- Объединить фигуры (Layer > Merge Shapes). Назовите объединённый слой Вертикальные (Vertical). Примечание переводчика: если вы используете более раннюю версию программы Photoshop, тогда идём Слой- Объединить слои (Layer > Merge Layers).

Выберите инструмента Стрелка (Direct Selection Tool) и с помощью данного инструмента, выделите каждую нижнюю опорную точку линий, чтобы выровнять их по нижнему краю. Примечание переводчика: постарайтесь использовать Стрелку для выравнивания нижний краёв линий до объединения слоёв с фигурами линий.

Выберите ещё раз инструмент Линия (Line Tool), а затем установите значение Толщины (Weight) линии на 2.

Повторите те же самые шаги, чтобы создать горизонтальные линии. Объедините слои с линиями, назовите объединённый слой Горизонтальные (Horizontal), и с помощью инструмента Стрелка (Direct Selection Tool), выровняйте любую опорную точку при необходимости.

4. Создаём 3D Слои

Для каждого слоя с линиями, вначале выделите его, а затем идём 3D – Новая 3D экструзия из выделенного контура (3D – New 3D Extrusion from Selected Path).

Выделите все 3D слои, которые у вас есть, а затем идём 3D – Слияние 3D-слоёв (3D > Merge 3D Layers).

5. Работаем с 3D Сценой

Чтобы получить доступ к настройкам 3D объектов, а также к другим параметрам, мы должны открыть две панели: панель 3D и панель Свойства (Properties) (обе панели можно активировать через меню Окно (Window).

Панель 3D имеет все компоненты 3D сцены и, если вы щёлкните по названию одного из них, то вы сможете получить доступ к настройкам панели Свойства (Properties). Поэтому, если вы хотите провести редактирование, не забудьте вначале выбрать вкладку элемента в 3D панели, а затем уже меняйте настройки в панели Свойства (Properties).

Если вы выберите инструмент Перемещение (Move Tool (V), то вы увидите появившееся окно с 3D режимами рядом с панелью настроек.

Если вы выберите один из режимов, то затем, вы можете проводить изменения объекта, щёлкнув и потянув его (объект, который выбран в 3D панели).

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

6. Меняем Глубину Экструзии

Выберите вкладку Текст (Text) в панели 3D, а затем в панели Свойства (Properties), поменяйте Глубину экструзии (Extrusion Depth) на 0.5.

Выберите вкладку Вертикальные (Vertical), чтобы поменять Глубину экструзии (Extrusion Depth) на 7.

Выберите вкладку Горизонтальные (Horizontal), чтобы поменять Глубину экструзии (Extrusion Depth) на 2.

7. Смещаем 3D Объекты

Выберите инструмент Перемещение (Move Tool) и с помощью 3D-Оси (3D Axis), сместите 3D объекты таким образом, чтобы объект Текст (Text) был расположен впереди, объект Горизонтальные (Horizontal) позади него, а объект Вертикальные (Vertical) на заднем плане.

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

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

Выделите все вкладки в 3D панели, а затем щёлкните по значку меню в верхнем правом углу 3D панели и в появившемся окне, выберите опцию Переместить объект на плоскость основания (Move Object to Ground Plane).

8.Создаём Базовые Материалы

Выделите все вкладки с Материалами текста (Text Material), а затем примените следующие настройки, которые указаны ниже (настройки цвета использованы в режиме RGB):

• Цветовой Блик (Specular): 208, 206, 206
• Блеск (Shine): 30
• Отражение (Reflection): 3

Выделите вкладки Материал Переднего скоса (Front Bevel), Экструзия (Extrusion) и Материал Заднего скоса (Back Bevel Material), а затем щёлкните по значку текстуры Рассеивание (Diffuse) и в появившемся меню, выберите опцию Удалить текстуру (Remove Texture).

Поменяйте Цвет Рассеивания (Diffuse Color) на (217, 217, 217).

9. Применяем Рельефную Текстуру

Выделите вкладку Материал Передней Выпуклости Основы (Ground Front Inflation Material) в панели 3D, а затем щёлкните по папке Рельеф (Bump) в панели Свойства (Properties) и в появившемся меню, выберите опцию Загрузить текстуру (Load Texture), чтобы открыть Текстуру Металла 0146.

Щёлкните по значку текстура Рельефа (Bump) и в выпадающем меню, выберите опцию Редактировать текстуру (Edit Texture).

Добавьте корректирующий слой Инвертировать (Invert), а затем сохраните и закройте документ с текстурой.

Если вы не можете увидеть текстуру на буквах, тогда щёлкните по вкладке Бесконечный свет (Infinite Light), а затем с помощью инструмента Перемещение (Move Tool), сместите свет до тех пор, пока не сможете увидеть текстуру.

Выберите вкладку Материал передней выпуклости (Text Front Inflation Material), если она не выбрана, а затем щёлкните по значку текстуры Рельефа (Bump) и в выпадающем меню, выберите опцию Редактировать UV-свойства (Edit UV Properties).

Установите оба значения для параметра Сдвиг (Offset) на 0, а для параметра Мозаика (Tile) установите значение V/Y на 1. Далее, увеличьте значение U/X до того значения, чтобы получить результат, который вам нравится.

Выберите вкладку Материал задней выпуклости (Text Back Inflation Material), щёлкните по папке Рельеф (Bump) и в появившемся окне, выберите Текстуру Металла 0146 и используйте те же самые значения UV Материала передней выпуклости (Front inflation Material UV).

10. Создаём Металлический Текстурный Материал

Выберите вкладку Материал Передней Выпуклости Вертикальные ( Vertical Front Inflation Material), а затем примените следующие настройки, которые указаны ниже:

• Цветовой блик (Specular): 188, 185, 185
• Блеск (Shine): 50
• Отражение (Reflection): 5

Далее, в панели Свойства (Properties), щёлкните по значку текстуры Рассеивание (Diffuse) и в появившемся меню, выберите опцию Заменить текстуру (Replace Texture), а затем откройте Текстуру Металла 0207.

Ещё раз щёлкните по значку текстуры Рассеивание (Diffuse) и в появившемся меню, выберите опцию Редактировать текстуру (Edit Texture).

Добавьте корректирующий слой Уровни (Levels), а затем поменяйте значение Гаммы (Gamma) на 2.55, а значение Световых бликов (Highlights) на 220.

Сохраните, а затем закройте документ.

Немного увеличьте масштаб, чтобы чётко видеть текстуру на вертикальных стержнях, а затем отредактируйте UV свойства (UV Properties) текстуры Рассеивания (Diffuse).

11. Сохраняем и ещё раз Применяем Материал

Щёлкните по окошку Палитра Материалов (Material Picker), а затем щёлкните по значку выпадающего меню в верхнем правом углу, чтобы выбрать опцию Новый Материал (New Material).

Напечатайте название Bars Material в строке Имя (Name), а затем нажмите кнопку 'OK'.

Выделите остальные вкладки Материалы Вертикальные и Материалы Горизонтальные (Vertical and Horizontal Material).

Откройте окно Палитры Материалов (Material Picker), прокрутите список материалов вниз, чтобы выбрать материал, который вы только что сохранили, щёлкните по нему. чтобы применить его к выделенным материалам.

Выберите вкладку Вертикальные ( Vertical), а затем в панели Свойства (Properties), поменяйте параметр Наложение текстуры (Texture Mapping) на Мозаика (Tile), далее, откорректируйте UV Свойства Экструзии Материала (Extrusion Material UV Properties) при необходимости.

Проделайте то же самое с вкладкой Горизонтальные (Horizontal).

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

12. Настраиваем Освещение 3D Сцены

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

Вы можете временно отключить видимость слоя Коррекция Заднего фона (BG Edit), это поможет вам выбрать угол обзора на основе оригинальных букв или просто выберите тот угол обзора камеры, который вам нравится.

Выберите вкладку Бесконечный свет (Infinite Light), а затем поменяйте Интенсивность (Intensity) на 65%, а Тень- Сглаживание (Shadow Softness) на 30%.

Используйте инструмент Перемещение (Move Tool), чтобы сместить свет или щёлкните по значку Координаты (Coordinates) в верхней части панели Свойства (Properties), чтобы задать числовое значение координат.

Выберите вкладку Окружающая среда (Environment), а затем щёлкните по значку рядом с текстурой ИСБИ (IBL) и в появившемся окне, выберите опцию Заменить текстуру (Replace Texture), далее, откройте отредактированное изображение с задним фоном, которое вы сохранили вначале этого урока.

Установите Интенсивность (Intensity) на 50%, а затем сместите свет при необходимости.

13. Рендеринг и Коррекция Маски 3D Сцены

Идём 3D – Рендер 3D слоя (3D > Render 3D Layer). Рендеринг может занять некоторое время, но вы можете остановить процесс рендеринга в любой момент, нажав клавишу (Esc).

Когда завершиться рендеринг, щёлкните правой кнопкой по 3D-слою и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Это поможет предотвратить любые случайные изменения в 3D-слое.

Выберите инструмент Кисть (Brush Tool (B), а затем откройте панель настроек кисти, для этого идём Окно - Кисть (Window > Brush).

Выберите кисть Брызги 24 пикс.(Spatter 24 pixels), установите следующие настройки для параметров Форма отпечатка кисти (Brush Tip Shape) и Динамика формы (Shape Dynamics):

Щёлкните по значку Добавить слой-маску (Add layer mask) в нижней части панели слоёв.

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

14. Добавляем Корректирующие Слои

Добавьте корректирующий слой Уровни (Levels), преобразуйте его в обтравочную маску к 3D слою (3D layer), а затем поменяйте Выходные значения Уровня Света (Output Highlights) на 245.

Добавьте корректирующий слой Градиент (Gradient), установите градиент от прозрачного к цвету заливки, используя следующие цвета градиента: #b3b3b3 слева и #000000 справа.

Установите Стиль (Style) на Радиальный (Radial), а Масштаб (Scale) на 235%, а также поставьте галочку в окошке Дизеринг (Dither).

Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Мягкий свет (Soft Light).

Добавьте корректирующий слой Выборочная коррекция цвета (Selective Color). Примените следующие настройки, которые указаны ниже:

Красные (Reds)

• Голубой (Cyan): -30
• Пурпурный (Magenta): 10
• Жёлтый (Yellow): 10
• Чёрный (Black): -11

Зелёные (Greens)

• Голубой (Cyan): -20
• Пурпурный (Magenta): -30
• Чёрный (Black): 10

Голубые (Cyans)

• Голубой (Cyan): -20
• Пурпурный (Magenta): -20
• Жёлтый (Yellow): -20
• Чёрный (Black): -10

Синие (Blues)

• Голубой (Cyan): 25
• Пурпурный (Magenta): -35
• Жёлтый (Yellow): 15
• Чёрный (Black): -2

Белые (Whites)

• Голубой (Cyan): -30
• Пурпурный (Magenta): -15
• Жёлтый (Yellow): -25
• Чёрный (Black): 10

Нейтральные (Neutrals)

• Голубой (Cyan): 3
• Жёлтый (Yellow): 3
• Чёрный (Black): 10

Чёрные (Blacks)

• Голубой (Cyan): 5
• Пурпурный (Magenta): 3
• Жёлтый (Yellow): -2
• Чёрный (Black): 10

Добавьте корректирующий слой Вибрация (Vibrance), а затем поменяйте режим наложения для данного корректирующего слоя на Цветность (Color), таким образом, он не повлияет на яркость.

Далее, поменяйте значение Вибрации (Vibrance) на 70, а значение Насыщенности (Saturation) на -20.

Добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast), поменяйте режим наложения для данного корректирующего слоя на Яркость (Luminosity), таким образом, он не будет воздействовать на цвета, а также поменяйте Контрастность (Contrast) на 15.

15. Проводим Коррекцию Текстуры Заднего Фона

После добавления всех корректирующих слоёв, сейчас подходящее время вернуться к слою Коррекция Заднего фона (BG Edit) и исправить все возможные дефекты отредактированного заднего фона.

Проверьте все участки, которые недостаточно хорошо совмещены с оригинальным задним фоном или не подходят к нему. Для этих целей используйте восстанавливающие инструменты и Штамп (Stamp), чтобы исправить эти участки.

После проведения коррекции, создайте новый слой, а затем нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой.

Назовите этот слой Цветовой контраст (High Pass), а затем щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Далее, идём Фильтр – Другое – Цветовой контраст (Filter > Other > High Pass). Установите Радиус (Radius) на 1.

Поменяйте режим наложения для слоя Цветовой контраст (High Pass) на Мягкий свет (Soft Light).

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

В этом уроке мы использовали некоторые восстанавливающие инструменты, чтобы удалить надпись Голливуд на заднем фоне.

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

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

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