Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

167 786 чел. 370 510 работ 3 868 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаём текст из мрамора в Фотошоп

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

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

Скачать архив с материалами к уроку

Создаём узоры и загружаем контуры

Перед тем, как мы приступим, откройте программу Photoshop. Теперь откройте текстуру Шума и текстуру Мрамора, которые вы скачали вначале этого урока, для каждой текстуры примените следующее действие Редактирование – Определить узор (Edit>Define Pattern), а затем нажмите кнопку ‘OK’. Когда закончите, закройте текстуры без сохранения.

Примечание переводчика: созданные узоры мы используем в стилях слоя.

Возможно, вам также понадобится загрузить контуры, которые мы используем в стилях слоя. Для этого идём Редактирование – Управление наборами (Edit>Presets>Preset Manager) и в появившемся окне управления наборами, выберите опцию Контуры (Contours) из выпадающего меню Тип набора (Preset Type).

Щёлкните по маленькому треугольнику в верхнем правом углу и в выпадающем меню, выберите опцию Контуры (Contours).

Нажмите кнопку Добавить (Append), чтобы добавить новые контуры к существующим, далее, нажмите кнопку Готово (Done).

Шаг 1

Идём Файл – Новый (File>New), чтобы создать новый рабочий документ со следующими размерами 1250×700 px, нажмите кнопку ‘OK’. Далее, идём Файл – Открыть (File > Open) и в появившемся окне навигации, выберите изображение с текстурой Стены, а затем нажмите кнопку Открыть (Open). Выберите инструмент Перемещение (Move tool (V)), нажмите и удерживайте клавишу (Shift), а затем переместите текстуру на наш рабочий документ, расположив поверх слоя с Задним фоном (Background layer) (клавиша Shift поможет выставить текстуру по центру слоя с задним фоном). Далее, мы выполним сведение слоя текстуры со слоем заднего фона, для этого идём Слой - Выполнить сведение (Layer > Flatten Image).

Нажмите значок Создать новый корректирующий слой или слой-заливку (Create New Adjustment Layer) (получёрный / полубелый кружок) в нижней части панели слоёв и в появившемся меню, выберите опцию Цветовой тон / Насыщенность (Hue/Saturation). В панели настроек данного корректирующего слоя Свойства (Properties), Окно – Свойства (Window>Properties), установите значение Цветового тона (Hue) на +45, а значение Насыщенность (Saturation) -50, и Яркости (Lightness) на -50. Таким образом, мы создали тёмно-изумрудно-зелёный задний фон.

Откройте исходное изображение с потрескавшейся текстурой, а затем с помощью инструмента Перемещение (Move tool (V)) переместите текстуру на наш рабочий документ, расположив поверх корректирующего слоя. Поменяйте режим наложения для данного слоя с текстурой на Умножение (Multiply), а затем нажмите клавиши (Ctrl-T) для выбора режима Свободной трансформации (Free Transform). Примените масштабирование и нужное расположение при необходимости, нажмите клавишу (Enter), чтобы подтвердить изменения.

Шаг 2

Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle tool) (данный инструмент расположен ниже инструмента Прямоугольник (Rectangle tool [U])), а затем в панели управления данного инструмента, установите режим на Фигура (Shape), цвет Заливки (Fill) белый, Радиус (Radius) 2 px. Создайте прямоугольник со скруглёнными углами в центре рабочего документа.

Примечание переводчика: 1. в некоторых версиях программы Photoshop, режим Фигура (Shape) представлен как Слой-фигура (Shape-Layer) 2. Как только вы создали фигуру прямоугольника, преобразуйте его в смарт-объект.

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

Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Метод (Technique): Жёсткая огранка (Chisel Hard)
  • Размер (Size): 1
  • Контур глянца (Gloss Contour): Cove – Deep
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Мягкий свет (Soft Light), цвет #575757
  • Режим тени (Shadow Mode): Линейный затемнитель (Linear Burn), цвет #444444

Не закрывайте пока окно стилей слоя.

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Контур (Contour) Shallow Slope - Valley
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range) 35%.

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

  • Узор (Pattern) Шум (выберите узор, который вы создали вначале этого урока)
  • Глубина (Depth) +1000%.

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

  • Режим наложения (Blend Mode): Затемнение основы (Color Burn)
  • Непрозрачность (Opacity): 60%

Щёлкните по шкале градиента, чтобы открыть окно Редактора градиента (Gradient Editor). Установите следующие цвета градиента: #35515c слева и #bcb086 справа и ещё раз нажмите кнопку ‘ОК’, чтобы закрыть окно Редактора градиента (Gradient Editor).

Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

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

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

  • Режим наложения (Blend Mode): Затемнение основы (Color Burn)
  • Смещение (Distance): 9
  • Размер (Size): 16

Нажмите кнопку ‘OK’, чтобы закрыть окно стилей.

Итак, мы создали мраморный блок.

Шаг 3

