XP icons were a great advance from the classic look of those developed for previous releases of Windows.
This time, Vista(TM) allows the implementation of 256 x256 icons, with fading shadows, which can have a lot more of details and interesting graphic options.
However, in order to make an appropriate Vista(TM) icon that has seamless unity with the general look of other icons, there are some facts about lights and shadowing that you must keep on mind.
As long as several icon images are to be presented with perspective (a kind of low birds-eye view) you need to visualize the correct source of light.
The standard for Vista(TM) is a parallel light that comes from the front-left side of the object.
The idea of placing the light that way is to enhance the feeling of a solid object standing on the screen.
Now this same source of light calls for a natural shadow that sets the object into its surroundings.
A convenient way to achieve such effect is to take the overall shape of the object, filling it with black, and then skewing it until you get the same angle of the right side vanishing point.
Next, fade the shadow just as it happens in real world: closer to the object the shadow is heavier, and the far part of the shadow smoothly dissolves to transparent.
It is also important to consider that the shadow should not be cut out at the border of the whole icon, so make the object a bit smaller than the canvas if tends to be voluminous.
The correct way to adjust the length of the shadow is to shorten it without changing the angle of the perspective.
About the opacity of the shadow, it is recommended to use values between 30-50%.
Objects with overlapping parts need to have its respective inner shadows as well as floating parts also will project shadows at the "floor" level of the perspective.
Due to this, don't forget to make a proper adjustment of the size of the object in order to have enough space in the canvas for shadows.
Finally, in the case of flat objects (such as those intended for depicting different types of files and documents) a drop shadow layer effect (with an upper-left light source, at 130 degrees) will be enough to give the appealing sensation of spatiality.
Another smart way to get the best results for icons to be used in Vista(TM) is to visit the huge imagery available at www.
iconshock.
com where you can find professionally made icons or request the creation of custom ones.
This time, Vista(TM) allows the implementation of 256 x256 icons, with fading shadows, which can have a lot more of details and interesting graphic options.
However, in order to make an appropriate Vista(TM) icon that has seamless unity with the general look of other icons, there are some facts about lights and shadowing that you must keep on mind.
As long as several icon images are to be presented with perspective (a kind of low birds-eye view) you need to visualize the correct source of light.
The standard for Vista(TM) is a parallel light that comes from the front-left side of the object.
The idea of placing the light that way is to enhance the feeling of a solid object standing on the screen.
Now this same source of light calls for a natural shadow that sets the object into its surroundings.
A convenient way to achieve such effect is to take the overall shape of the object, filling it with black, and then skewing it until you get the same angle of the right side vanishing point.
Next, fade the shadow just as it happens in real world: closer to the object the shadow is heavier, and the far part of the shadow smoothly dissolves to transparent.
It is also important to consider that the shadow should not be cut out at the border of the whole icon, so make the object a bit smaller than the canvas if tends to be voluminous.
The correct way to adjust the length of the shadow is to shorten it without changing the angle of the perspective.
About the opacity of the shadow, it is recommended to use values between 30-50%.
Objects with overlapping parts need to have its respective inner shadows as well as floating parts also will project shadows at the "floor" level of the perspective.
Due to this, don't forget to make a proper adjustment of the size of the object in order to have enough space in the canvas for shadows.
Finally, in the case of flat objects (such as those intended for depicting different types of files and documents) a drop shadow layer effect (with an upper-left light source, at 130 degrees) will be enough to give the appealing sensation of spatiality.
Another smart way to get the best results for icons to be used in Vista(TM) is to visit the huge imagery available at www.
iconshock.
com where you can find professionally made icons or request the creation of custom ones.
SHARE
