Эффект объёмного текста из камня

Главная » Уроки фотошоп» Работа с текстом в Фотошоп

17.03.2019, 19:14
Из этого урока вы узнаете как создавать объемные текстовые эффекты. Вы узнаете, как создавать классные текстовые эффекты, используя стили слоя Фотошоп. Стили Фотошоп работают с любым шрифтом и являются наилучшим вариантом при создании объемных эффектов в Photoshop.

Что должно получиться:

Материалы для урока:

Шрифт Titan One

Текстура Black and white rough texture

Изображение камня Grey Rock

Основной фон zip-файл

Шаг 1

Загрузите zip-файл с основным фоном и распакуйте его в любую папку. Затем откройте rockBackgroung .jpg с помощью Photoshop.

Шаг 2

Теперь выберите инструмент  Горизонтальный текст (T) и установите размер текста 190 pх и шрифт  Titan One. Затем  напишите ROCK и поместите текст фон.

Шаг 3

Теперь установим каменный паттерн. Исходное изображение немного размытое, слишком большое и не бесшовное.  Поэтому я отредактировал и исправил все это. Отредактированный шаблон находится внутри zip-файла, прикрепленного к этому уроку. Чтобы установить его, перейдите в  Редактирование > Наборы настроек > Диспетчер наборов настроек и выберите  Шаблоны для типа набора настроек. Затем нажмите  Загрузить и установите rockPattern -Tutorial. После этого дважды щелкните по текстовому слою, чтобы открыть панель  Стиль слоя. Затем добавьте Наложение узора (Pattern Overlay) с этими настройками:

  • Режим наложения: Нормальный
  • Непрозрачность: 100%
  • Узор:  rockPattern-Tutorial 
  • Масштаб: 50%
  • Связать со слоем: вкл 

Шаг 4

Давайте сделаем этот текст менее ровным, применив к нему мягкий свет. Добавьте Наложение градиента (Gradient Overlay) со следующими настройками:

  • Режим наложения: мягкий свет
  • Дизеринг: Выкл.
  • Непрозрачность: 100%
  • Инверсия: Выкл.
  • Стиль: линейный
  • Выровнять по слою: вкл
  • Угол: 90º
  • Масштаб: 100%

Затем нажмите на градиентную панель и отредактируйте ее следующими цветами:

  • Первый маркер  Цвет:  #414141 Позиция:  0%
  • Второй маркер  Цвет:  #c3c3c3 Позиция:  100%

Шаг 5

Теперь мы собираемся добавить объем краям текста. Так что добавьте Внутреннее свечение ( Inner Glow) со следующими настройками:

  • Режим наложения: Осветление основы
  • Непрозрачность: 33%
  • Шум: 0%
  • Цвет: #fffbec
  • Метод: Мягкий
  • Источник: На краях
  • Стягивание: 0%
  • Размер: 9 пикселей
  • Контур: линейный
  • Сглаженный: Выкл.
  • Диапазон: 50%
  • Колебание: 0%

Шаг 6

Чтобы  добавить большего объема тексту, добавьте стиль Внутренняя тень :

  • Режим наложения : умножение
  • Непрозрачность: 54%
  • Глобальное освещение: Off
  • Угол: -45º
  • Смещение: 2 px
  • Стягивание: 49%
  • Размер: 1 px
  • Контур: линейный
  • Сглаживание: Выкл.
  • Шум: 0%

Шаг 7

Теперь добавьте Тень (Drop Shadow) со следующими настройками:

  • Режим наложения: Нормальный
  • Цвет: #0c0c0c
  • Непрозрачность: 100%
  • Глобальное освещение: Off
  • Угол: 154º
  • Смещение: 2 px
  • Размах: 100%
  • Размер: 2 px
  • Контур: линейный
  • Сглаживание: Выкл.
  • Шум: 0%
  • Слой выбивает тень: On

Шаг 8

Следующий эффект заставит текст выглядеть так, как будто он имеет неровную поверхность. Поэтому добавьте Тиснение (Bevel & Emboss) с этими настройками:

  • Стиль: Внутренний скос
  • Метод: Гладкая
  • Глубина: 368%
  • Направление: вверх
  • Размер: 46 пикселей
  • Смягчение: 0 px
  • Глобальное освещение: Off
  • Угол: 97º
  • Высота: 48º
  • Сглаживание: Выкл.
  • Режим подсветки: Осветление основы  Цвет: #ffffff Непрозрачность: 14%
  • Режим тени: Линейный затемнитель Цвет: #000000 Непрозрачность: 1%

