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

Обновлено: 05.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, чтобы применить его.

Смешивание текстуры с текстом в фотошопе

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

Шаг 7

В верхней части панели «Слои» вы увидите слово «нормальный». Это режим наложения слоя. (Загрузите мою бесплатную электронную книгу о режимах наложения слоев, чтобы полностью понять их).

Измените режим наложения на Overlay Blend Mode. Это работает довольно хорошо. Теперь мы можем видеть текстуру дерева, проходящую через текст, и он больше не выглядит просто застрявшим там.

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

Дополнительный кредит: повышение реалистичности текста Photoshop с помощью грубых краев и тиснения.

Теперь мы немного усложним его.

Шаг 8

Создайте маску слоя на текстовом слое, выбрав текстовый слой и нажав кнопку «Маска слоя» в нижней части панели «Слои». (Значок прямоугольника с кружком внутри)

Нажмите клавишу D, чтобы выбрать черный цвет в качестве основного цвета.

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

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

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

Выберите «Добавить» из появившихся вариантов.

шаг 9

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

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

Совет. Вы можете скачать кисти из таких источников, как Brusheezy или DeviantArt и тому подобное, и вы можете найти несколько пользовательских кистей, которые на самом деле справятся с этой задачей намного лучше. (Может быть, я добавлю некоторые в PhotoshopCAFE скоро).

Добавление 3D-глубины к тексту

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

Шаг 10

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

Измените угол, и вы увидите, что он начинает выглядеть так, как будто он высечен в дереве.

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

Теперь обратите внимание, что режимы наложения играют большую роль в придании этому реалистичному виду, и есть масса вещей, которые вы можете делать с помощью режимов наложения слоев. Именно поэтому я создал для вас бесплатную электронную книгу. Здесь нет никакой рекламы. Это просто чистый контент. Посмотрите эту электронную книгу. Он дает пример каждого режима наложения, а также множество мест, где его можно использовать. Получите бесплатную электронную книгу о режимах наложения слоев здесь! (200 000 загрузок! Ура!)

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

Надеюсь, вам понравится и вы будете готовиться к новой каждую неделю!

До следующей недели.

Приятно видеть вас в КАФЕ

7 ответов на вопрос «Как реалистично смешать текст с фотографией в учебнике Adobe Photoshop»

Колин, спасибо за отличный урок! У меня к вам вопрос, а именно есть ли где-нибудь акция по созданию типографского портрета? Кажется, что в большинстве руководств вам нужно вводить текст десятки раз, прежде чем вы сможете наложить его на изображение. Должен быть более быстрый способ сделать это. Заранее спасибо!

Да, выберите «Тип»> «Вставить Lorem Ipsum в CC». Для более ранних версий Photoshop просто вырезайте и вставляйте текст из Интернета

Спасибо, очень хороший урок

Очень легко следить за тобой, Колин, и за то, что ты являешься для меня источником информации обо всем, что связано с фотошопом!
Спасибо, что уделили нам время.

Только что наткнулся на ваше руководство, надеюсь, вы все еще активны здесь. Мне нужно смешать много имен на стене с разными цветами художественных работ. Могу ли я следовать этим же инструкциям?

Я жив и здоров и публикую новые уроки здесь, в CAFE, каждую неделю

Привет, Колин! Я пытаюсь найти способ деформировать «текст» в Ps 2021, чтобы он выглядел более реалистично. Но я не работаю с текстовым инструментом. У меня есть кисть, которая создает буквы, похожие на граффити. Этой кистью я нарисовал свое граффити на отдельном слое. Я открыл бесплатный сток Brick Wall в качестве слоя под словами кисти для граффити. Я изменил режим наложения слоя с граффити на Linear Burn. Я не могу понять, как заставить этот слой граффити кисти выглядеть так, как будто он огибает кирпичи и раствор кирпичной стены. Я пробовал Transform > Warp, но безуспешно, так и не получил текстурную деформацию (поскольку я не знаю, что делаю…). Любые предложения – возможно, для сессии LFL? Спасибо!

Оставить ответ Отменить ответ

больше похожих руководств

Изучение HDR в Photoshop, учебник Колина по HDR-фотографии

В этом бесплатном учебном пособии рассказывается об одном из самых популярных направлений в фотографии. HDR. Расширенный динамический диапазон. Научитесь стрелять.

Как редактировать фотографии в Photoshop CC. Улучшить любую фотографию за 4 простых шага

