Cool shading

14/12/2008

Take shadows and light sources to the next level. This technique helpa you add a cool realistic shading effect to text in your web-to-print template. The idea is to create an illusion of an object is casting its shadow on the template and letting raise of light pass through and highlight parts of the design.

Web-to-print cool shading

Before you start

Web-to-print before you start

  • Add a page frame (Layout/Page Setup/Add Page Frame). This will create a rectangular shape with the exact same size as the paper size of your template and place it as a bottom layer.
  • Input the dummy text and turn it into a variable web-to-print field.

/

In a nutshell, we’ll create some stream shapes and assign custom shadow and transparency effects to make them blurred and see-through, thus simulating light streams.

Background

Web-to-print background fountain fill/

/

/

First let’s add a gradient to the background. Select the background shape and assign a radial fountain fill to it.

Drag the darker color center to the bottom right corner.

/

/

Web-to-print background fill/

/

The result should be similar to this.

Dummy text

Web-to-print text fountain fill/

/

Duplicate the dummy text and add a custom linear fountain fill to the copy.

/

/

Web-to-print bottom text offset/

Select the original solid white colored dummy text under the copied one and offset it by only a few pixels to the top left. This is a simple way to achieve the illusion as if the characters are highlighted on the side of the light source.

/

Web-to-print text highlight/

/

The result should be similar to this.

Shadow

Text shadow

Select the bottom dummy text frame and assign a small bottom-right drop shadow using the Drop Shadow tool from left tool box menu.

Web-to-print test shadow settings

Web-to-print text shadow/

/

/

The result should be similar to this.

/

/

/

/

Shadow streams

Web-to-print shadow strips/

Next we want to create some streams of natural shadows. To achieve this, we’ll start with the Rectangle Tool and draw a few different rectangles. Combine them all into a single curve (Right click/Combine).

/

Web-to-print add perspective/

/

/

Add a perspective to the shadow streams. Go to Effects/Add Perspective and drag the corner nodes to achieve the desired perspective.

/

/

/

/

Now it’s time to make those lines look like shadow streams. First let’s get rid of the sharp edges by adding a small glow shadow to the shapes. Select the shape and click on the Interactive Drop Shadow tool. Select Small Glow preset from the drop down preset list. You can use these settings:

Web-to-print small glow settings

Next, add a transparency effect to the shadow streams. Activate CorelDRAW’s Transparency Tool from the tool box menu on the left and assign a uniform transparency.

Web-to-print transparency settings

PowerClip

Web-to-print object manager

/

The final step is to place the shadow streams in a PowerClip on top of all the other objects. Add another page frame and move it to the top of the layer (Layout/Page Setup/Add Page Frame).

Note. Since this rectangle needs to be transparent, assign a No Fill to it from the color palette.

/

Web-to-print cool shading/

/

Select the shadow streams curve and place it inside that shape as a PowerClip.

The result should be similar to this.

All done!

Our web-to-print software can handle this effect easily! Upload the template into your catalog and test it.

Web-to-print cool shading

/

Try this web-to-print template.

/

Download the FREE CorelDRAW template file.

/

/

/

/

Note. This technique was inspired by a Photoshop Tutorial on psdtuts.com

See also: