Welcome to shell: revealed Sign in | Join | Help
in Search

Aero Glass Gradient Effect

Last post 05-05-2008, 4:19 PM by idas. 3 replies.
Sort Posts: Previous Next
  •  04-07-2008, 1:16 PM 7858

    Aero Glass Gradient Effect

    I've been wondering how you get that gradient effect in the non-client area of Aero windows with Glass (Transparency) enabled.

    Specifically, how do you make it such that it moves both when you resize the window horizontally and also when you move the window.

    From my own playing around I figure it's something like the following:

    1. Create a vertical linear gradient brush with a blend at various postions.

    2. Scale transform the width based on a fraction of the windows width. (For horizontal re-sizing efect)

    3. Rotate transform around about 143 degrees. (Angle the lines seems to run at)

    4. Negative translate transform to a fraction (something like 0.9) of the window's location. (Move lines relative to window position)

    Is this right or am I missing something? If its possible could you give a bit more insight into how it works. Creating a brush for the whole screen seems an expensive operation but I could not see any other way to get consistency in the lines as you move the window around.

  •  04-14-2008, 2:22 PM 7864 in reply to 7858

    Re: Aero Glass Gradient Effect

    Sorry, I'm not quite sure what you mean. Which gradient are you trying to use?
    Wake me up in 2010 for W7. For now I'm waiting for Vista to boot.
  •  04-17-2008, 12:06 PM 7866 in reply to 7864

    Re: Aero Glass Gradient Effect

    The transparent title bar effect that you get with aero. Look closely at it when you move it around and you will see there's actually a fair bit going on in the background apart from just transparency. It changes depending on the windows location and width.

    I know its all handled by the dwm but it is a cool effect. Just wondering how it's acheived.

  •  05-05-2008, 4:19 PM 7912 in reply to 7866

    Re: Aero Glass Gradient Effect

    i also not sure what you mean[also my english are poor].
    please open aero visual style[forexample with resource hacker]. there is a menu of adresses, find stream,(stream/850/1033, select 1033, then select Action , save as binary fily and  save it as a .png [you have to writte at the end of the named by you file  as png, for example STREAM.png file.open this png file. 
    at the right top there is a large square type  area that gives the glass lines effects thou i dont know where is the code that controling this kind of 'running' glass effect.
    On picture i have painted with a blue background and put it to white borders for see it better (right  part ).


    if you mean these i have made visual styles for windows vista with brushed style[changing this image area] or with not having image to this area[that means transparent as possible].
    but please be more specific if that could be [ is the code address you ask that 'transports' the image existing on stream of the aero visual style or what other or you are speaking for something other?]


View as RSS news feed in XML
Powered by Community Server, by Telligent Systems © 2006 Microsoft Corporation. All rights reserved. Terms of Use | Trademarks | Privacy Statement.