Нажмите клавишу ‘D’, чтобы установить цвет переднего плана на чёрный цвет. Выберите инструмент Горизонтальный текст (Type tool (T)), удерживая клавишу Shift, щёлкните по документу, а затем напечатайте текст ‘DELETE’ заглавными буквами, используя шрифт Titillium Bold, или любой другой шрифт на своём усмотрение. (Примечание: клавиша Shift не позволит инструменту Горизонтальный текст (Type tool (T)) добавить текст на контур вдоль слоя с фигурой). Размер шрифта 200 pt, в панели настроек Символ (Character) Окно – Символ (Window > Character), установите Трэкинг (tracking) на 150.

Щёлкните правой кнопкой по слою с текстом и в появившемся окне выберите опцию Преобразовать в кривые (Convert to Shape).

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

Выберите инструмент Стрелка (Direct Selection tool) (данный инструмент расположен ниже инструмента Выделение контура (Path Selection tool [A])), далее, полностью выделите всю фигуру прямоугольника.

В средней части панели управления, щёлкните по значку Работа с контурами (Path Operations) и в появившемся меню выберите опцию Вычесть область пересечения фигур (Exclude Overlapping Shapes).

Далее, идём Слой – Объединить слои (Layer > Merge Shapes (Ctrl+E)). Таким образом, мы объединим обе фигуры и вырежем текст из мраморного прямоугольного блока.

Примечание переводчика: если у вас не получается вырезать текст из мрамора, тогда вы можете получить тот же результат другим путём, создайте текст, преобразуйте его в смарт-объект, затем щёлкните по миниатюре слоя со смарт-объектом, чтобы загрузить активное выделение, проведите инверсию выделенной области (Ctrl+Shift+I), перейдите на слой с мраморным блоком и добавьте слой-маску.

Шаг 4

Нажмите значок Создать новый корректирующий слой или слой-заливку (Create New Adjustment Layer) в нижней части панели слоёв и в появившемся меню выберите опцию Карта градиента (Gradient Map).

В панели настроек данного корректирующего слоя Свойства (Properties), щёлкните по шкале градиента, чтобы открыть окно Редактора градиента (Gradient Editor). Установите следующие цвета градиента #ab82bc слева и #fdea72 справа, нажмите кнопку ‘OK’, чтобы закрыть окно палитры цветов, а затем ещё раз нажмите кнопку ‘OK’, чтобы закрыть окно Редактора градиента (Gradient Editor). Поменяйте режим наложения для данного корректирующего слоя на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 25%.

Перейдите на самый верхний слой, а затем нажмите клавиши (Shift+Alt+Ctrl+E), чтобы объединить все видимые слои в один слой, сохранив оригинальные слои нетронутыми. Дважды щёлкните по названию слоя, чтобы дать другое название Заключительный (Final).

Далее, идём Фильтр – Преобразовать для Смарт-фильтров (Filter > Convert for Smart Filters), чтобы преобразовать слой в смарт-объект, а затем идём Фильтр – Рендеринг – Эффекты освещения (Filter > Render > Lighting Effects). Преобразование слоя в смарт-фильтр позволит вам проводить коррекцию эффектов освещения после применения фильтра.

Примените следующие настройки в панели Свойства (Properties):

  • Цвет (Color): RGB (246, 242, 234)
  • Тонирование (Colorize): RGB (247, 240, 223)
  • Интенсивность (Intensity): 25,
  • Центр освещённости (Hotspot): 33
  • Экспозиция (Exposure): -15,
  • Глянец (Gloss): -100,
  • Металл (Metallic): -50,
  • Среда (Ambience): 50.

Потянув за опорные точки, вы можете масштабировать, смещать и поворачивать эффекты освещения. Нажмите кнопку ‘OK’, чтобы применить фильтр. Освещение добавит простой и красивый штрих к заключительному результату.

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

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

Автор: planetphotoshop.com

Комментарии 104

jpg, png, gif, общий вес файлов не более 5Мб, не менее 450px по ширине и высоте
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо за все уроки и труды.

Марат, спасибо за урок!

Спасибо. Для фигуры медведя использовал реф.

здравствуйте. как вы на несколько объектов использовали этот стиль? у меня после объединения пропадают и текст, и фигура. Заранее спасибо

Keano, Keano, ранее не видел ваш вопрос, наверное потому что был отписан от этого урока. У меня один объект прямоугольник. Этот же прямоугольник вырезан моими же фигурами, стили применяются только к нему одному прямоугольнику, вырезанному фигурами. Если вам интересно, напишите мне в личном сообщение и я вам помогу разобраться с режимами по фигурам. Помогу, если конечно же вам уже кто нибудь не помог. 

Спасибо большое) Не совсем в центре))

Спасибо за перевод!

для меня полезным был урок ) спасибо!

Не сразу разобралась. :)

Создаём текст из мрамора в Фотошоп. Спасибо.

Спасибо большое.

интересно, спасибо

Спасибо ! Отличный урок...Только ассоциации с мрамором не очень...

Разобрался. Хороший урок ,спасибо.)

Отличный урок! Спасибо за перевод!

Алексей Горбачев, здорово получилось!

Спасибо за урок!))

Красивый и простой урок, спасибо!)

Наверх

Авторизация

Забыли?

Регистрация