Jump to content


Photo
* * * - - 1 votes

Aero Glass.


  • Please log in to reply
5 replies to this topic

#1 chelsea

chelsea

    Young Padawan

  • Members
  • Pip
  • 41 posts

Posted 09 July 2007 - 01:20 PM

Hello,
In this tutorial you will learn how to create an glass bordered window just like
Windows Aero Glass.

Result

1) Open a new document 500x500 px. and fill it with this color #656565.

2) Choose the Rounded Rectangle Tool Posted Image , and use these settings.
3) Make it 412x412px. Like so (Tip: press F8 to get info window).

4) Enter layer style (double click the layer not the layer's name} and follow these
settings [Pic 1] | [Pic 2] | [Pic 3] and name it Glass Layer.

5) Choose the Rounded Rectangle Tool Posted Image. again and use these settings, this time make it 400x377 px.
and place it like this
Enter layer style (double click the layer not the layer's name} and follow these
settings: [Pic 1] | [Pic 2] and name it Inner Window.

6) Now download this reflection map and load it into your current workspace,
place it above the glass layer and below the inner window layer.
Load the selection by Ctrl+Clicking the Glass Layer [ctrl click Posted Image ], Make sure that the reflection map layer is selected and add Layer Mask by clicking this icon [Layer Mask Posted Image ].

7) Create a new layer [above all] ctrl+click again the Glass layer and select the Gradient tool Posted Image
in these settings make sure that white is your foreground colour and do this:
from left to right [ like this ].
Duplicate the layer by pressing ctrl+J, then free transform by pressing ctrl+T then right mouse click
and select Flip Horizontal apply it then aling it with the Glass layer and press ctrl+E it will merge the layer below.
lower the opacity of the layer to 60% - 50% Posted Image and name it Highlights.

8) Ctrl+click the Glass layer then press Q [don't panic the red is ok :) ], now go to Filter> Other> Minimum. [ Filter Min ]
this will pop Posted Image. make sure the radius is 1 px. then OK.
Press Q again. now make a new layer on top of all the other one's then go to Edit> Stroke, use these settings
Enter layer style (double click the layer not the layer's name} and follow these settings: [Pic 1] | [Pic 2] | [Pic 3]
apply it, and you're done! ;) .

*Note: you will get a trans lucid window so be sure to place your final composition
onto a picture of some kind I prefer landscapes.

Show me your results!. [any questions just ask]

The buttons are a bit more complicated if you want to I can provide you with them :D.

#2 Donna

Donna

    Retired P2L Queen!

  • P2L Staff
  • PipPipPipPip
  • 12,330 posts
  • Gender:Female
  • Location:B.C Canada

Posted 09 July 2007 - 02:40 PM

Nice tut although it's not giving the true aero glass effect, great tutorial on this is http://www.13dots.co...showtopic=13446

I feel it would be better with all your images inside instead of having to keep clicking.

#3 albinoAZN

albinoAZN

    Albinos Are Extinct!!!

  • Members
  • PipPipPipPip
  • 1,139 posts
  • Gender:Male
  • Location:Mississippi, USA

Posted 09 July 2007 - 08:17 PM

I agree with donna. Make the images actual images instead of links.

But, I like your result better. It has the gradients on the window that 13dots' tutorial doesn't have. Their X + - buttons are better though.

#4 velocity

velocity

    Young Padawan

  • Members
  • Pip
  • 6 posts

Posted 14 July 2007 - 07:18 PM

nice tut but like donna and albinoAZN said make the images actual images not links

#5 1mJohnny5

1mJohnny5

    Young Padawan

  • Members
  • Pip
  • 9 posts

Posted 20 July 2007 - 09:10 AM

Looks pretty good! good job!

#6 keetynice

keetynice

    Young Padawan

  • Members
  • Pip
  • 1 posts

Posted 04 September 2009 - 08:46 PM

I'm sure you can play with them.
lazer tattoo removal cream before and after free cost the tattoo removal cream blog tells you about cost and creams to buy lazer tattoo removal cream before and after free cost




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users