Как сделать прозрачный текст в фотошопе (видео)

Из этого туториала Вы узнаете, как создать прозрачный текст в Photoshop, чтобы изображение позади текста отображалось через буквы! Пошаговое руководство для Photoshop CC, CS6 и более ранних версий.

Нужно добавить текст к изображению, но просто нет подходящего места для его размещения? Попробуйте добавить его как прозрачный текст в Photoshop! В этом уроке я покажу вам, как легко создать прозрачную текстовую область, что означает, что сам тип будет полностью прозрачным, позволяя просвечивать изображение под ним. Мы окружаем текст блоком сплошного цвета, обычно белым, чтобы показать формы букв. Прозрачный текст становится рамкой для нашей темы! Это отличный трюк для дизайна изображений, которые слишком заняты, чтобы текст был легко читаемым.

Создать прозрачный текст в Photoshop легко. Мы начинаем с добавления нового слоя над изображением и заливки его белым. Затем мы добавляем наш текст. Чтобы сделать текст прозрачным, мы используем расширенные параметры наложения Photoshop (не беспокойтесь, это очень простые «расширенные» параметры), чтобы превратить наш слой Type в слой «Knockout», который пробивает отверстия вплоть до изображения в формах наших писем!

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

Прозрачный текст добавлен к изображению в фотошопе

Эффект прозрачного текста.

Давайте начнем!

Как добавить прозрачный текст

Шаг 1: Откройте ваше изображение

Начните с открытия изображения, где вы хотите добавить прозрачный тип. Я загрузил это изображение горизонта Нью-Йорка из Adobe Stock :

Исходное изображение от Adobe Stock

Исходное изображение. Фото предоставлено: Adobe Stock.

Шаг 2: Добавить новый слой

На панели «Слои» мы видим изображение на фоновом слое . Добавьте новый пустой слой над изображением, щелкнув значок « Новый слой» в нижней части панели «Слои»:

Значок «Новый слой» в Photoshop на панели «Слои»

Нажав на иконку «Новый слой».

Новый слой с именем «Слой 1» появляется над фоновым слоем:

Добавлен новый пустой слой Photoshop на панель Layers

Новый слой добавлен.

Шаг 3: залейте новый слой белым

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

Команда Photoshop Fill в меню «Правка»

Перейдите в Edit> Fill.

В диалоговом окне «Заливка» установите для параметра « Содержимое» вверху значение « Белый» и нажмите кнопку «ОК»:

Параметр содержимого в диалоговом окне «Заливка» в Photoshop

Выбор белого в качестве цвета заливки.

Фотошоп заполняет слой белым, временно блокируя изображение из вида:

Photoshop Прозрачный текстовый эффект после заполнения слоя белым

Новый слой теперь заполнен белым.

Шаг 4: Понизь непрозрачность слоя

Понизьте непрозрачность «Слоя 1» до 75% . Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои».

Параметр непрозрачности слоя Photoshop на панели «Слои»

Понижение непрозрачности «Слоя 1» до 75%.

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

Эффект прозрачности текста в Photoshop после снижения непрозрачности слоя

Изображение теперь отображается через «Слой 1».

Шаг 5: Выберите инструмент Type

Выберите инструмент « Текст» на панели инструментов :

Выбор инструмента «Текст» в Photoshop

Выбор инструмента «Текст».

Шаг 6: выбери свой шрифт

Выберите свой шрифт на панели параметров . Я буду использовать Futura PT Heavy, который я скачал с Adobe Typekit , но подойдет любой шрифт:

Параметры шрифта Photoshop на панели параметров

Выбор шрифта на панели параметров.

По-прежнему в панели параметров установите размер шрифта на 72 пункта . Нам нужно будет изменить размер текста после того, как мы добавим его, но это даст нам самый большой заданный размер:

Параметр размера шрифта в Photoshop на панели параметров

Установка размера шрифта до 72 пунктов.

Шаг 7: установите цвет шрифта на черный

Убедитесь, что ваш цвет шрифта установлен на черный , нажав на клавиатуре букву D , которая сбрасывает цвет по умолчанию. Это просто, чтобы мы могли видеть тип на белом фоне. Текущий цвет шрифта находится в образце цвета на панели параметров:

Образец шрифта Photoshop в панели параметров

Типовой образец цвета на панели параметров.

Шаг 8: добавь свой текст

