Как написать на теле в фотошопе
Обновлено: 03.07.2024
В этом учебном пособии по Photoshop показано, как добавить текст, чтобы он выглядел так, как будто он является частью фотографии. Здесь вы узнаете несколько вещей, в том числе:
- Как добавить текст к фотографии
- Как взять образец цвета
- Как ввести тип бедствия
- как деформировать текст, чтобы он соответствовал фигуре
- Как использовать режимы наложения, чтобы добавить реализма
- как добавить глубины с помощью стилей слоя
Спасибо, что ознакомились с учебным пособием этой недели.
Как добавить реалистичный текст к фотографии в Adobe Photoshop. Также работает с иллюстрациями.
Привет, команда кафе, это Колин Смит, и на этой неделе я покажу вам, как добавить текст на эту бочку, чтобы она выглядела реалистично, как будто она была там выгравирована. Так что я просто воспользуюсь преимуществами некоторых режимов наложения и других возможностей Photoshop.
Создайте и раскрасьте текст
Шаг 1
Откройте фотографию (или иллюстрацию), которую вы будете использовать.
Шаг 2.
Давайте выберем цвет.
Мы будем использовать цвет с фотографии. Возьмите палитру цветов и с помощью пипетки выберите более темную древесину на этой бочке.
Шаг 3.
Выберите инструмент «Текст». Я использую сжатый шрифт, это Bernard MT Condensed.
Я наберу PHOTOSHOP CAFE и перетащу его на нужное место.
Шаг 4
Самый быстрый способ изменить размер текста — нажать Ctrl T (на Mac это будет Command T), переместиться в угол, удерживать нажатой клавишу Shift, чтобы зафиксировать его, а затем перетащить пропорционально, чтобы заполнить бочку.
Нажмите Enter сейчас, чтобы применить его.
Обтекание объекта текстом
Нам нужно сделать две вещи:
- Во-первых, мы хотим, чтобы он немного обтекал фигуру.
- Мы действительно хотим, чтобы он выглядел так, будто он не просто приклеен, а является частью текстуры, поэтому он действительно текстурирован.
Шаг 5
Щелкните правой кнопкой мыши текстовый слой на панели «Слои» и выберите «Растрировать текст». Это преобразует его в пиксели, чтобы мы могли исказить эти пиксели.
Шаг 6
Нажмите Ctrl/Cmd + T; бесплатно Преобразовать.
Щелкните правой кнопкой мыши и выберите "Деформация", поскольку она позволяет нам сопоставлять кривые и прекрасно работает на закругленных поверхностях. (Теперь нам не нужно растрировать шрифт, чтобы использовать деформацию, но некоторые другие вещи, которые мы собираемся делать, нам потребуют растеризации шрифта).
Возьмите среднюю часть и немного потяните ее вниз, чтобы она немного выпирала посередине.
Потяните края вниз, чтобы они выглядели так, как будто они повторяют контур. Совет. С помощью инструмента «Деформация» вы можете щелкать точки ИЛИ перетаскивать объекты внутрь сетки, чтобы заставить их работать.
Нажмите Enter, чтобы применить его.
< /p>
Смешивание текстуры с текстом в фотошопе
Последнее, что нам нужно сделать, это смешать текст с текстурой, мы собираемся изменить режим наложения.
Шаг 7
В верхней части панели «Слои» вы увидите слово «нормальный». Это режим наложения слоя. (Загрузите мою бесплатную электронную книгу о режимах наложения слоев, чтобы полностью понять их).
Измените режим наложения на Overlay Blend Mode. Это работает довольно хорошо. Теперь мы можем видеть текстуру дерева, проходящую через текст, и он больше не выглядит просто застрявшим там.
Это основные шаги. Для большего реализма читайте дальше!
Дополнительный кредит: повышение реалистичности текста Photoshop с помощью грубых краев и тиснения.
Теперь мы немного усложним его.
Шаг 8
Создайте маску слоя на текстовом слое, выбрав текстовый слой и нажав кнопку «Маска слоя» в нижней части панели «Слои». (Значок прямоугольника с кружком внутри)
Нажмите клавишу D, чтобы выбрать черный цвет в качестве основного цвета.
Нажмите клавишу B, чтобы выбрать инструмент "Кисть". Убедитесь, что непрозрачность установлена на 100, а режим наложения установлен на «Нормальный».
Мы собираемся найти грубую кисть. Если вы посмотрите на верхнюю панель параметров, щелкните кисть в левом верхнем углу. Вы увидите панель с шестеренкой. Нажмите на значок шестеренки.
Теперь вы можете загружать различные типы кистей из появившегося списка. Вот увидишь, сухие средние кисти, выбери их.
Выберите «Добавить» из появившихся вариантов.
< /p>
шаг 9
Возьмите кисть с грубыми краями. Когда вы рисуете черным на маске, вы просто немного покусываете эти края, чтобы создать немного более проблемный вид.
И это также то, что вы сделали бы, если бы хотели просто создать простой состаренный шрифт. Сейчас я не буду слишком увлекаться, потому что я не хочу, чтобы это было слишком избито и огорчено, но вы поняли общую идею.
Совет. Вы можете скачать кисти из таких источников, как Brusheezy или DeviantArt и тому подобное, и вы можете найти несколько пользовательских кистей, которые на самом деле справятся с этой задачей намного лучше. (Может быть, я добавлю некоторые в PhotoshopCAFE скоро).
Добавление 3D-глубины к тексту
Есть еще одна вещь, которую мы можем сделать, чтобы она выглядела так, будто она немного обожжена, и у нее есть немного глубины, как будто они использовали горячую марку или что-то в этом роде.
Шаг 10
Выбрав текстовый слой, нажмите маленький значок «fx» в нижней части панели слоев, чтобы добавить стиль слоя. Выберите внутреннюю тень. Увеличьте непрозрачность до 100 и немного увеличьте расстояние, и посмотрите, как это придаст ему такой точеный вид.
Измените угол, и вы увидите, что он начинает выглядеть так, как будто он высечен в дереве.
Итак, в любом случае, это очень простое небольшое руководство о том, как добавить текст и сделать его более реалистичным.
< /p>
Теперь обратите внимание, что режимы наложения играют большую роль в придании этому реалистичному виду, и есть масса вещей, которые вы можете делать с помощью режимов наложения слоев. Именно поэтому я создал для вас бесплатную электронную книгу. Здесь нет никакой рекламы. Это просто чистый контент. Посмотрите эту электронную книгу. Он дает пример каждого режима наложения, а также множество мест, где его можно использовать. Получите бесплатную электронную книгу о режимах наложения слоев здесь! (200 000 загрузок! Ура!)
В любом случае, спасибо, ребята, за просмотр этого урока, не забудьте оставить комментарий. Давайте начнем дискуссию. Я постараюсь ответить на все вопросы.
Надеюсь, вам понравится и вы будете готовиться к новой каждую неделю!
До следующей недели.
Приятно видеть вас в КАФЕ
7 ответов на вопрос «Как реалистично смешать текст с фотографией в учебнике Adobe Photoshop»
Колин, спасибо за отличный урок! У меня к вам вопрос, а именно есть ли где-нибудь акция по созданию типографского портрета? Кажется, что в большинстве руководств вам нужно вводить текст десятки раз, прежде чем вы сможете наложить его на изображение. Должен быть более быстрый способ сделать это. Заранее спасибо!
Да, выберите «Тип»> «Вставить Lorem Ipsum в CC». Для более ранних версий Photoshop просто вырезайте и вставляйте текст из Интернета
Спасибо, очень хороший урок
Очень легко следить за тобой, Колин, и за то, что ты являешься для меня источником информации обо всем, что связано с фотошопом!
Спасибо, что уделили нам время.
Только что наткнулся на ваше руководство, надеюсь, вы все еще активны здесь. Мне нужно смешать много имен на стене с разными цветами художественных работ. Могу ли я следовать этим же инструкциям?
Я жив и здоров и публикую новые уроки здесь, в CAFE, каждую неделю
Привет, Колин! Я пытаюсь найти способ деформировать «текст» в Ps 2021, чтобы он выглядел более реалистично. Но я не работаю с текстовым инструментом. У меня есть кисть, которая создает буквы, похожие на граффити. Этой кистью я нарисовал свое граффити на отдельном слое. Я открыл бесплатный сток Brick Wall в качестве слоя под словами кисти для граффити. Я изменил режим наложения слоя с граффити на Linear Burn. Я не могу понять, как заставить этот слой граффити кисти выглядеть так, как будто он огибает кирпичи и раствор кирпичной стены. Я пробовал Transform > Warp, но безуспешно, так и не получил текстурную деформацию (поскольку я не знаю, что делаю…). Любые предложения – возможно, для сессии LFL? Спасибо!
К изображению можно добавлять текст и фигуры разных цветов, стилей и эффектов. Используйте инструменты «Горизонтальный текст» и «Вертикальный текст» для создания и редактирования текста. Вы можете создать однострочный текст или абзац.
Используйте инструменты Горизонтальный текст ( ) и Вертикальный текст ( ) для создания и редактирования текста. Новый текст, который вы вводите, вводится в новый текстовый слой. Вы можете создать однострочный текст или текст абзаца. Каждая строка однострочного текста, которую вы вводите, независима — длина строки увеличивается или уменьшается по мере ее редактирования, но она не переносится на следующую строку. Чтобы создать новую строку текста, нажмите Enter. Текст абзаца обтекает указанные вами границы абзаца.
Однострочный текст (вверху изображения) и текст абзаца (внизу изображения).
Вы можете использовать инструменты маски текста (удерживая нажатой клавишу Alt/Option, щелкните инструмент «Текст», чтобы изменить текущий инструмент), чтобы создать выделение в форме текста. Затем вы можете создавать различные эффекты и вырезки с текстом.
Нажатие изображения с помощью инструмента «Текст» переводит инструмент в режим редактирования, чтобы вы могли вводить и редактировать текст. Вы должны зафиксировать изменения в типе, прежде чем сможете выполнять другие операции, такие как выбор команд меню. Инструмент «Текст» находится в режиме редактирования, когда вы видите кнопку «Подтвердить» и кнопку «Отклонить» под текстом.
При добавлении текста к изображению в режиме индексированных цветов Photoshop Elements не создает новый текстовый слой. Вводимый текст отображается как маскированный текст.
На панели инструментов выберите инструмент "Горизонтальный текст" или "Вертикальный текст" .
Чтобы создать одну строку текста, щелкните изображение, чтобы установить точку вставки для типа.
Чтобы создать текст абзаца, перетащите прямоугольник, чтобы создать текстовое поле для этого типа.
Небольшая линия, проходящая через двутавровую балку, отмечает положение базовой линии шрифта. Для горизонтального шрифта базовая линия отмечает линию, на которой держится шрифт; для вертикального шрифта базовая линия отмечает центральную ось символов шрифта.
(Необязательно) Выберите параметры типа, такие как шрифт, стиль, размер и цвет, на панели параметров инструмента.
Текст появляется в своем собственном слое. Чтобы просмотреть слои, в экспертном режиме нажмите F11.
Одним из наиболее распространенных текстовых эффектов, которые вы можете увидеть в повседневных медиа, является перенос текста. Этот эффект изменяет положение вашего текста, чтобы идеально обрисовать определенную фигуру или изображение. На первый взгляд может показаться, что для переноса текста в Photoshop требуется много ручного выравнивания текста. На самом деле, вы можете создать этот эффект, используя всего несколько простых контуров и инструмент «Текст»!
Поскольку существует несколько различных способов переноса текста в Photoshop, в этой публикации мы расскажем о каждом из них. Первый будет заключаться в обтекании текста снаружи фигуры, второй — обтекании текста вокруг края фигуры, а последний метод — обтекании текста внутри фигуры. Начнем!
1. Как обтекать фигуры и изображения текстом в Photoshop
В этом первом методе мы заставим текст обходить фигуру снаружи. Этот эффект обтекания текстом обычно можно увидеть в журналах или даже в школьном ежегоднике (если вы их помните). Это заставляет ваш текст обтекать внешнюю часть фигуры, создавая контур вашего объекта и равномерно формируя текст.
– Обтекание фигуры или объекта текстом
Первое, что вам нужно сделать, это создать контур вокруг фигуры. Самый быстрый способ сделать это — использовать инструмент «Перо».
Нажмите P, чтобы открыть инструмент "Перо" или найти его на панели инструментов.
Теперь начните создавать контур фигуры или объекта, который вы хотите обвести текстом. В этом случае я создам контур человека.
Нажмите, чтобы добавить новые опорные точки с помощью инструмента «Перо», и перетащите их, чтобы изогнуть траекторию пера. Если вы еще не знакомы с этим инструментом, обязательно прочитайте наше руководство по использованию инструмента «Перо» в Photoshop.
Этот план не обязательно должен быть идеальным. Подойдет только общая форма, соответствующая контуру объекта!
После того, как вы закончите создание схемы, вам нужно сделать блок, чтобы остальной текст поместился в нем. Чтобы помочь себе создать текстовый блок ровной формы, используйте направляющие, которые помогут вам.
Чтобы получить доступ к линейке, нажмите Command + R (Mac) или Control + R (PC). Нажмите на линейку (горизонтальную или вертикальную) и перетащите ее. Будет создана новая подвижная направляющая, которая будет располагаться над вашим изображением.
Разместите вертикальную и горизонтальную направляющие, чтобы обозначить, где должно располагаться текстовое поле.
После того, как направляющие будут на месте, продолжайте с помощью инструмента «Перо», обводя направляющие, которые вы только что создали. Это значительно упрощает создание единой рамки для текста.
Продолжите и соедините контур пера с начальной опорной точкой.
После завершения контура пера возьмите текстовый инструмент, нажав T.
Наведите указатель мыши на внутреннюю часть пути и обратите внимание, как значок текста меняется на курсор с кружком. Нажмите внутри контура, чтобы начать писать текст.
Теперь ваш текст будет ограничен краями контура и обтекать края фигуры. Это один из лучших способов переноса текста в Photoshop.
Результат
Например, я вставил замещающий текст, чтобы дать вам представление о том, как будет выглядеть абзац. Вы можете отредактировать этот обернутый текст в любое время, просто щелкнув его с помощью инструмента «Текст».
2. Как обтекать текст по краю фигуры
Второй способ обтекания текста в Photoshop — обтекание им края фигуры. Вместо того, чтобы обводить строки текста вокруг фигуры, этот метод формирует текст по краям фигуры.
Этот метод переноса текста лучше всего подходит для коротких предложений и не подходит для абзацев. Тем не менее, это еще один полезный способ рассмотрения. Вы можете обтекать текст вдоль края фигуры с помощью инструмента «Фигура» или создав собственный контур. Давайте рассмотрим каждый вариант по отдельности, так как они очень незначительно отличаются друг от друга.
– Обтекание текстом предварительно созданной формы
Этот первый метод использует инструмент формы для создания готовой формы. В Photoshop есть множество различных вариантов формы, которые можно использовать для этого. Чтобы просмотреть все доступные фигуры, нажмите и удерживайте значок инструмента "Форма".
Если вы ищете что-то более уникальное, используйте инструмент пользовательской формы, чтобы изучить дополнительные параметры. В этом примере я буду использовать инструмент «Эллипс», чтобы создать круг.
Прежде чем рисовать фигуру, решите, хотите ли вы, чтобы фигура была видна рядом с текстом. Если вы хотите увидеть фигуру с текстом, выберите параметр формы.Если вы предпочитаете, чтобы фигура была невидимой и просто оборачивала текст, выберите вариант пути. Ниже приведены примеры каждого из них, которые помогут вам принять решение.
После того, как вы решили, как должен выглядеть этот эффект обтекания, нажмите и перетащите его на холсте, чтобы создать фигуру.
Затем возьмите инструмент «Текст», нажав T, и наведите курсор на линию контура фигур. Обратите внимание, что теперь курсор имеет волнистую линию. Когда вы увидите этот курсор, нажмите на край фигуры.
Теперь ваш текст будет обтекать внешний край фигуры.
Результат
Этот метод отлично подходит, если у вас уже есть определенная фигура, в которую вы хотите поместить текст. Поскольку вы используете Инструмент «Форма», создание контура и начало написания обернутого текста требует минимальных усилий!
– Обтекание текстом пользовательской формы
Теперь давайте обсудим, как оборачивать текст по краю пользовательской формы. Этот метод гораздо более универсален, так как вам не нужно иметь готовую форму. Все, что вам нужно, это какая-то линия, чтобы начать. Чтобы доказать это, я создам волнистую линию для этого примера.
Чтобы создать пользовательскую форму, необходимо создать путь. Лучше всего это сделать с помощью инструмента «Перо».
Чтобы получить доступ к инструменту "Перо", нажмите клавишу P или найдите его на панели инструментов.
Нажмите в любом месте холста, чтобы добавить опорную точку и начать создание пути. Поскольку я хочу создать волнистую линию, я буду щелкать и перетаскивать каждую опорную точку, чтобы изогнуть мой путь.
После того как вы создали нужную форму, возьмите инструмент "Текст", нажав T.
Наведите указатель мыши на свой путь, пока не увидите значок курсора с волнистой линией. Нажмите на путь, чтобы начать вводить обернутый текст.
Теперь ваш текст будет обтекать край только что созданной вами пользовательской фигуры!
Результат
Это еще один отличный способ обернуть текст вокруг края, используя любую форму, которую вы только можете себе представить! Вместо того, чтобы зацикливаться на предустановленных параметрах в Photoshop, вы можете проявить творческий подход и создать свои собственные формы! Инструмент "Перо" является наиболее универсальным инструментом для этой работы и позволяет очень легко создавать собственные контуры.
– Как обтекать текст вокруг внутреннего края фигуры
Независимо от того, какой вышеописанный метод вы использовали, вы можете захотеть, чтобы ваш текст обтекал внутренний край вашей фигуры. Это можно сделать всего за пару кликов.
С помощью инструмента «Текст» выделите текст и нажмите Command + A (Mac) или Control + A (ПК), чтобы выделить все.
< бр />
Удерживая нажатой клавишу Command или Control, щелкните и перетащите текст внутрь фигуры. Это автоматически сместит ваш текст, чтобы он обтекал внутренний край вашей фигуры.
3. Как обернуть текст внутри фигуры в Photoshop
Третий способ переноса текста в Photoshop — размещение всего текста внутри фигуры. Этот метод является одним из самых простых способов переноса текста и не требует больших усилий вручную.
Для начала создайте фигуру, внутри которой должен помещаться текст. Еще раз используйте Инструмент "Форма" (U) для этого шага.
Прежде чем создавать фигуру, решите, хотите ли вы, чтобы фигура была видимой или прозрачной для конечного эффекта. Чтобы текст обтекался прозрачной формой, выберите параметр пути. Если вы хотите, чтобы текст имел цветной фон, выберите параметр формы. Ниже приведены по два примера каждого из них.
Затем создайте фигуру на холсте. Если у вас много текста, убедитесь, что ваша фигура немного больше!
Возьмите инструмент "Текст", нажав T или открыв его на панели инструментов.
Наведите указатель мыши на внутреннюю часть фигуры и нажмите, чтобы добавить текст. Теперь ваш текст будет привязан к внутренней части фигуры.
Результат
< бр />
Обтекание текста внутри фигуры — еще один отличный метод переноса текста в Photoshop. Этот вариант является одним из самых быстрых способов переноса текста и практически не требует технических навыков. С помощью Инструментов "Форма" и "Текст" вы можете добиться этого эффекта менее чем за минуту!
Заключение
Учиться обтекать текст в Photoshop очень весело, а результаты невероятно приятны. В зависимости от образа, который вы хотите создать, существует несколько различных способов создания этого эффекта. В этом руководстве представлены три лучших способа переноса текста, чтобы предложить широкий выбор вариантов, подходящих для любой ситуации. Теперь, когда вы знаете, как обтекать текст в Photoshop, ваши возможности для творческих текстовых эффектов безграничны!
Хотите больше подобных руководств? Подпишитесь на нашу еженедельную рассылку, чтобы получать больше фотографий и советы по редактированию фотографий прямо на ваш почтовый ящик!
В этом уроке по редактированию фотографий в фотошопе я покажу вам простой способ добавить реалистичную татуировку на ваше тело в фотошопе, чтобы она выглядела так, как будто она действительно является частью оригинальной фотографии.
Нанесение татуировок на тело в Photoshop:
НАЖМИТЕ ЗДЕСЬ, ЧТОБЫ ПОСМОТРЕТЬ РУКОВОДСТВО
Первое, что вам нужно сделать, это открыть изображение в Photoshop.
Дублируйте фоновый слой. Нажмите Ctrl/cmd + J, чтобы сделать копию исходного слоя изображения. Эта копия слоя будет использоваться в качестве карты смещения.
Перейдите к настройкам и выберите обесцвечивание. Перейдите к Фильтр – Размытие – Размытие по Гауссу и установите Радиус на 3 пикселя.
Далее следует перейти в меню «Файл» — «Сохранить как» и сохранить документ в формате PSD. Назовите ее Карта смещения.
После сохранения просто удалите слой, он нам больше не нужен.
Теперь вам нужно открыть файл дизайна татуировки в Photoshop. Измените смешивание слоя с татуировкой на «Умножение».
Теперь перейдите к редактированию, выберите свободное преобразование CTRL/CMD+T и отрегулируйте его размер в соответствии с рукой субъекта.
Далее перейдите к Фильтру – Искажению – Смещению. Установите для параметров Масштаб по горизонтали и Масштаб по вертикали значение 5. На карте смещения выберите Растянуть по размеру, а в неопределенных областях выберите Повторить пиксели края.
В следующем окне вам нужно будет выбрать файл MAP, который мы сохранили на первых этапах этого руководства.
Карта смещения гарантирует, что татуировка реалистично обвивает углы руки, и корректирует тени, средние тона и блики на теле с татуировкой.
Вы заметите, что карта смещения регулирует угол татуировки в соответствии с формой руки.
Далее вы можете перейти к Фильтру – Размытие – Размытие по Гауссу и установить Радиус на 0,5 пикселя.
Татуировка слишком большая для руки, поэтому вам нужно удалить лишнее.
Поэтому выберите слой с татуировкой и, удерживая клавишу ALT или Option, щелкните значок маски слоя, чтобы применить инвертированную маску.
Теперь возьмите кисть с мягким краем и прокрасьте маску белым цветом. Просто проведите кистью по области руки, где вы хотите сделать татуировку.
Снова продублируйте фоновый слой и переименуйте его в «Шум».
Перенесите слой на передний план. Этот слой копии будет использоваться в качестве эффекта освещения.
Обесцветьте слой SHIFT+CTRL+U. Измените наложение слоя на экран и преобразуйте его в смарт-объект.
Перейдите к фильтру — добавьте шум. Шум поможет нам, придав нашей татуировке приятную кожу, похожую на текстуру. Теперь установите количество шума на 6%. сохраняйте распределение однородным и монохромным. нажмите "ОК".
Уменьшите непрозрачность слоя, чтобы он соответствовал вашему уникальному оттенку кожи.
Вы должны создать обтравочную маску, чтобы настройка повлияла на слой татуировки под ней.
Чтобы усилить эффект освещения, добавьте регулировку уровней и отрегулируйте тени, средние тона и блики по своему усмотрению.
Читайте также: