Эффект Windows Vista

16 августа 2011 · Глеб Х. · «Мир Фотошопа»

Взгляд на Windows Vista

Прежде чем начать создавать что-то, нужно знать как это должно будет выглядеть:

Основные моменты:

  • На границах окна видны лучи света
  • На краях видны отражения
  • Окно немного прозрачно, края подсвечены, а фон позади окна немного размыт.
  • Под окном видна мягкая тень

Главное окно

Главное окно — это рамка окна, которая содержит в себе все остальные меньшие окна. Прежде чем его создавать, мы создадим фон. Урок о создании фона Vista можете прочесть здесь.

Поместите созданные обои в центр нового документа.

Чтобы создать окно, выберите инструмент Rounded Rectangle Tool (U), на панели параметров установите значение радиуса — 5 пикселей. Создайте чёрный прямоугольник в центре холста:

Установите Blending Mode слоя с фигурой — Lighten. Кликните дважды на слое с фигурой, чтобы открыть окно стилей слоя и примените следующие стили:

Drop Shadow — этот стиль создаст мягкую тень позади окна

Outer Glow — этот стиль создаст тонкую тёмную границу окна

Inner Glow — этот стиль добавит слабый эффект свечения

Bevel & Emboss — этот стиль создаст бело-синюю границу, которая придаст 3D вид окну

Color Overlay — этот стиль добавит лёгкий оттенок внешней рамке (выберите любой цвет на Ваше усмотрение). Для большей интенсивности цвета повысьте значение Opacity.

Gradient Overlay — этот стиль создаст отражение на краях окна

Световые лучи

Нужно создать несколько световых лучей, проходящих через окно. Сделайте выделение слоя с окном (удерживая клавишу Ctrl, кликните на иконке слоя в палитре слоёв). Создайте новую группу над этим слоем. Добавьте маску слоя к группе (кликните на иконку в нижней части палитры слоёв). Теперь все слои, расположенные в этой группе будут видны в пределах маски.

Создайте новый слой (Ctrl + Shift + N) внутри группы. Инструментом Rectangular Marquee Tool (M) создайте выделение, как показано ниже, и залейте его белым цветом, используя инструмент Paint Bucket Too (G).

Уберите выделение (Ctrl + D) и инструментом Free Transform (Ctrl + T) поверните слой на -45 градусов. Это значение можно ввести на панели параметров сверху. Если Вы будете вращать слой вручную, используйте клавишу Shift (при зажатой клавиши каждое вращение идёт на 15 градусов).

Перейдите в меню Filter → Blur → Gaussian Blur и введите значение 2-5 пикселей. Выберите инструмент Eraser Tool (E), кликните правой кнопкой и установите значение Size — 200-250 пикселей и Hardness — 0%. Немного подотрите край. Установите Opacity слоя — 10-30%.

Создайте ещё несколько таких полос. Пусть некоторых из них будут залезать друг на друга. Используйте разные значения размытия и непрозрачности.

Главное окно закончено. Переходим к созданию внутреннего окна.

Внутреннее окно

Сейчас нужно работать поверх всех слоёв и групп слоёв. Инструментом Rounded Rectangle Tool (U) создайте чёрный прямоугольник с тем же радиусом, что и у главного окна.

Установите Blending Mode — Lighten. Кликните дважды на слое и примените следующие стили:

Создайте новую группу и добавьте маску слоя. В этой группе будет всё содержимое.

Заключительные элементы

На верхнюю строку добавьте название окна, иконки закрытия, сворачивания и разворачивания окна.

PSD файл

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта www.tutorial9.net, автор перевода указан в начале урока.