Добавить Прозрачный Тип Для Изображение с Photoshop

сделать закладку в соцсетях

Вот образ, который я буду использовать в данном уроке:
И вот, после того как мы смотрим на быстрый и легкий способ сделать текст прозрачным в Photoshop, является более интересный результат мы будем работать:
Давайте начнем!

Шаг 1: Добавьте текст к изображению

Прежде, чем мы можем беспокоиться о том, чтобы наш текст Photoshop прозрачным, мы сначала должны добавить его, так давайте сделаем это. Выберите тип инструмента из палитры инструментов:
Вы также можете быстро получить доступ к Type Tool в Photoshop, нажав T на клавиатуре. Я хочу белый, как мой цвет переднего плана, так что я буду нажмите D на клавиатуре, которая сбрасывает основной цвет в Photoshop, чтобы черный и цвет фона на белый, и тогда я буду нажмите X , чтобы поменять их, делая белый мой цвет переднего плана.
С вашего типа выбранного инструмента и белый, как цвет переднего плана, подняться на панели параметров в верхней части экрана и выберите шрифт. Ваш выбор шрифтов будет, конечно, зависеть от какие шрифты в настоящее время установлена ​​в вашей системе. Я собираюсь выбрать Helvetica Black Condensed для моего шрифта. Вы также можете установить размер шрифта на панели параметров, если вы хотите, но это часто легче корректировать размер после того как вы добавили тип с помощью Photoshop, Free Transform команду, как я буду делать в данный момент. Так что сейчас, я буду идти вперед и добавить мой тип. Я собираюсь ввести слова "Подводное плавание" (хотя технически, люди на фотографиях подводного плавания, но я уверен, что они будут идти подводное плавание позже):
Нажмите на галочку в панели параметров, чтобы принять ваш тип, когда вы закончите:

Шаг 2: размер и положение Тип, как требуется, Free Transform

Нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть в Photoshop Free Transform окно и ручки вокруг текста. Наведите текст в позиции, нажав в любом месте внутри Free Transform окно и перетащить текст по экрану (не нажимайте на значок мишени в центре маленькой, хотя, или вы будете двигаться в цель, а не изображения). Чтобы изменить размер текста, нажмите и удерживайте Shift + Alt (Win) / Shift + Alt (Mac) и перетащите любой из угловых маркеров. Холдинг "Shift" рассказывает Photoshop для ограничения ширины и высоты пропорции текста при перетаскивании так что вам не искажают внешний вид его и, держа Alt / Option говорит Photoshop, чтобы изменить размер текста от центра. Я собираюсь растянуть свой ​​текст по вертикали немного, так что, как только я переехал его в нужное положение и изменяется его с угловыми ручками, я собираюсь удерживать Alt (Win) / Option (Mac) снова и нажмите на верхнюю ручку центра и перетащите его вверх, чтобы растянуть текст. Еще раз, удерживая Alt / Option тянется текст от его центра:
Нажмите Enter (Win) / Return (Mac), когда вы закончите принимать преобразование.

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

Быстрый и абсолютная простой способ сделать ваш тип Photoshop прозрачным в передней части изображения, чтобы просто снизить типа слоя Opacity значение. Если мы посмотрим на наш палитре слоев , мы видим, что у нас сейчас есть два слоя, с нашей исходного изображения на дне "Background" слой и нашего текста на слое над ней:
Чтобы снизить непрозрачность текста и позволяют изображение под ним частично проступают, просто подойдите к непрозрачности опции в правом верхнем углу палитры Layers и снизить его стоимость. Чем ниже вы установите значение непрозрачности, тем прозрачнее Текст станет. Я собираюсь нижней шахте около 50%:
И вот мой образ после понижения прозрачности моего текста:
Теперь текст появляется полупрозрачный, и если бы я был, чтобы понизить его значение непрозрачности еще дальше, он станет еще более прозрачным. Вот изображение с прозрачностью текст в снижен до 35%:
Конечно, если бы я был, чтобы снизить непрозрачность весь путь до 0%, текст станет полностью невидимым, который на самом деле не то, что мы хотим. Вообще говоря, значение непрозрачности где-то между 30-50% хорошо работает с большинством изображений.
Так вот быстрый и простой способ сделать текст прозрачным над изображением, но это, конечно, не то, что я бы назвал наиболее интересный способ, так что давайте посмотрим на другой путь, о нем. Прежде, чем мы это сделать, хотя, я собираюсь установить мою значение непрозрачности обратно в 100%:

