spacer

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

HOME | EXPERTS | GRAPHICS| column 38

Into the Shadows: Isn't a Shadow a Shadow?

     
 

Isn't a shadow on a graphic, just ... well, a shadow? Not even close. There are so many varieties of shadows that we will not even be able to cover them in this tutorial. I will be leaving one whole class of shadows, the perspective shadow to a second article. We will spend this whole time talking about ... plain old shadows.

I touched lightly on shadows in Photoshop Layers: The Freedom Tool a while back. Photoshop users should make that their first stop, since I am assuming you have the concepts and ideas presented their for this tutorial.

Also, another note for Photoshop users. I am now using Photoshop 6 to prepare these tutorials. However, have no fear if you are still using version 5.5. For the next few months, I will create double instructions if I am describing a technique that differs between PS 5.5 and 6. Since my topics are usually not based on special effects of any kind, the main difference will be in the screen shot appearance. I am a long way from assuming that every user now has Photoshop 6.

On the other hand, I do have my eyes open for places that version 6 can save you time, and will not hesitate to include that information for those of you who have the upgrade.

     

Three identical images with only shadow changes. Note how the default shadow, the bottom example, flattens our ball to a button.

 

Just the basics
Let's start right in with a very short review of basic shadows (yes, I know that some of you did not go to see the link above ... so I will take just a minute to go over it).

The most serious error designers make with shadows is thinking of it as an effect, and not representing something real. Shadows are used as a way to "raise" an object from the page. They trick our eye into believing that the object we are seeing is actually above the surface of the page or screen. When you see a page that seems to be alive with depth and dimension, you will, without exception, be looking at expert shadow work. The designer understands what a shadow is all about.

And a shadow is about light. Light falls on a three dimensional object and creates a shadow. But unless you have a 300-watt, bare light bulb pointed at an object, you are not likely to have a create a shadow that resembles the default setting in most graphics programs.

Let's take a look at the blue balls at the left. The final image has been created with the default shadow. It looked more like a ball when it had no shadow. In fact, this shadow has flattened it to looking like a button. I suppose if you brought a bare light down to almost touching a ball, you may get this effect, but certainly no other situation.

Notice the ball at the very top of the page and the one just above our flattened one though. Now we are working with effects that our eye can translate properly. In the first example, the ball appears to be floating far above the surface. In the second example, the ball seems to be just slightly above. But it is not only distance from the surface that is creating the illusion. Compare the two shadows. The shadow that is a long way from the object is lighter and slightly larger. When the ball is closer to the surface, the shadow is more defined and a little distorted.

If you are interested in creating life-life shadows, and in my opinion, if you are going to use shadows, you should, then you should start watching for how light and shadow work together. When the light is close, what does the shadow look like? When the light is soft, what happens to your shadow?

If you are really serious about adding dimension to your art, you should spend some time learning light principles from the traditional art world. We may have filters that do everything but dance, but they are not always so smart. If you understand the way that light works, you will be able to use the immense power of programs and plug-ins to create work that will compel all who view your work. The time is well spent.

     
 

At the very least, even if your interests do not range to producing "art," the next time you go to add a shadow, stop. Stop and ask yourself what you are trying to accomplish. If the answer is that you want to make something "look more interesting," you are making a mistake. If instead, you can answer that you want to make this image appear to be three dimensional with your light source coming directly from the top onto a white surface ... you're probably on the way to a great effect.

Let's move on to take a look how to manipulate your shadows.

   

Wendy Peck is a working Web designer and writer living in NW Ontario, Canada. http://wpeck.com

 

Next page

Into the Shadows Tutorial Index

Into the Shadows: Isn't a Shadow a Shadow?
Photoshop Shadow Basics
Photoshop Shadow Tricks
Paint Shop Pro Shadow Basics
Edit Paint Shop Pro Shadows
Separate PSP Shadows from Objects



Front Page23456


Developer News
MicrosoftÂ’s Automated Agent: Can We Talk?
Borland Finally Sells CodeGear
Red Hat Heads For The JON 2.0



JupiterOnlineMedia

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

Solutions
Whitepapers and eBooks
Microsoft Article: HyperV-The Killer Feature in WinServer ‘08
Avaya Article: How to Feed Data into the Avaya Event Processor
Microsoft Article: Install What You Need with Win Server ‘08
HP eBook: Putting the Green into IT
Whitepaper: HP Integrated Citrix XenServer for HP ProLiant Servers
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 1
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 2--The Future of Concurrency
Avaya Article: Setting Up a SIP A/S Development Environment
IBM Article: How Cool Is Your Data Center?
Microsoft Article: Managing Virtual Machines with Microsoft System Center
HP eBook: Storage Networking , Part 1
Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Intel Video: Are Multi-core Processors Here to Stay?
On-Demand Webcast: Five Virtualization Trends to Watch
HP Video: Page Cost Calculator
Intel Video: APIs for Parallel Programming
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Sun Download: Solaris 8 Migration Assistant
Sybase Download: SQL Anywhere Developer Edition
Red Gate Download: SQL Backup Pro and free DBA Best Practices eBook
Red Gate Download: SQL Compare Pro 6
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
How-to-Article: Preparing for Hyper-Threading Technology and Dual Core Technology
eTouch PDF: Conquering the Tyranny of E-Mail and Word Processors
IBM Article: Collaborating in the High-Performance Workplace
HP Demo: StorageWorks EVA4400
Microsoft How-to Article: Get Going with Silverlight and Windows Live
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Perl Pragma Primer · Implement Drag and Drop in Your Web Apps: Part 2 · How to Create an Ajax Autocomplete Text Field: Part 5
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
SQL Server 2005 Express Edition - Part 22 - Upgrading from Microsoft SQL Server Desktop Engine (MSDE) · Vyatta: Downgrades that Pay Off · NetMotion Brings Cross-Network Support to Wireless VoIP


URL: http://www.webreference.com/graphics/column38/
Created: October 26, 2000
Revised: October 26, 2000