
Еще один интересный урок о том, как создать прозрачный эффект в Фотошоп. Вы можете применить его для создания стеклянных, ледяных и водных объектов!
Навыки для «прокачки»:
- работа со стилями слоя- создание паттерна (бесшовной текстуры) для заполнения фона
Создадим новый документ размером 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):


Вот и все, наш текст готов! Интересный эффект получился, не так ли? Читайте наши уроки веб дизайна, а мы постараемся подобрать для вас только самое интересное! До встречи.
Информация