Как профессионально редактировать фотографии в Photoshop за 4 простых шага. Бесплатный мини-мастер-класс по фотографии.

как преобразовать логотип в водяной знак в Photoshop урок

Узнайте, как быстро превратить изображение в водяной знак в Photoshop, защитить свои фотографии водяным знаком. Вы делаете.

Adobe Photoshop Советы, рекомендации, скидки и объявления от PhotoshopCAFE. Это быстро и бесплатно! Получите бесплатную электронную книгу «Режимы наложения слоев», бесплатные учебные пособия, пресеты и многое другое. Нет спама

Что вы будете создавать

В этом уроке я покажу вам, как создать текстовый эффект граффити в Photoshop. Мы будем использовать стили слоя и функцию «Смешать, если» из параметров наложения.

Текстовый эффект, который мы будем создавать, вдохновлен стилями граффити от Envato Elements, где вы найдете одни из лучших букв граффити в мире. Как этот текстовый эффект граффити Photoshop с 10 различными стилями.

Ищете короткий путь? Вы можете скачать один из этих текстовых шрифтов граффити, которые помогут вам быстро и легко создать текст граффити:

Следите за нами на нашем канале Envato Tuts+ YouTube:

Обучающие ресурсы

В этом уроке по Photoshop с текстовым эффектом граффити использовались следующие ресурсы:

Оригинал кирпичной стены: неотредактированное изображение
Кирпичная стена (отредактировано): фоновое изображение
Graffogie: шрифт

1. Как установить фон и текст

Шаг 1

Мы будем использовать фон кирпичной стены для текста граффити в этом уроке Photoshop. Откройте Photoshop и вместо создания нового документа выберите «Файл» > «Открыть». и выберите Brick-wall.jpg из учебных материалов.Если вы хотите попробовать другой фон, вы можете попробовать один из множества фонов для стен на Envato Elements.

Шаг 2

Используйте инструмент «Текст» (T), выберите текстовый шрифт граффити Graffogie размером 285 pt и напишите слово «Vote» на монтажной области. Затем перейдите в Type > Warp Text и выберите Shell Upper с Bend: 21%, Horizontal Distortion: -29% и Vertical Distortion: 22% и нажмите OK. Наконец, выберите на монтажной области только букву «V», а затем перейдите на панель «Персонаж» и установите для параметра «Отслеживание» значение -75.

Шаг 3

Снова используйте инструмент «Текст» (T), чтобы написать еще два слова — «для» и «Педро» — тем же шрифтом для граффити. Убедитесь, что каждое слово находится на своем слое. Напишите «для» с размером шрифта 116 pt и отслеживанием 75. Затем напишите «Педро» на новом слое с размером шрифта 255 pt и отслеживанием 75.

Шаг 4

Используйте инструмент "Перемещение" (V) и сдвиньте буквы в стиле граффити вместе. Затем выберите все три текстовых слоя на панели «Слои» и нажмите Control-T. Теперь установите Rotate на -8°. Наконец, мы готовы приступить к созданию текстовых эффектов Photoshop.

2. Как создать первый текстовый эффект граффити

Шаг 1

Давайте начнем с выделения текстового слоя граффити "Vote". Теперь перейдите в Слой > Стиль слоя > Параметры наложения. и примените следующий стиль слоя.

В параметрах наложения используйте следующие настройки:

Шаг 2

Добавьте Bevel и Emboss со следующими настройками:

Шаг 3

Добавьте внутреннюю тень к текстовому эффекту граффити со следующими настройками:

Шаг 4

Добавьте внутреннее свечение со следующими настройками:

Шаг 5

Добавьте стиль Satin со следующими настройками:

Шаг 6

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

Шаг 7

Добавьте внешнее свечение со следующими настройками:

Шаг 8

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

Нажмите OK, чтобы применить все изменения.

Вот результат первого текстового эффекта граффити, примененного к текстовому шрифту граффити.

3. Как создать второй текстовый эффект граффити

Шаг 1

Выберите текстовый слой граффити «для» и перейдите в меню «Слой» > «Стиль слоя» > «Параметры наложения». чтобы применить следующий стиль слоя к шрифту граффити.

В параметрах наложения используйте следующие настройки:

Шаг 2

Добавьте скос и тиснение к объемному текстовому эффекту граффити со следующими настройками:

Шаг 3

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

Шаг 4

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

Шаг 5

Добавьте внутреннее свечение со следующими настройками:

Шаг 6

