This is a guest article written by Bituser from bituser.com. Find out more about Bituser at the conclusion of this guide.
This is a simple guide that will show you how to create that awesome looking Windows Aero effect in Photoshop. If you are using another image editing program, then you may need to change some steps, but it is possible to create the following in most modern programs.
If you want to skip the tutorial and download the file for yourself, get it here:
![]() |
Download Photoshop Aero Effect PSD |
Otherwise, improve your Photoshop skills by following this tutorial:
Step 1
Start by creating a new document. Match the settings of your window to that of the screenshot.
Step 2
Choose the paint bucket tool and full the background layer with any color or gradient you like. I added a sort of reflection to the top to make it look nicer.
Step 3
Use the rounded rectangle tool with a radius of 10px to create a rectangle the size of the area you want to have the “Aero Effect”.
Step 4
Ctrl+Right Click the vector mask of the shape so you end up with a selection in the shape of the rounded rectangle.
Step 5
With the rectangle still selected left click on the background layer and press Ctrl + C to copy the contents.
Press Ctrl+V to paste the selection on a new layer.
Delete the layer with the rounded rectangle on it. Label Layer 1 Copied Selection.
Step 6
You may notice that nothing looks any different than what we started with, but by the end of this step you will end up with something resembling a Windows Aero Effect.
Double click on Copied Selection.
Change the Layer Style to be the same as the screenshots below:
Step 7
Now we are going to create those very light diagonal lines that you can see on Windows.
Create a new layer and label it Lines.
Get the gradient tool and set it to Foreground to Transparent.
Change the Foreground color to a dark grey ( I used #a3a3a3.)
Create a gradient that takes up around 1/8 of the screen.
You should end up with a line like in the image below.
Step 8
Get the eraser tool to following settings:
Hold the Shift key down to erase a vertical line.
Copy the line to a new layer.
Move the copied line beside the original line and resize it so it is smaller than the original using the transform tool.
Repeat until you have a number of lines of different sizes.
Merge all the layers with stripes on them.
You should end up with something like this:
Step 9
Using the Transform tool, rotate the stripes 45 degrees.
Make sure that the stripes end outside your “Aero Effect Area” like so:
Ctrl+Left Click on the layer Copied Selection.
Left click on the layer with the stripes on it.
Click on the layer mask button.
Change the stripes layer’s opacity to 10%.
You’re done!
Download Photoshop Aero Effect PSD
![]() |
Download Photoshop Aero Effect PSD |
Bituser.com is a technology support and discussion forum and also has tutorials and reviews in it’s newly added Knowledge base. Meet like minded technology enthusiasts and learn computer tricks a bituser.com.
About Rich
Rich is the owner and creator of Windows Guides; he spends his time breaking things on his PC so he can write how-to guides to fix the problems he creates.
- Web
- |
- |
- |
- |
- Google+
- |
- More Posts (1017)
Sweet tutorial Rich, thanks!
All Bituser’s work. I just did the easy part of putting it together as a post :)
Hello,
Thank you for posting my article, Rich.
This is all part of an effort to get a free support community going. I love building websites and helping people as a hobby, but BitUser doesn’t get much attention from other people so I have no one to help anyway.
If you would like to help BitUser, then please sign up.
http://www.bituser.com/forum/ucp.php?mode=register
Once again,
Thanks Minty White!
I don’t understand steps 3,4,5…and i tried so many times to without luck…can you please make a video for this?? Please help me…i’m a noob in Photoshop, but i’m learning but very slowly..
Can I get the PSD as a BMP so I can use it in programs other than Photoshop?