Lubashka | 06.10.2020 | |
Прозрачный/стеклянный эффект текста |
Еще один интересный урок о том, как создать прозрачный эффект в Фотошоп. Вы можете применить его для создания стеклянных, ледяных и водных объектов!
Сложность: низкая
Время: до 1 часа
Навыки для «прокачки»:
- работа со стилями слоя
- создание паттерна (бесшовной текстуры) для заполнения фона
Создадим новый документ размером 1000 × 500 пикселей с разрешением 72 и белым фоном.
Теперь мы сделаем интересный фон (при выполнении уроков веб дизайна очень важно, чтобы все элементы были тщательно продуманны). Итак, двойной щелчок по слою, чтобы добавить Стиль слоя (Add a layer style) Наложение градиента (Gradient Overlay):
Должно получиться что-то вроде этого:
После этого мы добавим изображение для фона, чтобы сделать эффект более интересным. На самом деле, вы можете использовать любое изображение, но в уроке используется эта картинка с
Добавим стиль слоя (Add a layer style) Внешнее свечение (Outer Glow): чтобы сделать изображение более контрастным.
Отлично, пришло время написать текст. В уроке используется шрифт Helios Black (270 пт), но вы можете использовать другой шрифт. Напишите что-нибудь в середине холста с помощью инструмента Горизонтальный текст (Horizontal Type Tool).
Теперь установим Непрозрачность (Opacity) до 0% до, после чего добавим Стиль слоя (Add a layer style):
Тень (Drop Shadow):
Внутренняя тень (Inner Shadow):
Внутреннее свечение (Inner Glow):
Тиснение (Bevel and Emboss):
Контур (Contour):
Глянец (Satin):
Обводка (Stroke):
Кроме того, добавим некоторые элементы для нашего прозрачного стиля текста. Для этого эффекта создадим новый документ размерами 5 × 5 пикселей и нарисуем крест линий с помощью инструмента Карандаш (Pencil Tool), как на картинке ниже:
Затем перейдем Редактирование-> Определить узор (Edit-> Define Pattern) и сохраним его как шаблон. После этого вернемся к нашему основному документу и добавим Стиль слоя (Add a layer style) Наложение узора (Pattern Overlay):
Вот и все, наш текст готов! Интересный эффект получился, не так ли? Читайте наши уроки веб дизайна, а мы постараемся подобрать для вас только самое интересное! До встречи.
Автор/Переводчик: Артеменко Любовь
Ссылка на источник: http://www.photoshopstar.com/text-effects/gauzy-text-effect/