Из этого туториала Вы узнаете, как создать прозрачный текст в Photoshop, чтобы изображение позади текста отображалось через буквы! Пошаговое руководство для Photoshop CC, CS6 и более ранних версий.
Нужно добавить текст к изображению, но просто нет подходящего места для его размещения? Попробуйте добавить его как прозрачный текст в Photoshop! В этом уроке я покажу вам, как легко создать прозрачную текстовую область, что означает, что сам тип будет полностью прозрачным, позволяя просвечивать изображение под ним. Мы окружаем текст блоком сплошного цвета, обычно белым, чтобы раскрыть формы букв. Прозрачный текст становится рамкой для нашей темы! Это отличный трюк для дизайна изображений, которые слишком заняты, чтобы текст был легко читаемым.
Создать прозрачный текст в Photoshop легко. Мы начинаем с добавления нового слоя над изображением и заливки его белым. Затем мы добавляем наш текст. Чтобы сделать текст прозрачным, мы используем расширенные параметры наложения Photoshop (не беспокойтесь, это очень простые «расширенные» параметры), чтобы превратить наш слой Type в слой «Knockout», который пробивает отверстия вплоть до изображения в фигурах. наших писем!
Вот как будет выглядеть прозрачная текстовая область, когда мы закончим:
Эффект прозрачного текста.
Давайте начнем!
Как добавить прозрачный текст
Для этого урока я использую Photoshop CC, но каждый шаг совместим с Photoshop CS6 и более ранними версиями. Вы также можете следить за моим видео этого урока на нашем канале YouTube. Или загрузите этот учебник в формате PDF для печати!
Шаг 1: Откройте ваше изображение
Начните с открытия изображения, где вы хотите добавить прозрачный тип. Я загрузил это изображение горизонта Нью-Йорка из Adobe Stock:
Исходное изображение. Фото предоставлено: Adobe Stock.
Шаг 2: Добавить новый слой
На панели «Слои» мы видим изображение на фоновом слое. Добавьте новый пустой слой над изображением, щелкнув значок « Новый слой» в нижней части панели «Слои»:
Нажав на иконку «Новый слой».
Новый слой с именем «Слой 1» появляется над фоновым слоем:
Новый слой добавлен.
Шаг 3: залейте новый слой белым
Мы будем использовать этот слой, чтобы создать область белого цвета, которая будет окружать текст. Заполните слой белым, зайдя в меню « Правка» в строке меню и выбрав « Заполнить» :
Перейдите в Edit> Fill.
В диалоговом окне «Заливка» установите для параметра « Содержимое» вверху значение « Белый» и нажмите кнопку «ОК».
Выбор белого в качестве цвета заливки.
Photoshop заполняет слой белым, временно блокируя изображение из вида:
Новый слой теперь заполнен белым.
Шаг 4: Понизь непрозрачность слоя
Уменьшите непрозрачность «Слоя 1» до 75% . Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои».
Понижение непрозрачности «Слоя 1» до 75%.
С уменьшенной непрозрачностью изображение теперь частично просвечивает, поэтому мы можем видеть его, когда добавляем текст:
Изображение теперь отображается через «Слой 1».
Шаг 5: Выберите инструмент Type
Выберите инструмент «Текст» на панели инструментов:
Выбор инструмента «Текст».
Шаг 6: выбери свой шрифт
Выберите свой шрифт на панели параметров . Я буду использовать Futura PT Heavy, который я скачал с Adobe Typekit, но подойдет любой шрифт:
Выбор шрифта на панели параметров.
По-прежнему в панели параметров, установите размер шрифта до 72 пунктов . Нам нужно будет изменить размер текста, как только мы добавим его, но это даст нам самый большой заданный размер:
Установка размера шрифта до 72 пунктов.
Шаг 7: установите цвет шрифта на черный
Убедитесь, что цвет вашего шрифта установлен на черный, нажав на клавиатуре букву D, которая сбрасывает цвет по умолчанию. Это просто, чтобы мы могли видеть тип на белом фоне. Текущий цвет шрифта находится в образце цвета на панели параметров:
Типовой образец цвета на панели параметров.
Шаг 8: добавь свой текст
Нажмите внутри документа и добавьте свой текст. Я наберу слова "Нью-Йорк Сити":
Добавление текста к изображению.
Нажмите на галочку в панели параметров, чтобы принять ее:
Нажмите на галочку, чтобы принять текст.
На панели «Слои» новый слой «Тип» отображается над «Слоем 1»:
Панель «Слои» с новым слоем «Тип».
Шаг 9: измени размер текста
Перейдите в меню « Правка» в строке меню и выберите «Свободное преобразование»:
Перейдите в Edit> Free Transform.
Photoshop окружает текст с помощью поля Free Transform и ручек. Нажмите и перетащите любой угловой маркер, чтобы изменить размер текста по мере необходимости. Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы избежать искажения форм букв при изменении их размера:
Удерживайте Shift и перетащите угловые маркеры, чтобы изменить размер текста.
Чтобы переместить текст, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Я перенесу свой текст перед ватерлинией. Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре:
Нажмите и перетащите в поле «Свободное преобразование», чтобы изменить положение текста.
Шаг 10: Откройте параметры наложения
Выбрав слой «Тип», щелкните значок « Стили слоев» (значок « fx» ) внизу панели «Слои»:
Нажав на значок Стили слоя.
Выберите Blending Options в верхней части списка:
Выбирая «Параметры смешивания».
Откроется диалоговое окно «Стиль слоя» в Photoshop с основными параметрами наложения. В разделе Advanced Blending измените Knockout с None на Shallow . Это превращает слой Type в «нокаутирующий» слой, что означает, что Photoshop будет использовать формы букв, чтобы пробить «Layer 1» и показать изображение на фоновом слое:
Установка параметра Knockout на «Shallow».
Чтобы увидеть эффект, перетащите ползунок « Непрозрачность заполнения» до 0% :
Уменьшение непрозрачности заливки до 0%.
Нажмите кнопку ОК, чтобы закрыть диалоговое окно «Стиль слоя». Текст не только сам стал прозрачным, но и область «Слоя 1», расположенная непосредственно под текстом, как если бы текст пробивал дыру прямо в нем. Теперь мы можем видеть изображение на фоновом слое через буквы:
Эффект после превращения слоя Type в нокаутирующий слой.
Шаг 11: выберите «Слой 1»
Давайте изменим белую область вокруг текста, чтобы она не закрывала всю фотографию. Нажмите на слой 1 на панели слоев, чтобы выбрать его:
Выбираем «Слой 1».
Шаг 12: измени размер слоя со свободным преобразованием
Перейдите в меню « Правка» и еще раз выберите « Свободное преобразование» :
Перейдите в Edit> Free Transform.
Перетащите верхнюю и нижнюю ручки в направлении текста. Нажмите Enter (Win) / Return (Mac) на клавиатуре, когда закончите:
Изменение размера белой области вокруг текста с помощью Free Transform.
Шаг 13: отрегулируйте непрозрачность слоя
Наконец, отрегулируйте непрозрачность «Слоя 1», чтобы настроить видимость текста. Увеличение непрозрачности сделает белую область вокруг текста более сплошной, а текст будет легче читаться. Уменьшение непрозрачности приведет к исчезновению текстовой области на изображении. Я установлю непрозрачность на 85%:
Увеличение значения непрозрачности до 85%.
И вот, после увеличения непрозрачности, мой окончательный результат «прозрачная текстовая область»:
Окончательный эффект прозрачного типа.
Выявление слоя, отличного от фонового
Шаги, которые мы рассмотрели в этом руководстве, - это все, что вам нужно сделать, когда изображение, которое вы хотите раскрыть в тексте, находится на фоновом слое . Если у вас есть изображение над фоновым слоем, которое вы хотите показать в тексте, просто поместите слой типа и сплошной белый слой под ним в группу слоев, выбрав оба слоя, затем перейдите в меню « Слой» и выберите « Слои группы».,
И там у нас это есть! Вот так легко добавить прозрачный текст к изображению с помощью Photoshop! Наряду с добавлением прозрачного текста, еще одним классическим эффектом Photoshop является размещение вашего изображения непосредственно внутри текста. Или научитесь смешивать текст с изображением, выбирая цвета шрифта прямо из самого изображения! Посетите наш раздел «Фотоэффекты» для получения дополнительных уроков по Photoshop!