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

Добавил пользователь Владимир З.
Обновлено: 05.10.2024

Выполнить данную манипуляцию достаточно просто. Все что вам необходимо сделать – это уменьшить непрозрачность заливки до минимума и указать стиль, который выполняет подчеркивание контуров букв.

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

Создание прозрачного текста

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

    Создайте в Фотошопе документ и с помощью заливки закрасьте фон черным.

Sozdaem-prozrachnyiy-tekst-v-Fotoshope

Sozdaem-prozrachnyiy-tekst-v-Fotoshope-2

Sozdaem-prozrachnyiy-tekst-v-Fotoshope-3

Sozdaem-prozrachnyiy-tekst-v-Fotoshope-4

Sozdaem-prozrachnyiy-tekst-v-Fotoshope-5

Sozdaem-prozrachnyiy-tekst-v-Fotoshope-6

Sozdaem-prozrachnyiy-tekst-v-Fotoshope-7

Sozdaem-prozrachnyiy-tekst-v-Fotoshope-8

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

Sozdaem-prozrachnyiy-tekst-v-Fotoshope-10

Sozdaem-prozrachnyiy-tekst-v-Fotoshope-11

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

Sozdaem-prozrachnyiy-tekst-v-Fotoshope-13

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

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


Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

Простой урок не вызывающий лично у меня интереса. опять урок в одно действие :(

А мне понравилось.
Автор как обозначил урок, то и сделал. Текст прозрачный. Простой и быстрый урок.

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

Не хватает глянца.

Как по мне хороший урок,т.к. только начал гимпом пользоваться помог немного освоиться!Спасибо))

а у меня нет такова фильтра: Фильтры >> Свет и тень >> Xach-эффект
где мне его взять?)

Переустанавливать ГИМП, ибо этот фильтр стандартный, насколько я помню. ) Или искать внимательнее..)

может он как-то по другому называется? Гимп качал с ПроГимпа и этого эффекта никогда не было(

ALeXv0 N, не переживай его можно воссоздать вручную.
Делаешь альфаканал текста в выделение, используешь фильтр "Отбрасываемая тем" (уж он то должен быть, там же где Xach), параметры придется снизить, но это уже по вкусу. Создаешь 2 новых прозрачных слоя, в обоих красишь выделение белым. Снимаешь выделение и один из слоев перемещаешь на пиксель или два вверх-лево (противоположную от тени). Это будет блик. Объединяешь эти слои белых букв. Слой Текст снова в альфа-выделение. В объединенном слое добавляешь маску с белым фоном, кликаешь на ней с зажатым Alt (показать маску слоя) , и можем закрасить выделение серым. Чем темнее цвет, тем прозрачнее будут потом буквы. Снимаем выделение и удаляем слой Текста.

Отбрасываемая тень тоже нет(, как так?
я сейчас скрин в вопросы скину.

Просто скачай Gimp с офф сайта.

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

Простой, но спасибо пригодиться!

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

пригодиться для создания подписи к фото :)

я вот понять не могу со слоями, куда это нужно заходить

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

Иван Крузе, правой кнопкой мыши на любом слое в контекстном меню выбрать "Свести изображение". Если у вас нет вообще окна со слоями, значит оно было закрыто в последней сесии Гимпа. Чтобы восстановить это окно, выбрать в меню
Окна / Недавно стыкуемые диалоги (так в 2.7.2, в ранних версиях другой диалог вроде) и там по стрелке нажать что будет.

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

Отличный урок Спасибо. Очень оригинально и при этом не сложно.6

Отличный урок для начинающих!
Подскажите, можно такую надпись сделать шаблоном, а потом лепить ее на другие фоны.
Зарание спасибо!


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Галочка в Photoshop Type Tool

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Используйте WordArt для создания непрозрачных букв в Microsoft Word.

Шаг 1

Откройте документ Microsoft Word и запишите лицо шрифта и размер шрифта, который вы используете в документе.

Шаг 2

Шаг 3

Шаг 4

Как изменить макет страницы в Microsoft Word

Как изменить макет страницы в Microsoft Word

Нетрудно изменить макет страницы в Microsoft Word. Макет страницы включает поля, размер бумаги и источник бумаги.

Как перейти с прописных букв на строчные и наоборот в Microsoft Word

Как перейти с прописных букв на строчные и наоборот в Microsoft Word

В Microsoft Word 2013, если вы забыли отключить Caps Lock при вводе текста или вам нужно сменить документ на строчный, который ранее вводился в верхнем регистре, вы можете сохранить много .

Windows: при нажатии кнопки блокировки заглавных букв

Windows: при нажатии кнопки блокировки заглавных букв

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

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