The ultimate CorelDRAW and Corel PHOTO-PAINT learning experience! Get CorelDRAW Unleashed Boot Camp details! The ultimate CorelDRAW and Corel PHOTO-PAINT learning experience at sea! Get CorelDRAW Unleashed Boot Camp Cruise details! 932 page multimedia ebook for getting the most from CorelDRAW X4! Get CorelDRAW X4 Unleashed!

Fade to Blank

© 2007 by David Troidl, All Rights Reserved.

Old graphic styles don't die, they just fade away.

Transparency is all the rage nowadays. We've been using simple transparency in CorelDRAW for a long time. When I finally broke down and downloaded Jeff Harrison's great video, How to Export PNG's with Transparency From CorelDRAW, I got inspired. It answered some questions I had been using some complicated workarounds to deal with.

So why is it important to export with transparency? One of the biggest drawbacks of CorelDRAW is that its file formats are not widely supported. To get a vector graphic from CorelDRAW to my icon editor, to make a desktop icon, is no easy matter. To make a custom shape for a splash screen in one of my Visual Basic programs gave me headaches. And of course Web graphics, on anything but an unchanging solid background, require transparency. Especially now that IE-7 has freed us from ugly gray rectangle syndrome.

Our title graphic illustrates some of the modern uses of transparency. To construct it:

1. Start with a rectangle 6" × 1.75"
2. Fill it with a medium color. (I used R: 64, G: 160, B: 255.)
3. Using the Interactive Transparency Tool, drag from the upper right corner to about a half inch in from the lower left. (Figure 1 below)


4. It still looks a bit clunky. So what I did was to take the Interactive Fill Tool and drag straight down from the top to the bottom. This automatically takes the object color for its starting color and blends it to white (CMYK). Make sure you drag an RGB white to the end color box. This approach only works because I know the shape will be placed on a white background. (Figure 2 below)

Now for the text:

1. I have 72 pt text, using Abbey-Medium. The font is available from the free font sites on the Internet, but feel free to use your favorite font. Dom Casual BT makes a good substitute.
2. The color is orange. (R: 255, G: 160, B: 64)
3. Duplicate the text using the + key.
4. Grab the top center handle of the text, hold the Control key, and pull down to invert the text. (Figure 3 below)


5. Keep the inverted copy selected and in Zoom Levels, choose To Selected.
6. Now take the Interactive Transparency Tool again. Drag from the upper edge of the inverted text to about halfway down the text. Then drag a 70% Black to the upper color box. This is the reflection.
7. Finally, use the Interactive Drop Shadow Tool to drag a short shadow from the bottom of the main text. I'm using a Drop Shadow Angle of 34° and a Drop Shadow Stretch of 50.
8. Switch back to a normal Zoom level. Group the text and reflection together and align them with the bottom left of the rectangle. (Figure 4 below)

For the top line of the title graphic:

1. Make sure Dynamic Guides are on (if you're using CorelDRAW 12 or X3), and drag a rectangle that aligns with the top of the text and the top and width of the original rectangle. OR
2. For older versions, make a 6" × 0.5" rectangle at the top of the original rectangle. Make a horizontal line the width of the rectangle. Align the line to the top of the text. Align the bottom of the narrow rectangle with the line. Delete the line and drag the top sizing handle of the rectangle down to the top of the original rectangle.
3. Fill the rectangle with a soft color. (I'm using R: 247, G: 230, B: 238.)
4. With the new rectangle still selected, take the Interactive Transparency Tool and in the Property Bar, select Copy Transparency Properties. (Figure 5 at right) Then click the original rectangle to copy the same transparency.
5. Add your text at 24 pt, aligned to the bottom left of the new rectangle. (I'm using Junicode, an excellent Unicode font available under the GNU public license, from http://junicode.sourceforge.net/.)

Gel Stripe

I'm including "Gel Stripe.cdr" with the tutorial to use in illustrating other transparency techniques. So open that file now, or import it into your current document. (Figure 6 at right) One thing you might like to do, if you want to use a graphic like this for a desktop icon, is add a glow that will allow the desktop background to show through.

1. Make a 2" square with 50% rounded corners to match the shape of the graphic.
2. Give it a solid fill and no outline. (I'm using orange: R: 255, G: 160, B: 64)
3. Use the Interactive Drop Shadow Tool to drag a shadow straight down 0.25".
4. Change the Drop Shadow Color to R: 255, G: 128, B: 0. (Figure 7 below)


5. Under the Arrange menu, point to Order, and select To Back.
6. Now select Gel Stripe, shift-select the orange rectangle, and press C, E, to place the glow beneath the graphic. (Figure 8 below)


7. At this point, you could export the result as a transparent PNG. (See Figure 9 below) Check out Jeff Harrison's video, How to Export PNG's with Transparency From CorelDRAW, to do this.

Another possibility is to make your graphic appear to be set into the background.

1. Start with a 2.5" square with 60% rounded corners.
2. Fill it with Black and no outline. (Figure 10 below)


3. Now make a 2" square with 50% rounded corners, centered in the first square, also Black with no outline.
4. Select the large square and take the Interactive Transparency Tool. In the Property Bar, set the transparency to Uniform, 100%.
5. Then select the inner square and apply a Uniform 90% transparency.
6. Now use the Interactive Blend Tool to blend the two squares. (Figure 11 below)


7. Under the Arrange menu, point to Order and select To Back.
8. Then center Gel Stripe in the inset. (Figure 12 below)


9. Again, if you export it as a transparent PNG, it will appear set into the background. (See Figure 13 below)

One final idea:

1. Take another copy of Gel Stripe and ungroup it.
2. Select the inner orange rectangle. (Figure 14 below)


3. Take the Interactive Transparency Tool, and in the Property Bar, set the transparency to Linear.
4. Now drag the white color box to the bottom of the orange rectangle and the black color box to the top. (Figure 15 below)

This gives a more subtle blend in the Gel graphic. (Figure 16 below) And that finishes our survey of transparency techniques. Now make something great. And feel free to take apart Gel Stripe and see how I did that!

SVG—From CorelDRAW to Your Browser · Fade to Blank · Spirograph Gold · CorelDRAW 12 Breaks the Unicode Barrier · Gel Geometry in CorelDRAW

CorelDRAW X4 Unleashed 932 page multimedia ebook with 11.5 hours of tutorial movies for getting the most from CorelDRAW X4! Also available is the Premium Bonus Content Edition with Powertips and a Corel PHOTO-PAINT book.

The ultimate CorelDRAW and Corel PHOTO-PAINT learning experience! Get CorelDRAW Unleashed Boot Camp details! Download Boot Camp Flyer!