Category: 

What Is a Drop Shadow?

Article Details
  • Written By: T. Carrier
  • Edited By: John Allen
  • Last Modified Date: 21 September 2016
  • Copyright Protected:
    2003-2016
    Conjecture Corporation
  • Print this Article
Free Widgets for your Site/Blog
Roughly one-fifth of the world's stock of gold - worth over $200 billion USD - is stored under the streets of London.  more...

September 30 ,  1949 :  The Berlin Air Lift ended.  more...

A drop shadow is a term used in computer graphics. It refers to a computerized drawing placed underneath or near an object on the screen. This graphic simulates a shadow effect, so it is typically a dark facsimile of the original object placed on a light background.

Drop shadows are primarily used for stylistic effect. They make an otherwise flat object appear somewhat dimensional by giving the illusion that is it raised above its surroundings. Further realism can be achieved by giving the shadow soft edges or by making the shadow darker in certain places. The former effect is often achieved via a method known as a Gaussian blur, whereas darkening can occur through alpha blending. A blending technique is particularly effective if the foreground object is somewhat translucent.

These flourishes were one of the first effects popularized in computer design. They became widely used because drop shadows were a means of adding some style to text or objects without having to significantly change any other aspect of the document. Some unusual variations of the traditional form included checkered backgrounds, floating backgrounds, and forms with slight color variations known as gradient fills.

Ad

Many aspects of computer graphics utilize the drop shadow image. Websites may utilize drop shadows in order to draw attention to certain written passages or images, or as an overall background effect. Drop shadows can operate on both graphics and words in individual computer documents, making these objects more legible and clear if set against a plain background, or particularly a cluttered background. Many graphical user interface components like icons also contain drop shadows. Since these components allow computer users to directly interact with what is presented on a screen, it is usually important that they are highlighted in some manner, such as with a drop shadow.

Encoding a drop shadow into a document must usually be achieved via a style sheet language. These are the marks and directions that an individual uses to create the look of a computerized document. In general, certain symbols and marks, known as mark-up language, are placed around text or instructions, and these symbols and marks will direct a program to create a certain effect on-screen, like drop shadows. One of the most used forms of style sheet language is Cascading Style Sheets (CSS).

Photo editing software often has the drop shadow as an effect option as well. Editing techniques typically involve adding layers of revisions and effects to an original picture. When using drop shadows in software, the user is often presented with a menu that guides him or her through the process. These menus allow different aspects such as the shadow's color and angle to be fine-tuned.

Ad

You might also Like

Recommended

Discuss this Article

Post your comments

exception 'Exception' with message 'error writing captcha: Duplicate entry '2147483647' for key 'PRIMARY'' in /ssd/www/wisegeek/public_html/_core/classes/public/Captcha.php:44
Stack trace:
#0 /ssd/www/wisegeek/public_html/_core/controls/public/ControlDiscussionPostBox.php(324): Captcha->createCaptcha()
#1 /ssd/www/wisegeek/public_html/framework/classes/Control.php(104): ControlDiscussionPostBox->preRender(false)
#2 /ssd/www/wisegeek/public_html/framework/classes/Control.php(149): Control->render()
#3 /ssd/www/wisegeek/public_html/tpl/default-nocustom-lu/pages/public/article/article.htm(526): Control->__toString()
#4 /ssd/www/wisegeek/public_html/framework/classes/Control.php(300): require('/ssd/www/wisege...')
#5 /ssd/www/wisegeek/public_html/framework/classes/Control.php(309): Control->requireTpl('pages/public/ar...', Object(PageArticleCom), true)
#6 /ssd/www/wisegeek/public_html/framework/classes/Control.php(131): Control->renderTpl('pages/public/ar...', Object(PageArticleCom))
#7 /ssd/www/wisegeek/public_html/framework/classes/FormDataControl.php(87): Control->renderTemplate()
#8 /ssd/www/wisegeek/public_html/framework/classes/Control.php(109): FormDataControl->renderTemplate()
#9 /ssd/www/wisegeek/public_html/framework/classes/ScriptPage.php(50): Control->render(false)
#10 /ssd/www/wisegeek/public_html/framework/classes/Control.php(149): ScriptPage->render()
#11 /ssd/www/wisegeek/public_html/framework/classes/Page.php(97): Control->__toString()
#12 /ssd/www/wisegeek/public_html/_core/classes/public/PublicFrontController.php(443): Page->processRequest()
#13 /ssd/www/wisegeek/public_html/_core/classes/public/PublicFrontController.php(7): PublicFrontController->renderPage()
#14 /ssd/www/wisegeek/public_html/index.php(11): PublicFrontController::run()
#15 {main}