в

Создаём текст из магмы в Photoshop

Final product image
0819 Fire final

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

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

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

  • Текстура Дыма
  • Текстуры Искры (выберите изображение 1)
  • Текстура Магмы (включена в приложение для скачивания)
  • Текстура Заднего Фона (включена в приложение для скачивания)

Шаг 1

Вначале откройте исходную текстуру Заднего Фона в программе Photoshop, а затем с помощью инструмента Горизонтальный текст (Type Tool (T), напишите свой текст. Для данного урока я использовал шрифт Helvetica LT Std, но вы можете использовать любой шрифт или фигуру, используя данную технику создания эффекта. Чтобы добиться того же результата, как у меня, используйте шрифт Helvetica LT Std. Откройте панель Символ (Character), для этого идём Окно – Символ (Window > Character), поменяйте Размер (Size) шрифта на 425 pt, а также установите Кернинг (kerning) на -25.

0819 Fire 1

Шаг 2

Обратите внимание, что буква ‘D’ всё ещё близко расположена к букве ‘S’, чтобы исправить это, поставьте курсор инструмента Текст между буквами “D” и “S”, а затем поменяйте Кернинг (Kerning) на -305.. Расстояние между буквами должно быть одинаковым.

0819 Fire 2

Шаг 3

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

0819 Fire 3

Шаг 4

Продублируйте слой с текстом (Ctrl+J), щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне, выберите опцию Очистить стили слоя (Clear Layer Style). Поскольку дубликат текста полностью совпадает с оригинальным текстом, то теперь мы можем добавить больше стилей слоя.

0819 Fire 4

Шаг 5

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

0819 Fire 5

Шаг 6

Убедитесь, чтобы текстура магмы была расположена поверх фонового слоя. Поменяйте режим наложения для слоя с текстурой на Линейный осветлитель (Добавить) (Linear Dodge (Add), а также уменьшите Непрозрачность (Opacity) слоя до 36%. Это усилит цвета и детали на заднем фоне. Далее, с помощью инструмента Ластик (Eraser Tool) (E), установите мягкую большую кисть Жёсткостью (hardness) 0%, прокрасьте края текстуры, чтобы удалить их, сохранив светлые участки ниже текста.

0819 Fire 6

Шаг 7

Выделите оба слоя с текстом, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Создайте новый слой, назовите этот слой  “Shadows”. Выберите инструмент Кисть (Brush Tool (B), установите мягкую круглую кисть, цвет кисти чёрный, размер кисти примерно 280px. С помощью настроенной кисти, добавьте тени ниже текста.

0819 Fire 7

Шаг 8

Создайте новый слой, назовите этот слой “orange bright spots”. С помощью кисти, нарисуйте оранжевые пятна поверх текста, а затем примените к нарисованным пятнам фильтр Размытие по Гауссу, для этого идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Поменяйте режим наложения для данного слоя на Линейный осветлитель (Добавить) (Linear Dodge (Add), а также уменьшите Непрозрачность слоя до 45%.

0819 Fire 8

Шаг 9

Перейдите на слой с текстом, а затем продублируйте его (Ctrl + J). Назовите дубликат слоя «Smudged Layer». Далее, щёлкните правой кнопкой мыши на данному дубликату слоя и в появившемся окне, выберите опцию Растрировать слой (Rasterize Layer). Нам нужно размыть края букв в тех местах, где высокая температура и плавится магма. Выберите инструмент Палец (Smudge Tool), установите мягкую круглую кисть Интенсивностью (strength) 30%. Размажьте края букв, как будто они размыты и плавятся.

0819 Fire 9

Шаг 10

Продолжайте размывать участки текстур по всем буквам, не размывайте произвольно. Используйте большой размер кисти для оранжевых участков. Усильте контрастность с помощью корректирующего слоя Кривые (Curves).

0819 Fire 10

Шаг 11

Создайте новый слой. С помощью мягкой круглой кисти, цвет кисти чёрный, добавьте небольшие тени поверх текста. В конце уменьшите Непрозрачность (Opacity) слоя до 40%.

0819 Fire 11

Шаг 12

Добавьте оранжевые блики на отдельном слое таким же образом, как мы ранее добавляли тени. Только на этот раз поменяйте режим наложения на Осветление основы (Color Dodge), а также используйте ярко-оранжевый цвет кисти. Примените фильтр Размытие по Гауссу, для этого идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), чтобы смягчить тона.

0819 Fire 12

Шаг 13

Создайте новый слой поверх всех слоёв, назовите его “highlights”. С помощью мягкой белой кисти, добавьте светлые блики поверх текста. Поменяйте режим наложения для слоя с бликами на Перекрытие (Overlay).

0819 Fire 13

Шаг 14

Откройте исходную текстуру Дыма, переместите данную текстуру на наш рабочий документ. Обесцветьте текстуру, для этого идём Изображение – Коррекция – Обесцветить (Image > Adjustments > Desaturate) или нажмите клавиши (Ctrl+Shift+U). С помощью инструмента Ластик (Eraser Tool (E), удалите лишние участки текстуры дыма, а также примените деформацию с помощью инструмента Деформация (Warp Tool (Ctrl+T). Не забудьте поменять режим наложения для каждого слоя с текстурой Дым на Осветление (Screen), чтобы скрыть чёрный фон на добавленных текстурах. Также используйте коррекцию Уровней (Ctrl+L) для усиления или уменьшения контрастности дыма и инструмент Палец (Smudge Tool) для заключительных штрихов.

0819 Fire 14

Шаг 15

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

0819 Fire 15

Шаг 16

Поменяйте режим наложения для слоя с текстурой с искрами на Осветление основы (Color Dodge). Далее, добавьте слой-маску к данному слою с текстурой и с помощью мягкой чёрной кисти, удалите отдельные участки текстуры, в частности за пределами букв, потому что нам не нужно так много искр.

0819 Fire 16

Шаг 17

Вы можете увидеть, как должна выглядеть слой-маска текстуры с искрами (слева) на скриншоте ниже, а также конечный эффект (справа). Чтобы увидеть коррекцию на слой-маске, для этого, удерживая клавишу (Alt), щёлкните по миниатюре слой-маски.

0819 Fire 17

Итоговый результат

0819 Fire final

Автор: Gianluca Giacoppo

fishki i laifhaki adobe photoshop urok 3

Фишки и лайфхаки Adobe Photoshop / Урок 3

sozdajom maket logotipa vygravirovannogo na derevjannoj poverhnosti v programme adobe photoshop

Создаём макет логотипа, выгравированного на деревянной поверхности в программе Adobe Photoshop