spacer

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

Logo

HOME | EXPERTS | GRAPHICS| 3d dingbats

3D Dingbats: Gradient Shadows for Depth

 



The gradient tool in Photoshop 6 has many presets available as well as the capability to create and save your own. If you haven't spent much time exploring gradients and what you can do with them, I encourage you to explore Wendy Peck's series, Color Power with Gradient Fills. As Wendy states, "Study anything that seems to have wonderful depth or a feeling that it is beautifully crafted, and you will often find that gradient fills are providing the special qualities." You'll see below that the gradient fill is quite subtle indeed but yet highly effective. I think you will find how easy this tool is to use and how much fun it can be to explore possibilities.

As discussed on the previous page, we're ready to add a gradient fill to the color layer behind the shopping bag dingbat font.

A key component of doing dimensional artwork is to maintain a consistent light source and use that source consistently throughout. I chose the light source to be coming from the upper left, above the shopping bag. So it's critical to plan the components of the rest of this tutorial accordingly, the gradient fill for the blank lines to be filled with color, the Layer Styles to add dimension and character to the shopping bag area, and the perspective shadow done with Alien Skin Eye Candy. Each of these will be done with that upper left corner light source in mind.

Tip: If you haven't yet done dimensional work or even used drop shadows before, start looking around you wherever you are at various times throughout the day and evening. Notice the sunlight's effect on colors and shadows, how and where shadows are cast. And inside with a lightbulbs, do the same. Take a look at how the shadow is cast by a lamp, a chair, a shoe, anything and everything. Notice if it's a soft shadow that fades out or if it's a strong shadow with an abrupt end. Notice how the shadow distorts the shape of its image(s). Notice what shimmers and what colors the shimmers actually are and how the reflections are cast. By watching shadows and light and how light interacts with your daily life, perhaps in a different way than you used to, you'll be able to integrate your visions into your art with a little practice.

OK, now let's get on to adding the gradient fill to the color layer under the shopping bag that will fill the blank line spaces between the shopping bag panels in the dingbat font.

     


6. Make sure your shopping bag color is the foreground color on your Toolbar. (The background color doesn't matter right now.) Then click on the Gradient icon on the Toolbar.

Notice that the foreground color is the same as the gradient color in the Gradient toolbar? So you're all set to use it.

7. Also make sure that you're using the color layer under the shopping bag dingbat. The current layer is highlighted in the Layers box. Go ahead and click on this layer in the Layers box if it isn't currently highlighted.

     

8. On the Gradient toolbar, make sure that the boxes are checkmarked for Reverse and Transparency. Using the sample image to the left as a guideline, click and drag the gradient tool diagonally across the image from top left to bottom right.

     

shopping bag with color layer

You'll then need to adjust the Layer Opacity from 100% to 15% to provide good contrast. Once more, save your image again.

As I mentioned in the introductory paragraph above, this gradient is quite subtle, especially when the layer is reduced to 15% opacity. However, it's exactly these kinds of details that end up bringing your work to life. Attention to fine detail can help make your work stand out from the rest.

Now it's time to apply one of Photoshop 6's new Layer Styles to the dingbat font layer.

   

Next page

3D Dingbats Tutorial Index

3D Dingbats: Bringing a Dingbat to Life
Dingbats and Creativity
Preparing for Effects
Photoshop Shadow Tricks
Photoshop 6 Satin Layer Style
More Gradient Effects
Perspective Shadows with Eye Candy

Front page234567

Developer News
Mandrake Linux Founder Back, Virtually
Amazon: We're a Technology Company
Sun Expands MySQL With Closed Source

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

Whitepapers and eBooks

Intel Whitepaper: Comparing Two- and Four-Socket Platforms for Server Virtualization
IBM Solutions Brief: Go Green With IBM System xTM And Intel
HP eBook: Simplifying SQL Server Management
IBM Contest: Are You the Next Superstar? Join the "Search for the XML Superstar" Contest to Find Out
Microsoft PDF: Top 10 Reasons to Move to Server Virtualization with Hyper-V
Microsoft PDF: Six Reasons Why Microsoft's Hyper-V Will Overtake Vmware
Microsoft Step-by-Step Guide: Hyper-V and Failover Clustering
Intel PDF: Quad-Core Impacts More Than the Data Center
Intel PDF: Virtualization Delivers Data Center Efficiency
Go Parallel Article: PDC 2008 in Review
Microsoft PDF: Top 11 Reasons to Upgrade to Windows Server 2008
Avaya Article: Communication-Enabled Mashups: Empowering Both Business Owners and IT
Intel Whitepaper: Building a Real-World Model to Assess Virtualization Platforms
  PDF: Intel Centrino Duo Processor Technology with Intel Core2 Duo Processor
Microsoft Article: Build and Run Virtual Machines with Hyper-V Server 2008
Go Parallel Article: Q&A with a TBB Junkie
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
IBM eBook: The Pros and Cons of Outsourcing
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
HP eBook: Guide to Storage Networking
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
webref The latest from WebReference.com Browse >
Popular JavaScript Framework Libraries: An Overview - Part 3 · Accessing Your MySQL Database from the Web with PHP · Working with the DOM Stylesheets Collection
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Crucial Triples Up With New Three-Channel DDR3 Kits · Meet the Finalists: Excellence in Technology Awards · Tealeaf Offers Insight to Mobile Customer Behavior


URL: http://www.webreference.com/graphics/guest/3d_dingbats/
Created: November 10, 2000
Revised: November 10, 2000