Нажмите внутри документа и добавьте свой текст. Я наберу слова «Нью-Йорк Сити»:

Добавление типа к изображению в Photoshop

Добавление текста к изображению.

Нажмите на галочку в панели параметров, чтобы принять ее:

Галочка в Photoshop Type Tool

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

На панели «Слои» новый слой «Тип» отображается над «Слоем 1»:

Фотошоп Тип слоя

Панель «Слои» с новым слоем «Тип».

Шаг 9: измени размер текста

Перейдите в меню « Правка» в строке меню и выберите « Свободное преобразование» :

Команда Free Transform в меню «Правка» в Photoshop

Перейдите в Edit> Free Transform.

Photoshop окружает текст с помощью поля Free Transform и ручек. Нажмите и перетащите любой угловой маркер, чтобы изменить размер текста по мере необходимости. Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы избежать искажения форм букв при изменении их размера:

Изменение размера текста с помощью Free Transform в Photoshop

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

Чтобы переместить текст, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Я перенесу свой текст перед ватерлинией. Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре:

Перемещение текста с помощью Free Transform в Photoshop

Нажмите и перетащите в поле «Свободное преобразование», чтобы изменить положение текста.

Шаг 10: Откройте параметры наложения

Выбрав слой «Тип», щелкните значок « Стили слоев» (значок « fx» ) внизу панели «Слои»:

Photoshop Добавить значок «Стили слоев» на панели «Слои»

Нажав на значок Стили слоя.

Выберите Blending Options в верхней части списка:

Параметры наложения в панели «Слои» в Photoshop

Выбирая «Варианты смешивания».

Откроется диалоговое окно «Стиль слоя» в Photoshop с основными параметрами наложения. В разделе Advanced Blending измените Knockout с None на Shallow . Это превращает слой Type в «нокаутирующий» слой, что означает, что Photoshop будет использовать формы букв, чтобы пробить «Layer 1» и показать изображение на фоновом слое:

Опция нокаута в Photoshop Advanced Blending options

Установите опцию «Knockout» на «Shallow».

Чтобы увидеть эффект, перетащите ползунок Fill Opacity до 0% :

Заполните непрозрачность в Photoshop Варианты смешивания

Уменьшение непрозрачности заливки до 0%.

Нажмите кнопку ОК, чтобы закрыть диалоговое окно «Стиль слоя». Текст не только сам стал прозрачным, но и область «Слоя 1», расположенная непосредственно под текстом, как если бы текст пробивал дыру прямо в нем. Теперь мы можем видеть изображение на фоновом слое через буквы:

Тип слоя в качестве слоя нокаута в Photoshop

Эффект после превращения слоя Type в нокаутирующий слой.

Шаг 11: выберите «Слой 1»

Давайте изменим белую область вокруг текста, чтобы она не закрывала всю фотографию. Нажмите на слой 1 на панели слоев, чтобы выбрать его:

Выбор слоя 1 на панели «Слои» в Photoshop

Выбираем «Слой 1».

Шаг 12: измени размер слоя со свободным преобразованием

Перейдите в меню « Правка» и еще раз выберите « Свободное преобразование» :

Опция Free Transform в меню «Правка» в Photoshop

Перейдите в Edit> Free Transform.

Перетащите верхнюю и нижнюю ручки в направлении текста. Нажмите Enter (Win) / Return (Mac) на клавиатуре, когда закончите:

Изменение размера слоя с помощью Free Transform в Photoshop

Изменение размера белой области вокруг текста с помощью Free Transform.

Шаг 13: отрегулируйте непрозрачность слоя

Наконец, настройте непрозрачность «Слоя 1», чтобы настроить видимость текста. Увеличение непрозрачности сделает белую область вокруг текста более сплошной, а текст будет легче читаться. Уменьшение непрозрачности приведет к исчезновению текстовой области на изображении. Я установлю непрозрачность на 85%:

Параметр непрозрачности слоя на панели «Слои» в Photoshop

Увеличение значения непрозрачности до 85%.

И вот, после увеличения непрозрачности, мой окончательный результат «прозрачная текстовая область»:

Как добавить прозрачный текст в учебник Photoshop

Окончательный эффект прозрачного типа.

Выявление слоя, отличного от фонового

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

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

Будьте первым, кто узнает, когда будут добавлены новые учебники!


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.