Добавьте тень с этими настройками, чтобы закончить этот эффект трехмерного текста граффити:

Нажмите OK, чтобы применить стиль слоя.

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

4. Как создать третий текстовый эффект граффити

Шаг 1

Выберите слой шрифта с надписью "pedro" и перейдите в меню "Слой" > "Стиль слоя" > "Параметры наложения". чтобы применить следующий стиль слоя.

В параметрах наложения используйте следующие настройки:

Шаг 2

Добавьте Bevel и Emboss со следующими настройками:

Шаг 3

Добавьте внутреннюю тень к текстовому эффекту шрифта граффити со следующими настройками:

Шаг 4

Добавьте внутреннее свечение со следующими настройками:

Шаг 5

Добавьте эффект Satin со следующими настройками:

Шаг 6

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

Шаг 7

Добавьте внешнее свечение со следующими настройками:

Шаг 8

В качестве последнего шага для этого текстового эффекта букв в стиле граффити добавьте тень со следующими настройками:

Нажмите OK, чтобы применить текстовые эффекты.

Поздравляем! Готово!

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

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

Познакомьтесь с другими классными уроками по созданию текстовых эффектов в Photoshop

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

5 лучших дополнений Photoshop с граффити-логотипом от Envato Elements

Надеюсь, вам понравился мой урок по Photoshop с текстовым эффектом граффити. Теперь я покажу вам подборку лучших надстроек Photoshop для текстового граффити от Envato Elements.

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

1. Текстовый эффект граффити PSD (ASL, PSD)

Эти буквы в стиле граффити очень легко использовать в Photoshop. Вам просто нужно поместить свой текст или дизайн в смарт-объект, и у вас будут крутые буквы граффити в кратчайшие сроки! Этот набор текстовых граффити для Photoshop включает десять различных стилей, десять PSD-файлов и смарт-объекты, хорошо организованные по слоям.

2. Текстовый эффект граффити PSD vol.1 (ASL, PSD)

Еще один набор крутых граффити от того же талантливого художника. Этот пакет PSD с текстовым эффектом граффити также содержит десять уникальных макетов, а также десять файлов ASL: десять наборов стилей для Photoshop. Не стесняйтесь попробовать эти 3D-эффекты надписей на стенах!

3. Уличное искусство Граффити Логотип Photoshop (ABR, ATN, PAT)

Кто сказал, что граффити — это только текст? У нас есть все типы надстроек в стиле граффити, и это очень крутой экшен Photoshop с логотипом граффити в стиле уличного искусства. Лучше всего это работает с портретами, фигурами, моделями и неодушевленными предметами. Конечным результатом станет многослойная композиция с множеством эффектов и настроек.

4. Стили слоя PSD с текстовым эффектом граффити (ASL, PSD)

Но если вы являетесь поклонником граффити-буквенных шрифтов и 3D-эффектов граффити-букв, то это для вас. Наслаждайтесь этим набором из 15 букв в стиле граффити для Photoshop и создавайте крутые текстовые композиции в стиле граффити.

5. Граффити с логотипом Photoshop (ABR, ATN, PAT)

Чтобы завершить нашу подборку всех типов стилей граффити, этот спрей представляет собой классный экшен Photoshop с логотипом граффити. Это позволяет создавать быстрые цифровые изображения в несколько кликов. Композицию очень легко редактировать благодаря ее слоям, что дает вам полный творческий контроль.

Заключение

Надеюсь, вам понравился этот урок и подборка лучших граффити-букв в мире от Envato Elements. Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения и результаты ниже. И не забудьте посетить наш канал Envato Tuts+ на YouTube, где вы найдете много привлекательных проектов Photoshop.

Поэкспериментируйте с выбором цвета и неразрушающим образом редактируйте свои цвета с помощью слоев-заливок в Adobe Photoshop.

Что вам понадобится

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

Используйте слой-заливку, чтобы поэкспериментировать с цветами

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

Выберите слой «Кирпичная стена». Щелкните значок слоя «Заливка/коррекция» в нижней части панели «Слои» и выберите «Сплошной цвет». Выберите цвет из появившейся палитры цветов. Вы можете переместить круглый селектор, чтобы настроить цвет, а затем нажать «ОК». Совет. Перетащите вертикальный ползунок на радужной полосе, чтобы просмотреть другой цветовой диапазон. Нажмите "ОК".

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

