spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

HOME | EXPERTS | GRAPHICS | Column1

Developer News
HP to Microsoft: Thanks for Nothing
iPhone Remains Left Out as Android Scores Flash
The Year of Living the OpenSocial
 

When to use drop shadows


There are three basic applications for drop shadows: text, objects, and Web page backgrounds.


Text- Text shadows best against a flat background, although a shadow can also be used to make text more readable against a photo or complex texture. Its usually a good idea to offset the shadow close to the text itself, which makes the text more legible and makes the shadow less distracting.


Objects- There are two approaches for shadowing objects. One is to silhouette the object against a flat background or texture. This is similar to the text treatment mentioned above. The other approach is to integrate the object seamlessly into another image. This compositing approach is addressed as an advanced technique later in this column.


When silhouetting an object against a flat background, soften the edges with a selection feather. It also makes sense to paste the object onto a light or dark background before reselecting and feathering the edges. This makes the feather light or dark, and helps integrate it into the background as it is placed on the page.


Background tiles-
A good use of drop shadows is in horizontal or vertical background tiles. This can add a real sense of depth to your page, with just a few steps. Simply create a horizontal/vertical file, create a column section, and add the shadow as shown to create a shadowed row or column.

Next page...

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

webref The latest from WebReference.com Browse >
Administering RBAC in PHP 5 CMS Framework · xref: Automatic Cross Referencing Script · Book Review: Content Rich
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Building Command Line Utilities with Python · fring Brings Mobility to Junction Networks' OnSIP · Another Big Win for Wi-Fi Positioning


All Rights Reserved. Legal Notices.

URL: http://www.webreference.com/graphics/
Created: Sep. 17, 1998
Revised: Sep. 17, 1998