All Articles Photoshop
Создание Web 2.0 Стекло эффектов в Photoshop
Geoff Blake on Fri, March 18th 0 comments
Creating Web 2.0 style glass effects in Photoshop is not only fun and easy, but you get eye-popping results, too. To pull this off, we'll be making use of Photoshop's vector drawing tools, layer effec

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

Let's check it out!

Шаг 1 - документ Set-Up

Запустите Photoshop и создайте новый документ, выбирая Файл

Шаг 2 - Создание основного объекта

Далее мы хотим создать основной объект, который мы хотим применить стекло эффект. Вы можете буквально использовать любую форму Вы хотели бы. Чтобы придерживаться моей темы Web 2.0, я собираюсь создать прямоугольник с закругленными углами. Так, из панели инструментов Photoshop, идти вперед и выберите инструмент Rounded Rectangle обнаружено захоронение вместе с другими инструментами в Photoshop векторного рисования. Затем щелкните и растяните фигуру размер вы хотите. Не беспокойтесь о цвете, что форма заполняется в с. Мы исправим это в секунду.

Шаг 3 - Применение Gradient Overlay

Теперь мы хотим применить наши Gradient Overlay. Отправляйтесь в панели Layers. Обратите внимание, что ваш векторный объект появляется на своем собственном слое формы. Дважды щелкните на правой стороне формы слоя, чтобы открыть диалоговое окно Layer Style. Затем щелкните на Gradient Overlay в левой колонке. Здесь вы можете выбрать существующий градиент или идти вперед и создавать свои собственные.

Шаг 4 - Установка Inner Glow

Теперь мы установим внутреннее свечение, чтобы дать нашим объектом слегка трехмерный вид. С левой колонке в диалоге стилей слоя, выберите Inner Glow. Установите режим смешивания на Overlay, цвет на белый и Range (внизу) до примерно 15. Наконец, возиться бит с Размер слайдера (находится почти в мертвой точке в диалоговом окне. Когда вы будете довольны своими результатами, нажмите кнопку OK, чтобы закрыть окно Layer Style.

Шаг 5 - Создание Отражающие Часть Влияние стекла Один

Мы наконец готовы создать светоотражающий эффект стекла. В панели Layers, удерживая клавишу Cmd (Mac) или Ctrl (ПК) и щелкните правой миниатюре в форму слой. Это загружает форму, как выбор. Затем создайте новый пустой слой. Из панели инструментов выберите Elliptical Marquee Tool, затем, удерживая нажатой Выбираю Shift (Mac) или Alt Shift (PC) и перетащите в верхней части фигуры и примерно на полпути вниз. Не расстраивайтесь, если это займет у вас несколько попыток. Продолжайте пробовать и отмены пока не пригвоздить его.

Шаг 6 - Создание Отражающие Часть Влияние стекла два

Let's create that reflection. Set your Foreground color to white and grab the Gradient tool. From the Options bar at the top, choose Foreground To Transparent from the Gradient Picker, then drag from the top of your object to just below your selection. Ka-Pow! There's your reflection effect.


Again, this step may take you a few tries to get right. Once you have it, get rid of your marching ants (Select > Deselect) and adjust the opacity of your reflection in the Layers panel.

Там так много различных применений этого эффекта, в том числе кнопки навигации, меню, баннеров, заголовок графика, и так далее. И как вы можете видеть, это быстро, весело и легко!

Вам нужно больше? Проверьте полный спектр учебники Photoshop здесь !

Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: