Как наложить текст на картинку в Adobe Photoshop

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

Прочитав эту статью, вы узнаете:

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

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

Как сделать красивый текст в фотошопе - создайте и раскрасьте текст

Как написать текст в фотошопе - шаг 1

Откройте фото (или картинку), которую будете использовать:

Как написать текст в фотошопе - шаг 1

Как наложить надпись на фото в Adobe Photoshop - шаг 2

Давайте выберем цвет. При добавлении текста на картинку мы будем использовать цвет с фотографии. Откройте «Палитру цветов», используя «Пипетку» выберите темное дерево на бочке:

Как наложить надпись на фото в Adobe Photoshop - шаг 2

Как вставить текст в фотошопе на картинку - шаг 3

Выберите инструмент «Текст». Я использую сжатый шрифт «Bernard MT Condensed».

Я собираюсь напечатать «PHOTOSHOP CAFE» и перетащить надпись на бочку:

Как вставить текст в фотошопе на картинку - шаг 3

Как сделать текст на фото в Adobe Photoshop - шаг 4

Самый быстрый способ изменить размер текста – нажать Ctrl-T (или Command T на Mac), зажать клавишу Shift, а затем растянуть текст в соответствии с пропорциями бочки:

Как сделать текст на фото в Adobe Photoshop - шаг 4

Нажмите «Enter», чтобы сохранить изменения.

Делаем обтекание текстом

Наложение текста на фото в Adobe Photoshop - шаг 5

Перед тем как добавить текст в фотошопе на картинку, нажмите правой кнопкой мыши на текстовом слое в панели «Слои» и выберите пункт «Растрировать текст». Это действие преобразует текст в пиксели, чтобы мы могли искажать их:

Наложение текста на фото в Adobe Photoshop - шаг 5

Как нанести текст на фото в Adobe Photoshop - шаг 6

Нажмите Ctrl/Cmd -T чтобы вызвать команду «Свободное трансформирование». Щелкните правой кнопкой мыши и выберите инструмент «Деформация». Он отлично работает на закругленных поверхностях:

Как нанести текст на фото в Adobe Photoshop - шаг 6

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

Потяните за края, чтобы выглядело так, как будто буквы повторяют контур бочки. Совет: используя инструмент «Деформация», можно щелкать по точкам или растягивать объект внутри сетки:

Как нанести текст на фото в Adobe Photoshop - шаг 6 - 2

Нажмите «Enter», чтобы сохранить изменения:

Наложение текстуры на текст

Последнее, что нужно сделать, чтобы наложить текст на картинку – это наложить на текст текстуру. Для этого мы изменим «Режим наложения».

Как сделать красивую надпись в фотошопе - шаг 7

Наверху панели «Слои» вы увидите слово «нормальный», это – режим наложения слоя. Измените режим на «Перекрытие». Все выглядит довольно хорошо – теперь можно рассмотреть текстуру дерева, проглядывающую сквозь текст, и надпись больше не выглядит, так как будто ее просто прилепили:

Как сделать красивую надпись в фотошопе - шаг 7

Это были базовые шаги. Для придания картинке большего реализма читайте дальше!

Повышение реалистичности текста

Сейчас мы придадим тексту немного шероховатости.

Как написать текст в фотошопе на картинке - шаг 8

Перед тем, как добавить текст в фотошопе на картинку, создайте слой-маску на текстовом слое, выбрав «Текстовый слой» и нажав на кнопку «Слой-маска» на панели «Слои» (прямоугольная иконка с кружочком внутри):

Как написать текст в фотошопе на картинке - шаг 8

Нажмите на клавишу «D», чтобы выбрать черный в качестве цвета переднего плана. Нажмите на клавишу «В», чтобы выбрать инструмент «Кисть». Убедитесь, что параметр «Непрозрачность» равен 100, а режим наложения - нормальный.

Мы будем использовать грубую кисть. Если вы посмотрите на верхнюю панель параметров, то найдете кисть в левом верхнем углу. Кликнете по ней. Вы увидите панель с шестерней. Нажмите на иконку.

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

Как написать текст в фотошопе на картинке - шаг 8 - 2

Нажмите «Добавить»:

Как нанести текст на картинку - шаг 9

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

Как нанести текст на картинку - шаг 9

Также следует поступить, если вы хотите создать основной потертый текст. Совет: Вы можете загрузить кисти с сайтов типа Brusheezy или DeviantArt.

Придание тексту эффекта 3D

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

Как наложить картинку на текст в фотошопе - шаг 10

При выбранном текстовом слое нажмите на маленькие «fx» внизу панели «Слои», чтобы добавить стиль слоя. Выберите стиль слоя «Внутренняя тень». Установите параметр «Непрозрачность» на 100 и немного увеличьте «Смещение», и вы увидите, что надпись станет немного объемной.

Меняйте значение «Угла», и вы увидите, как надпись начнет вдавливаться в дерево:

Как наложить картинку на текст в фотошопе - шаг 10
Как наложить картинку на текст в фотошопе - шаг 10 - 2

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

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

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

Сергей Бензенкоавтор-переводчик статьи «HOW TO BLEND TEXT INTO A PHOTO REALISTICALLY IN ADOBE PHOTOSHOP TUTORIAL»