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. Размещение и настройка непрозрачности фона для стеклянного текста

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

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

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

Вам удалось решить проблему?

Ваш ответ может помочь другим пользователям!

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

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

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

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

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

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