Эффект стекла в фотошопе

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

Как нарисовать стекло в фотошопе Открываем какую-нибудь картинку - она послужит нам в качестве фона:

Выбираем инструмент Rounded Rectangle Tool, радиус скругления углов сделаем равным 10 пикселей (Radius: 10px) и синим цветом (#2862f4) нарисуем такую фигуру (конечно точно такую фигуру рисовать не обязательно - всё на ваше усмотрение):

Непрозрачность (Fill) слоя с этой фигурой сделаем равной 20%:

Открываем окошко Layer Style (кликаем правой клавишей по слою с фигурой и выбираем пункт Blending Options), там переходим на вкладку Drop Shadow и добавим немного теней:

Затем добавим внутреннее свечение (вкладка Inner Glow):

Сделаем вокруг нашего будущего стекла чёрный контур (на вкладке Stroke):

Неплохо было бы добавить штриховку (в качестве текстуры создавайте изображение размером 1x2 px и закрасьте верхний квадрат белым цветом):

Жмём Ok и смотрим результат:

Теперь неплохо бы добавить небольшие блики от источника света. Для этого сначала создадим новый слой, затем зажимаем клавишу Ctrl и кликаем левой клавишей на слое со стеклом. Выбираем инструмент Paint Bucket Tool и заливаем выделение чёрным цветом:

Применим фильтр Lens Flare (Filter > Render > Lens Flare) со следующими настройками:

После применения фильтра должна получится такая картинка:

Сейчас нужно наложить это свечение на слой со стеклом. Для этого измените параметр Blend Mode с Normal на Screen (данный параметр выбирается на панели слоёв (Layers) в верхнем левом углу), после этого зажмите клавишу Alt и кликните между слоем со стеклом и слоем со свечением (с бликом):

Сейчас добавим пару обычных бликов. Выберите инструмент Elliptical Marque Tool и выделите часть стекла, потом создайте новый слой и залейте выделение белым цветом (с помощью заливки - Paint Bucket Tool):

Сейчас снимите выделение (в меню Select выберите Deselect или нажмите Ctrl + D). Затем зажмите Ctrl и кликните по слою со стеклом, инвертируйте выделение (в меню Select выберите Inverse или нажмите Shift + Ctrl + I) и удалите (клавиша Delete):

Добавьте к этому слою (к самому верхнему) маску (на панели слоёв нажмите кнопку виде тёмного прямоугольника, внутри которого круг; или в меню Layers выберите Layer Mask > Reveal All). Затем выберите инструмент Gradient Tool (цвет градиента - чёрный, плавно переходящий в белый) и залейте маску градиентом:

Таким же образом добавим ещё один блик:

И напишем какой-нибудь текст:

Вот мы и нарисовали эффект стекла.
Просмотров: 34900

Коментарии (12)

1  Написал(а) Илья, в 23:03 09.04.2009 Ну круто, что тут сказать :-)

2  Написал(а) круто, в 03:17 16.04.2009 круто

3  Написал(а) ОНОТОЛЕ, в 18:06 23.11.2009 Нафик узор (полоски) добавили ?  Это уже не как стекло выглядит!  Сделалибы еще какбе ефект лупы под стеклом !!11№#%

4  Написал(а) admin, в 23:22 24.11.2009 Стекло разное бывает, в том числе и узорчатое.

5  Написал(а) Вика, в 17:50 22.12.2009 я не поняла какой инструмент в самом начале выбирать..

6  Написал(а) Раиса, в 20:01 05.01.2010 В начале взят инструмент Rounded Rectangle Tool (Прямоугольник с закругленными углам). Вика, если еще есть вопросы, то я с удовольствием отвечу

7  Написал(а) RomanVasin, в 10:22 31.01.2010 Если автор считает, что это "эффект стекла"... пусть считает.

8  Написал(а) ав!, в 22:08 28.02.2010 отстой, какой век щас на дворе, такое ощущение что это не стекло а фаил какой-то лежит на картинке

9  Написал(а) blade, в 19:50 13.08.2010 с узором как раз то что нужно...

10  Написал(а) Денис, в 12:09 27.09.2010 Это не стекло, а х...ня какая то. У стекла не будет таких бликов, если оно изначально не выпуклое. Ды даже у выпуклого таких бликов не будет, нарисованы они тут от балды. Зачем эти полоски как на кинескопе телевизора? Чёрная обводка...ну не знаю, скорее белую нужно делать и то не по всему периметру. В общем это не стекло.