Высокотехнологичный 3D текст

17 января 2012 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Ресурсы урока:

Шаг 1

Создайте новый документ с такими параметрами:

Сделайте копию фонового слоя (Ctrl + J) и назовите её “noise”. Примените фильтр шума к слою “noise” (Filter → Noise → Add Noise).

Шаг 2

Инструментом Horizontal Type Tool (T) напишите слово “Tech”, используя шрифт “Slicker”.

Перейдите в меню Window → Character и настройте шрифт так:

Шаг 3

Сделайте копию слоя “Tech” (Ctrl + J). Копия должна быть над оригиналом. Измените её цвет на #111111 и примените стиль Bevel & Emboss (кликните дважды на слое, чтобы открыть окно стилей).

Шаг 4

В этом шаге мы сделаем текст объёмным. Сделайте копию оригинального текстового слоя “Tech” и расположите её под ним. Измените размер шрифта до 433pt. Инструментом Move Tool (V) сместите на холсте, как показано ниже.

Как видите, два слоя не связаны. Чтобы соединить углы, используйте инструмент Pen Tool (P) в режиме Paths. Нарисуйте контуры маленьких треугольников, как показано ниже.

После рисования контуров, кликните на холсте правой кнопкой мыши и выберите пункт Make Selection: Feather Radius — 0 пикселей. В палитре слоёв перейдите на вторую копию текстового слоя — “Tech copy 2”. Инструментом Paint Bucket Tool (G) залейте выделение цветом #3c3c3c.

Фотошоп предупредит Вас о том, что нельзя делать заливку на текстовом слое, не растрировав его. Вам будет предложено растрировать текстовый слой “Tech copy 2”. Нажмите ОК и продолжите заливать выделения.

После заливки выделения, нажмите Ctrl + D, чтобы убрать его.

Шаг 5

Кликните дважды на слое “Tech copy 2”, чтобы открыть окно стилей. Примените стиль Drop Shadow:

  • Distance: 0px
  • Spread: 0%
  • Size: 4px

Потом примените стиль Gradient Overlay:

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

Шаг 6

Сделайте копию слоя текстового слоя “Tech copy” (он расположен над оригинальным текстовым слоем). Эта копия будет называться “Tech copy 3”. Примените к ней стиль Drop Shadow:

Кликните правой кнопкой на этом слое и выберите пункт Convert to Smart Object. Затем сделайте выделение слоя “Tech copy 2” (удерживая Ctrl, кликните на иконке слоя в палитре слоёв). Вокруг текста на этом слое появится выделение. Находясь на слое “Tech copy 3”, перейдите в меню Layer → Layer Mask → Reveal Selection.

Шаг 7

Сделайте выделение оригинального текстового слоя “Tech” (удерживая Ctrl, кликните на иконке слоя в палитре слоёв). На этот раз мы не будем ничего маскировать, а воспользуемся выделением для небольшой уловки. После создания выделения создайте новый слой (Ctrl + Shift + N) над слоем “Tech copy 3”. Назовите этот слой “Screen Pattern” и перейдите в меню Select → Modify → Contract. Введите значение 4 пикселя и нажмите ОК. Инструментом Paint Bucket Tool (G) залейте выделение чёрным цветом. Уберите выделение (Ctrl + D).

Шаг 8

Инструментом Rectangular Marquee Tool (M) создайте выделение нижней части текста.

Нажмите Delete на слое “Screen Pattern”.

Шаг 9

К слою “Screen Pattern” примените стиль Pattern Overlay:

  • Opacity: 60%
  • Scale: 9%
  • Используйте металлический узор, предоставленный в начале урока/li>

Затем примените стиль Stroke:

  • Position: Outside
  • Size: 1px
  • Opacity: 60%
  • Color: Чёрный

Далее примените стиль Inner Shadow:

  • Opacity: 50%
  • Distance: 4px
  • Choke: 1%
  • Size: 7px

Шаг 10

Создайте новый слой (Ctrl + Shift + N) над слоем “Screen Pattern” (он будет назван “Layer 1”). Проделайте с ним то же самое, что и в шагах 7-8, но на этот раз введите значение сжатия (Contract) — 7 пикселей.

Шаг 11

Перейдите в меню стилей слоя “Layer 1” и примените следующие стили:

Color Overlay: #0096ff

Inner Shadow:

Stroke:

Шаг 12

Создайте новый слой (Ctrl + Shift + N) над слоем “Layer 1”. Он будет назван “Layer 2”. Сделайте выделение слоя “Layer 1” (удерживая Ctrl, кликните на иконке слоя). На слое “Layer 2” залейте выделение чёрным цветом и перейдите в меню Select → Modify → Contract. Введите значение 5 пикселей и нажмите ОК. Нажмите Delete, чтобы удалить внутреннюю часть. Нажмите Ctrl + D.

К слою “Layer 2” примените стиль Bevel and Emboss:

Шаг 13

Вставьте изображение воды в наш документ и расположите его над слоем “Layer 1”. Инструментом Free Transform (Ctrl + T) измените размер слоя. Сделайте выделение слоя “Layer 1” и к слою с водой добавьте маску слоя (кликните на иконке маски в нижней части палитры слоёв). Чтобы избавиться от белого фона, установите Blending Mode на Multiply.

Вставьте изображение воды ещё раз, но не изменяйте его размер. Удерживая Alt, перетащите маску слоя “Water Stock” на второй слой воды. Установите Opacity слоя на 25%.

Шаг 14

Создайте новый слой (Ctrl + Shift + N) и назовите его “Water Highlight“. Расположите этот слой над слоем “Water Stock 2”. Выберите инструмент Brush Tool (B) размером 60 пикселей и обрисуйте верхнюю часть воды. Скопируйте маску со слоя “Water Highlight”.

Шаг 15

Создайте новый слой “Glow in this tutorial“ (Ctrl + Shift + N) над слоем “Layer 2”. Выберите кисть размером 60 пикселей цветом #0096ff. Добавьте свечение на воду и установите Opacity на 40%.

Шаг 16

Над слоем с шумом добавьте текстуру стены (поищите её в интернете). При помощи маски скройте лишние участки текстуры. Можете обесцветить слой при помощи коррекции Hue/Saturation (Image → Adjustments → Hue/Saturation). Для этого нужно понизить Saturation до -100. Также можете поработать с коррекцией Levels (Image → Adjustments → Levels), чтобы затемнить изображение.

Шаг 17

На фон добавьте несколько изображений трещин. Расположите эти слои над слоями текстуры стены. Установите Blending Mode на Multiply, чтобы избавиться от белого фона.

Шаг 18

Создайте новый слой “Light in this tutorial” поверх всех слоёв. Белой мягкой кистью размером 800 пикселей с непрозрачностью 35% нарисуйте свечения цветом #b6b6b6.

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

Шаг 19

Над слоем “Tech copy 3” создайте новый слой “Added Shadow”. Сделайте выделения слоя “Tech” и залейте его чёрным цветом.

Уберите выделение (Ctrl + D) и примените фильтр Radial Blur (Filter → Blur → Radial Blur) (нужно работать на слое “Added Shadow”).

Сделайте копию слоя (Ctrl + J) и объедините её с оригиналом (Ctrl + E). Инструментом Eraser Tool (E) сотрите нежелательные участки слоя (или скройте их при помощи маски).

Шаг 20

При помощи кистей крови нарисуйте потёки в нижней части текста. Нужно работать на отдельном слое.

Шаг 21

Я добавил немного частиц в виде белых точек. Создайте новый слой (Ctrl + Shift + N) и выберите кисть с мягкими краями. Перейдите в палитру кистей (F5) и настройте так:

Большие точки:

  • Brush size: 25px
  • Spacing: 300%
  • Shape Dynamics — Size Jitter: 100%
  • Scattering — Scatter: 1000%

Маленькие точки:

  • Brush size: 10px
  • Spacing: 300%
  • Shape Dynamics — Size Jitter: 100%
  • Scattering — Scatter: 1000%

Назовите слой “Small Particles” и примените стиль Outer Glow:

  • Color: #0096ff
  • Opacity: 100%
  • Size: 5px

Шаг 22

Обрисуйте холст технологичными кистями.

Лучше разделить элементы, нарисованные кистью на отдельные слои. К некоторым слоям примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) со значением 2 пикселя.

Также можете добавить цвет, как и в шаге 18, используя мягкую кисть размером 700 пикселей цветом #0096ff.

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

Конечный результат:

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта www.psdeluxe.com, автор перевода указан в начале урока.