Lumpics lumpics.ru

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


Создать прозрачный текст в Фотошопе несложно – достаточно снизить непрозрачность заливки до нуля и добавить стиль, подчеркивающий контуры букв.

Мы с Вами пойдем дальше и создадим по-настоящему стеклянный текст, через который будет просвечиваться фон.

  1. Создаем новый документ нужного размера и заливаем фон черным цветом.
  2. Создаем прозрачный текст в Фотошопе
  3. Затем меняем основной цвет на белый и выбираем инструмент «Горизонтальный текст».
  4. Создаем прозрачный текст в Фотошопе
  5. Лучше всего будут смотреться шрифты, имеющие плавные линии. Я выбрал шрифт «Forte». Создаем прозрачный текст в Фотошопе

    Пишем наш текст.

  6. Создаем прозрачный текст в Фотошопе
  7. Создаем копию слоя с текстом (CTRL+J), затем переходим на оригинальный слой и дважды кликаем по нему, вызывая стили слоя.
  8. Создаем прозрачный текст в Фотошопе
  9. Первым делом выбираем пункт «Тиснение». Выставляем настройки, как показано на скриншоте.
  10. Создаем прозрачный текст в Фотошопе
  11. Затем выбираем пункт «Контур» и снова смотрим на скриншот.
  12. Создаем прозрачный текст в Фотошопе
  13. Добавим Обводку с такими настройками:
  14. Создаем прозрачный текст в Фотошопе
  15. И Тень.
  16. Создаем прозрачный текст в Фотошопе
  17. Готово, нажимаем ОК.

    Не переживайте, что ничего не видно, скоро все покажется…

  18. Переходим на верхний слой и снова вызываем стили.
  19. Снова добавляем Тиснение, но с такими настройками:
  20. Создаем прозрачный текст в Фотошопе
  21. Затем определяем Контур.
  22. Создаем прозрачный текст в Фотошопе
  23. Настраиваем Внутреннее свечение.
  24. Создаем прозрачный текст в Фотошопе
  25. Нажимаем ОК.
  26. Создаем прозрачный текст в Фотошопе
  27. Дальше самое интересное. Сейчас мы будем делать текст действительно прозрачным.

    Все очень просто. Снижаем прозрачность заливки для каждого текстового слоя до нуля:

  28. Создаем прозрачный текст в Фотошопе
  29. Стеклянный текст готов, осталось добавить фон, который, собственно, и будет определять прозрачность надписи.

    В данном случае фон добавляется между текстовыми слоями. Обратите внимание, что непрозрачность размещенного изображения нужно снизить («на глаз»), чтобы через него проступил нижний текстовый слой.

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

    Фон можно взять готовый, либо нарисовать свой.

  30. Размещение и настройка непрозрачности фона для стеклянного текста

Вот, что получилось в итоге:

Создаем прозрачный текст в Фотошопе

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

Наша группа в TelegramНаша группа в TelegramПолезные советы и помощь

Задайте вопрос или оставьте свое мнение

13 комментариев
Аноним:

Спасибо автору! Доходчиво!

Вадим:

Не совсем понял, зачем ставить обводку в 7 пикселей, непрозрачность которой равна 0% ? Она же не отображается и на тень не влияет…

Аноним:

У меня все получилось.

Александр:

Это всё может действовать в программе Фотошоп, который установлен на компьютере. А как насчёт фотошоп-онлайн. В последнем нет многих вкладок. Например, вкладка Тиснения в онлайн-фотошопе не разбивается на подпункты. Конкретно интересует стеклянный текст.

Мария:

Все понятно ,спасибо.

Аноним:

Спасибо! Понравилось очень!

Андрей:

Спасибо! Хорошее решение для вставки своей подписи в рисунок.

Артем:

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

Аноним:

Согласен с Сергеем … не впечатлило …

Сергей Николаев:

Здравствуйте, Аноним. Что вас не впечатлило? Это же урок, а не цирковое представление)) Напишите, что вызвало затруднения, и я Вам помогу разобраться.

Сергей:

ЖАЛЬ ПОТРАЧЕННОГО ВРЕМЕНИ. Так ничего и не получилось. Этот текст

Сергей Николаев:

Здравствуйте, Сергей. Что конкретно у Вас не получилось? Если проблемы с последним этапом — размещением фона, то здесь мой просчет. Статья дополнена, читайте)

Остап:

Спасибо, помог! Очень просто и очень красиво