Нажмите на Контур глянца (Gloss Contour)и отредактируйте его с этими настройками:

  • Первая точка Вход 0% Выход 58% Угол: Выкл
  • Вторая точка Вход 37%  Выход  7% Угол: Выкл
  • Третья точка Вход 78%  Выход 97% Угол: Выкл
  • Четвертая точка Вход 100%  Выход 77% Угол: Выкл

После этого нажмите  Сохранить и назовите его  Rock Contour. Мы собираемся использовать это позже.

Вот как должен выглядеть текстовый эффект:

Шаг 9

Теперь нажмите ОК на панели  Стиль слоя. Затем выберите текстовый слой на панели  Слои и нажмите Control-J, чтобы продублировать слой. После этого щелкните правой кнопкой мыши по копии текстового слоя и выберите  Очистить стиль слоя.

Шаг 10

Дважды щелкните текстовую копию, чтобы открыть панель  Стиль слоя . Затем добавьте Внутреннее сечение(Inner Glow) со следующими настройками:

  • Режим наложения: Осветление основы
  • Непрозрачность: 100%
  • Шум: 0%
  • Цвет: #535353
  • Метод: Мягкий
  • Источник: Центр
  • Стягивание: 36%
  • Размер: 27 пикселей
  • Контур: линейный
  • Сглаживание: Выкл.
  • Диапазон: 50%
  • Колебание: 0%

Это добавит свечения в центре текста. 

Шаг 11

Давайте сделаем текст немного темнее. Добавьте Наложение градиента (Gradient Overlay) со следующими настройками:

  • Режим смешивания: мягкий свет
  • Дизеринг: Выкл.
  • Непрозрачность: 100%
  • Инверсия: Выкл.
  • Выровнять по слою: вкл
  • Стиль: линейный
  • Угол: 90º
  • Масштаб: 100%

Режим Soft Light on Blend идеально подходит для сохранения резкости текстуры.

Затем нажмите на градиентную панель и отредактируйте ее с этими настройками:

  • Первый маркер  Цвет:  #636363 Позиция:  0%
  • Второй маркер  Цвет:  #3f3f3f Позиция:  100%

Шаг 12

Теперь добавьте стиль Внутренняя тень (Inner Shadow) со следующими настройками:

  • Режим смешивания : умножение
  • Цвет: #000000
  • Непрозрачность: 60%
  • Глобальное освещение: Off
  • Угол: -45º
  • Смещение: 3 px
  • Стягивание: 64%
  • Размер: 3 px
  • Контур: линейный
  • Сглаживание: Выкл.
  • Шум: 0%

Шаг 13

Теперь стиль слоя Тиснение (Bevel & Emboss)  добавим  еще раз с этими настройками:

  • Стиль: Внутренний скос
  • Метод:  Гладкая
  • Глубина: 368%
  • Направление: вверх
  • Размер: 62 px
  • Смягчение: 0 px
  • Глобальное освещение: Off
  • Угол: 97º
  • Высота: 48º
  • Контур глянца: Rock Contour (тот, который мы создали раньше)
  • Сглаживание: Выкл.
  • Режим подсветки: Осветление основы: #ffffff Непрозрачность: 25%
  • Режим тени: Линейный затемнитель Цвет: #000000 Непрозрачность: 4%

Шаг 14

Теперь добавьте Тень (Drop Shadow) со следующими настройками:

  • Режим наложения: Нормальный
  • Цвет: #0d0d0d
  • Непрозрачность: 100%
  • Глобальное освещение: Off
  • Угол: 145º
  • Смещение: 7 пикселей
  • Размах: 0%
  • Размер: 3 px
  • Контур: линейный
  • Сглаживание: Выкл.
  • Шум: 0%
  • Слой выбивает тень: 0%

После этого нажмите OK, чтобы закончить текстовый эффект.

Финальный результат:


Желаю успехов !

Всегда для Вас: photoshoplesson.ru

У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !

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

ПОХОЖИЕ УРОКИ:


Категория: Работа с текстом в Фотошоп | Добавил: CoMish | Теги: каменный текст, текст, эффект
Просмотров: 155 | Рейтинг: 5.0/3
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]