VistaStyleBuilder

Other => Other => Topic started by: garbanzo on August 12, 2009, 11:20:28 am



Title: graphic request: square shadows
Post by: garbanzo on August 12, 2009, 11:20:28 am
i've been messing with the window shadows in the stream, trying to get them squared off to match my square window borders, but i'm having a rough time with it. i just can't visualize how they're put together to form the final shadow effect.

has anyone made shadows with square corners? or perhaps you know an existing VS with square shadows i can look at?

a little help would be much appreciated :D


Title: Re: graphic request: square shadows
Post by: mdtauk on August 13, 2009, 12:00:38 am
Its quite simple really...

(http://mdta.thetvroom.com/aero-shadow.jpg)

The Red areas are the DWM Frame Top and Bottom Images for the frames with shadows

The Blue areas are the DWM Left and Right for shadowed and shadowless frames

The Yellow areas are the shadow left and right images

The green are the shadow top and bottom images.


Its important the widths of the left and right shadows, fit with the width of the top and bottom images, so it all lines up.


Title: Re: graphic request: square shadows
Post by: madalien on September 29, 2009, 12:30:22 pm
this post made my day!

thx alot!


Title: Re: graphic request: square shadows
Post by: Felipe on March 18, 2013, 09:17:36 pm
I still don't quite understand how this works. If I wanted uniform shadows, would I simply resize the top, bottom, left, and right shadows to all be the same size?

Also... I've made a mock frame with shadows, but I have no idea how to translate this into WSB... Could someone explain this better? Are the shadow images stretched... How could I achieve uniformity? I imagine I would adjust the margins so it tiles a single pixel of width or length.

Thank you.


Title: Re: graphic request: square shadows
Post by: Panda X on March 18, 2013, 10:00:34 pm
The shadows are drawn like this:

(http://i.imgur.com/bBrA1V5.png)


The top and bottom span over the side shadows so they're larger.

If your window has rounded borders then the yellow part will need to be a part of the frame image.

The easiest way is to create a square in photoshop with a drop shadow, and just cut it to match the image above.


Title: Re: graphic request: square shadows
Post by: Felipe on March 22, 2013, 01:55:38 am
I've done that, but the side and top shadows do not meet correctly.

Any idea why they would not blend correctly?


Title: Re: graphic request: square shadows
Post by: Mr GRiM on March 22, 2013, 08:27:55 pm
I've done that, but the side and top shadows do not meet correctly.

Any idea why they would not blend correctly?

Make sure the the shadow image on the top has the same width from the edge of the frame as your side shadow images, otherwise they will not align, hope you understand what I mean.

By the looks of it you have to much of a gap, too much width from the edge of your top shadow image, either reduce the space on the edges of your top image or increase the width of your side shadow images.