Шаг 4: Опустите "Fill" Value All The Way Down To 0%

Минуту назад мы видели, как уменьшить значение непрозрачности типа слоя может сделать его прозрачным.Чем больше мы снизили стоимость, более прозрачен текст стал. Если вы посмотрите прямо под опцией значение непрозрачности в правом верхнем углу палитры Layers, вы увидите заливки вариант. Разница между "Прозрачность" и "заполнить" имеет дело с любыми стили слоя , которые были добавлены к слою, и понимание этого различия открывает целую мир возможностей в Photoshop, так что это действительно важно, что вы знаете разницу. В настоящее время я не имею никаких стили слоя, применяемые к моему типа слоя, так что если я должен был снизить стоимость заполнения, результат был бы точно так же, как если бы я опустил значение непрозрачности. Ниже я установил значение Fill, более прозрачным типа станет. В самом деле, давайте делать это сейчас. Чем ниже значение Fill вашего типа слоя все, вплоть до 0% :
Ваш текст будет полностью исчезают в изображении, а это именно то, что произошло бы, если мы снизили значение непрозрачности до 0%:

Шаг 5: добавить "Outer Glow" Layer Style

Разница между "Прозрачность" и "заполнить" в том, что, если бы мы снизили значение непрозрачности до 0%, не только бы сам тип полностью прозрачной и скрыты от глаз, но каких-либо стилей слоя мы попытались добавить к нему также будет полностью прозрачны, как хорошо, что означает, что мы не увидели бы ничего что бы мы ни делали с типом, который означает вся эта вещь будет своего рода бессмысленно, на самом деле. Но, за счет снижения стоимости Fill до 0%, а, типа по-прежнему становится прозрачным, но любые стили слоя, которые мы добавляем оставаться полностью видимыми! Нажмите на стили слоя значок (значок, который выглядит как "ф") в нижней части палитры слоев и выберите Outer Glow стиль слоя из списка:
Это вызовет диалоговое окно Layer Style установите в опции внешнего свечения в средней колонке, а уже, если вы посмотрите в вашем изображении, вы увидите свечение вокруг за пределами вашего типа. Опять же, если бы мы снизили значение непрозрачности до 0%, сам стиль слоя также будет скрыто от глаз, но так как мы снизили значение Fill, только текст становится прозрачным, а стиль слоя остается видимым.
По умолчанию, цвет Outer Glow желтый, так что давайте изменить его на что-то, что вписывается в наш образ лучше. В самом деле, давайте образец цвета напрямую с образа и использовать его в качестве нашего цвета Outer Glow. Чтобы сделать это, нажмите на образец цвета прямо под словом "шума":
Это приведет к в Photoshop Color Picker , но просто игнорировать его или сдвиньте его в сторону, если это необходимо, так как мы не будем использовать его. Вместо этого, наведите курсор на изображение и, как вы это сделаете, вы увидите вашу мышь изменение курсора в Пипетка иконы. Щелкните в любом месте внутри изображения, чтобы образец цвета, который станет Цвет Outer Glow. Как только вы щелкните внутри вашего образа, вы увидите Outer Glow вокруг изменения текста на цвет, сэмпл, поэтому не стесняйтесь нажать на различных областях вашего изображения для предварительного просмотра, что этот цвет выглядит. Я собираюсь попробовать светло-голубой с верхнего левого угла моего изображения и, как только я делаю, моя Цвет свечения вокруг моего текста меняется на той же светло-голубого цвета:
После того как вы пробовали цветов, чтобы использовать для вашего Outer Glow, нажмите кнопку ОК в правом верхнем углу в Photoshop Color Picker, чтобы закрыть его и вернуться к опциям Outer Glow в средней колонке диалоговом окне Layer Style. Увеличьте непрозрачность вашего Outer Glow весь путь до 100%, то увеличение свечения Размер примерно до 20 пикселей :
Нажмите кнопку ОК, когда вы закончите, чтобы выйти из диалогового окна Layer Style. Вот мой образ до сих пор:
Мы могли бы в конечном здесь, если мы хотели, так как у нас теперь есть наш прозрачный эффект текста и выглядит более интересным, чем если бы мы просто опустил значение непрозрачности тип слоя, как мы сделали еще около начала урока, но давайте принимать вещи дальше.

Шаг 6: Установите "Заполнить" значение обратно 100%

Вернуться к верхнем правом углу палитры Layers и установить значение Fill типа слоя обратно к полному 100%:
Это будет временно заполнить ваш текст белым снова:

Шаг 7: Измените режим наложения типа слоя, чтобы "Overlay"

Еще один способ сделать текст прозрачным в изображении, чтобы изменить свое режим наложения . По умолчанию, режим смешивания слоя установлен в положение "NORMAL", которые в основном не означает "ничего особенного". Тип слоя просто сидел там, а не на самом деле взаимодействия с картинки в поле ниже него в любом случае, но мы можем изменить это. Поднимитесь к опциям режим наложения в верхнем левом углу палитры Layers, прямо через дорогу от варианта непрозрачности. Нажмите на стрелку вниз, указывающей справа от слова "Normal" и выберите Overlay из списка выпадающего появившемся:
Теперь посмотрите на изображение. Текст становится прозрачной снова, но это также подбирая цвета на картинке ниже нее и делает все ярче, давая нам действительно хороший эффект:
Если вы обнаружите, что режим Overlay смесь слишком интенсивно с вашим изображением, попробуйте "Soft Light" Вместо этого, которая дает тот же пока гораздо более тонкий эффект.
Опять же, мы могли бы остановиться здесь, но давайте завершить вещи, давая Наша прозрачная наберете просто немного больше определение.

Шаг 8: добавить "Inner Glow" Layer Style с типом

Нажмите кнопку Назад на стили слоя значок в нижней части палитры Layers и на этот раз выберите Inner Glow из списка:
Еще раз, Photoshop будет вызвать диалоговое окно Layer Style, на этот раз установить в опции Inner Glow в средней колонке. Так же, как мы это делали с Outer Glow, давайте образец цвета из изображения для использования в нашей Inner Glow. Нажмите на образец цвета прямо под словом "шума":
В Photoshop Color Picker появится и снова мы собираемся игнорировать его, поскольку мы собираемся попробовать цвет напрямую с образа. Наведите курсор мыши на изображение и вы увидите, что изменится на значок Eyedropper. Нажмите на темном цвете в изображении попробовать его. Мы хотим, чтобы темный цвет, потому что мы собираемся быть изменение нашей свечение в тень, поэтому убедитесь, что вы попробовать цвет, который хорошо и темно. Я собираюсь попробовать темно-синий цвет с моей картинки:
После того как вы пробовали цвет, нажмите кнопку ОК в правом верхнем углу палитры цветов, чтобы выйти из него и вернуться к опциям Inner Glow в диалоговом окне Layer Style. Чтобы изменить наш Inner Glow в внутреннюю тень, все что нам нужно сделать, это изменить свою режим наложения в верхней из вариантов "Экран", чтобы умножить , нажав на кнопку со стрелкой вниз, указывая на правой части слов "Экран" и выбрав "Multiply" из списка. Как только вы измените режим наложения, вы увидите тень появляется внутри краев ваших писем. Опустите Opacity значение тени до примерно 40% , так что это не так интенсивно и, наконец, увеличить размер тени, чтобы вокруг 18 пикселей :
После того, как вы изменили параметры, нажмите кнопку ОК для выхода из диалогового окна Layer Style, и все готово!
Здесь, после добавить немного больше определение моей прозрачного типа с внутреннего свечения, мой окончательный эффект:
И у нас это есть! Вот как легко это добавить прозрачный тип на изображения в Photoshop!
Добавить Прозрачный Тип Для Изображение с Photoshop
сделать закладку в соцсетях