Попробуйте изменить режим наложения выбранного слоя «Заливка цветом», чтобы создать другие эффекты. Мы выбрали «Цвет» в меню «Режим наложения» в верхней части панели «Слои». Это применяет выбранный цвет, чтобы вы могли видеть текстуру в нижележащих слоях. Вы также можете настроить непрозрачность слоя «Заливка цветом», перетащив ползунок «Непрозрачность» в правом верхнем углу панели «Слои».

Совет. Исходный цвет легко изменить — просто дважды щелкните миниатюру слоя «Цветовая заливка» на панели «Слои», выберите другой цвет в палитре цветов и нажмите «ОК».

Измените порядок слоя заливки цветом

Теперь, когда вы выбрали цвет, можете поэкспериментировать еще немного.

Попробуйте изменить порядок слоев.Если вы переместите слой «Заливка цветом» на панели «Слои», вы получите разные результаты в зависимости от его положения в стеке слоев.

Раскрасить один слой в стеке слоев

По умолчанию слой «Заливка цветом» влияет на все нижележащие слои. Вы можете заставить его воздействовать на один слой непосредственно под ним, независимо от положения слоя в стеке слоев.

Выбрав слой «Заливка цветом» на панели «Слои», щелкните правой кнопкой мыши имя слоя (справа от миниатюр слоя) и выберите «Создать обтравочную маску».

Это приводит к отступу слоя «Заливка цветом» на панели «Слои», указывая на то, что он влияет только на слой, находящийся непосредственно под ним.

Изучите другие типы слоев заливки

Теперь, когда вы увидели, как легко раскрасить рисунок, попробуйте применить к дизайну другие типы цветовых и текстурных эффектов.

Выберите слой Pattern и щелкните значок слоя Fill/Adjustment. Выберите Градиент. Это создает слой градиентной заливки, который во многом похож на слой цветовой заливки. В меню «Градиент» выберите любой стиль градиента. Измените угол, если хотите, а затем нажмите OK. Наконец, мы изменили режим наложения слоя «Градиентная заливка» на «Перекрытие».

Выборочное применение цветов

Каждый слой заливки включает маску слоя. Когда маска слоя белая, она показывает или применяет цвет ко всему изображению. Когда вы добавляете черный цвет к маске слоя, он скрывает цвет соответствующих частей изображения.

В нашем примере мы выбрали большую кисть с мягкими краями (1400) с непрозрачностью 100% и закрасили часть маски слоя черным цветом.

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

Чтобы найти новый фон для своих фотографий, вам не нужен бюджет на поездку. Посмотрите, как художник-график Эрика Ларсон использует Adobe Photoshop, чтобы поместить объект фотографии в совершенно новую среду.

Художник-график Эрика Ларсон каждый день придумывает вдохновляющие проекты в качестве помощника креативного директора в команде Adobe Studio. Другими словами, она делает вещи, которые вызывают у других желание делать вещи.

Что вам понадобится

В этом образце содержатся изображения Adobe Stock, которые вы можете использовать, чтобы попрактиковаться в изучении этого руководства. Если вы хотите использовать образец файла помимо этого руководства, вы можете приобрести лицензию на Adobe Stock. Ознакомьтесь с файлом ReadMe в папке, чтобы узнать об условиях, применимых к использованию вами этого примера файла.

Первый шаг Ларсона — скрыть простую серую стену. Используйте инструмент «Быстрое выделение», чтобы выбрать только форму модели. Выберите «Выбрать тему», а затем выберите «Выбрать и замаскировать», чтобы войти в рабочее пространство «Выбрать и замаскировать».

Удалите шероховатости

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

Удалить стену

Выбрав слой модели, щелкните значок "Добавить маску слоя". Поскольку Ларсон вывел модель как выделение из рабочей области «Выделение и маска», Photoshop замаскировал (или скрыл) все, что не было выделено, поэтому серая стена исчезла, а выбранная модель осталась.

Создайте единообразный внешний вид

Ларсон хотел, чтобы освещение модели соответствовало освещению фона. Для этого продублируйте новый фоновый слой, переместите его над слоем с моделью и выберите «Фильтр» > «Размытие» > «Среднее». Удерживая нажатой клавишу Option (или Alt), щелкните между зеленым слоем и слоем модели, чтобы создать обтравочную маску.

Добавить новый фон

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

Отправляйте свои фотографии

С новым фоном вы можете делать снимки в любой точке мира (или даже за пределами этого мира). Начните исследовать сегодня.

Читайте также: