PS layer style mimics Windows Vista

Source: Internet
Author: User
Tags interface window
Window text/kamachen Source: Blue Ideal

This is the Windows window interface diagram provided by Molicancer in the Longhorn Beta release, and the new Windows window interface has a glass texture and a blurry effect after being covered with a "matte" glass. How to achieve this effect of a forum on the hundreds of mouths. It is not possible to experiment with a layer style simply to achieve this blur effect because the layer style is not a filter. Using a layer style to do this is simple, and here's what I do with this example diagram.

I don't know how to tell you every step of the way I perform a layer style, and I think of it as a product of habitual thinking. Layer styles provide a perfect preview system, in fact, you do not have to study the system, and do not need to use the boring text to explain the reasons for these effects, more practice and think can let you quickly remember each style of the children can produce a variety of effects.

Learning is a process, from entry to promotion to be slow and steady there is no shortcut. Any tutorial that follows your study will give you a deeper understanding of it-layer styles.

OK, so let's get the layer style magic to create the glass effect for us.
I hope you can understand it and really understand it after you finish the tutorial.

Draw a rounded rectangle with hollow corners

Double-click the layer to perform the layer style with the following parameters:
Because to achieve the transparent effect of glass, the layer transparency is set to 0;


The outer glow is used to simulate the shadow effect of a window's planar laying. This example diagram has a lower parameter, and the individual does not like the shadow effect too heavily. You can adjust the parameters to achieve the desired effect.

"Bevel and Emboss" is used to simulate the texture and stereo effect of the glass frame.

"Strokes" are used to simulate complex refraction effects. The camouflage of attractive eyes.

Complete. Specific parameters can be adjusted more than themselves. To achieve the blur effect of the background, just select the border area, Gaussian blur background 3 pixels, and then 3 pixels.

Don't forget to be free to play on this basis and will present your work oh.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.