Home
» Wiki
»
Как сделать текст прозрачным в фотошопе
Как сделать текст прозрачным в фотошопе
Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙
Нужно добавить текст к изображению, но нет подходящего места для его вставки? Попробуйте добавить прозрачный текст в Photoshop!
В этом уроке вы узнаете, как создать прозрачную текстовую область, то есть сам текст будет полностью прозрачным, позволяя просматриваться изображению под ним. Мы окружаем текст сплошным блоком цвета, обычно белого, раскрывая форму букв, а затем текст становится рамкой для объекта. Это отличный совет по дизайну для изображений, которые настолько перегружены информацией, что текст на них трудно прочитать.
Создать прозрачный текст в Photoshop легко. Начните с добавления нового слоя над изображением и залейте его белым цветом. Затем добавьте свой текст. Чтобы сделать текст прозрачным, мы воспользуемся расширенными параметрами наложения Photoshop, чтобы превратить слой типографики в слой выделения. Это позволит пробить отверстия в форме букв, ведущие прямо к изображению ниже.
На панели «Слои» изображение находится на фоновом слое. Нажмите значок «Добавить новый слой» в нижней части панели «Слои».
Нажмите значок «Добавить новый слой».
Над изображением появится новый пустой слой с именем «Слой 1» .
Мы будем использовать этот слой для создания белой области вокруг текста.
Новый пустой слой.
Шаг 3: Залейте новый слой белым цветом.
Залейте слой белым цветом, перейдя в меню «Правка» на панели меню и выбрав «Заливка» .
Выберите команду «Заполнить» в меню «Правка».
В диалоговом окне «Заливка» установите для параметра «Содержимое » значение «Белый». Затем нажмите ОК.
Установить содержимое на белый цвет
Photoshop заполнит слой белым цветом, временно скрыв изображение от просмотра.
Результат после окрашивания слоя в белый цвет.
Шаг 4: Уменьшите непрозрачность слоя.
На панели «Слои» уменьшите непрозрачность слоя 1 до 75%.
Уменьшите непрозрачность слоя.
При уменьшении непрозрачности изображение становится частично видимым, поэтому мы можем видеть добавление текста.
Результат после уменьшения непрозрачности слоя.
Шаг 5: Выберите инструмент «Текст»
На панели инструментов выберите инструмент «Текст» .
Выберите инструмент «Текст» в Photoshop.
Шаг 6: Выберите шрифт
На панели параметров выберите шрифт. В примере будет использоваться шрифт Futura PT Heavy, но подойдет любой шрифт с жирным текстом.
Выберите шрифт на панели параметров.
Оставаясь на панели параметров, установите размер шрифта 150 пунктов. После добавления текста нам потребуется изменить его размер, но этого должно быть достаточно для начала.
Выберите начальный размер шрифта.
Шаг 7: Установите черный цвет текста.
Прежде чем закрыть панель параметров, убедитесь, что цвет текста установлен на черный. Если нет, нажмите D на клавиатуре, чтобы сбросить настройки до значений по умолчанию.
Черный цвет позволит нам видеть текст на белом фоне, но исчезнет, когда мы сделаем текст прозрачным.
Теперь текст будет черным.
Шаг 8: Добавьте текст
Щелкните внутри документа и добавьте свой текст. В примере будут введены слова НЬЮ-ЙОРК.
Добавьте текст.
Для подтверждения нажмите галочку на панели параметров.
Нажмите на галочку.
На панели «Слои» новый текстовый слой появится над слоем 1.
Новый текстовый слой.
Шаг 9: Измените размер текста
Перейдите в меню «Правка» и выберите «Свободное преобразование» .
Выберите команду «Свободное преобразование».
Photoshop окружает текст рамкой трансформации и маркерами.
Но прежде чем перетаскивать маркеры, перейдите на панель параметров и убедитесь, что выбран значок связи между полями «Ширина» и «Высота» . Это зафиксирует соотношение сторон текста при изменении размера, чтобы буквы не искажались.
Ширина и высота должны быть связаны между собой.
Затем перетащите любую ручку, чтобы изменить размер текста.
В этом примере текст будет увеличен, чтобы покрыть как можно большую часть изображения.
Перетащите угловые маркеры, чтобы изменить размер текста.
Затем щелкните и перетащите текст внутри поля преобразования, чтобы изменить его положение. В этом примере текст будет перемещен перед водной границей.
По завершении нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять изменения и закрыть Free Transform.
Перетащите текст в нужное место.
Шаг 10: Измените параметры смешивания
На панели «Слои» убедитесь, что выбран текстовый слой, и щелкните значок «Эффекты слоя» (fx) в нижней части.
Нажмите на значок fx.
Затем выберите «Параметры наложения» в верхнем меню.
Выберите параметры смешивания.
Откроется диалоговое окно «Стиль слоя» Photoshop , в котором установлены основные параметры наложения.
В разделе «Расширенное наложение» измените значение параметра «Выделение» с «Нет» на «Неглубокое». Это превратит текстовый слой в слой с эффектом пробивки, то есть Photoshop будет использовать форму букв, чтобы пробить слой 1 и отобразить изображение на фоновом слое.
Измените Нокаут на Поверхностный.
Вы не увидите эффекта, пока не уменьшите непрозрачность заливки до 0%.
Прозрачным становится не только сам текст, но и область на слое 1 непосредственно под текстом, как будто текст пробит насквозь.
Изображение на фоновом слое теперь видно сквозь буквы.
Результаты с изображениями, отображаемыми поверх текста.
Шаг 11: Выберите слой 1.
Измените размер белой области вокруг текста так, чтобы она не закрывала все изображение.
Нажмите «Слой 1» на панели «Слои», чтобы выбрать «Слой 1».
Выберите белый слой-заливку.
Шаг 12: Измените размер слоя с помощью Free Transform.
Вернитесь в меню «Правка» и выберите «Свободное преобразование».
Выберите команду «Свободное преобразование».
Прежде чем перетаскивать маркеры трансформации, вернитесь на панель параметров и на этот раз отсоедините поля «Ширина» и «Высота». Это позволит нам свободно перетаскивать маркеры, не беспокоясь о соотношении сторон.
Отменить связь ширины и высоты.
Затем перетащите верхний и нижний маркеры по направлению к тексту. Когда закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре.
Измените размер белой границы.
Шаг 13: Отрегулируйте непрозрачность слоя.
Наконец, отрегулируйте непрозрачность слоя 1, чтобы точнее настроить видимость текста.
Увеличение непрозрачности сделает белую область вокруг текста более читаемой. Уменьшение непрозрачности приведет к размытию текстовой области на изображении.
В этом примере непрозрачность будет установлена на уровне 85%.
Увеличьте непрозрачность слоя.
После увеличения непрозрачности окончательный результат прозрачной текстовой области должен выглядеть следующим образом.