Fractured glass

21/01/2009

Create the illusion like a piece of glass is being shattered on top of the text in your design. Break your web to print template to pieces with the help of this cool technique.

Fractured glass web-to-print template

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.
  • Create one artistic text frame and turn it into a variable web-to-print field called Text.

/

In a nutshell, we will take a copy of the dummy text and PowerClip a larger version of it inside a group of abstract shapes that resemble broken pieces of glass.

Broken glass

Draw shapes

Lets start of by drawing a few abstract random shapes that will be the glass pieces.

Web to print polyline tool/

/

Use the Polyline tool or any other tool that can do the job.

/

Web to print broken shape/

/

/

/

The result should be similar to this.

/

/

/

/

/

/

Fountain fill

Web to print combine or weldSelect all the shapes with the Pick tool and click the Combine or Weld icon in the top menu to convert them all into a single curve.

Add some custom Fountain fill to them. As a reference, use these settings for the gradient.

Web-to-print fountain fill advanced settings/

/

/

The result should be similar to this.

/

/

/

/

Extrude

Web to print drag extrusion/

/

Select the Extrude tool, click on the shapes and drag.

/

/

Web to print bevel settings/

/

In the top settings bar, click on the Bevels icon and activate the Use Bevel and Show Bevel Only check boxes.

/

/

Web to print beveled edges/

/

/

The result should be similar to this.

/

/

/

/

Next, we need to separate the bevel group from the shapes since it will be static and we only need the shape between the beveled edges as a PowerClip container.

Web to print break bevel group apart/

Right-click on the Bevel group of the object in the Object Manager and click Break Bevel Group Apart (Ctrl+K).

/

The outcome should be a group of curves. Ungroup the shapes (Ctrl+U) and you should end up with:

  • the bevel edges,
  • the shape between the edges that will be the PowerClip container,
  • the shape that outlines both (You can delete this one since we don’t need it).

Crop

Group the bevel edges curves and place them inside a transparent (No Fill) copy of the background shape as a PowerClip. This is a fast way to crop the shapes.

Web to print intersectTo crop the shape that we’ll use as the PowerClip container, select it along with the background shape and click on the Intersect icon in the top bar.

Web-to-print cropped/

/

/

Keep the intersected copy and delete the original. The result should be similar to this.

Dummy text

Web-to-print dummy text/

/

Assign a Fountain fill to the dummy text similar to the one you used for the broken glass shapes earlier. A small outline might also help to make the text more readable.

/

/

/

/

Web-to-print PowerClip dummy text/

/

/

Copy the dummy text, set a larger font size to it and place the copy inside the broken glass shapes curve as a PowerClip (Effects/PowerClip/Place Inside Container).

/

/

/

/

Transparency

Activate CorelDRAW’s Transparency Tool and set a small 13% Uniform transparency to the PowerClip and a 50% transparency to the dummy text inside it.

Web-to-print transparency/

/

The result should be similar to this.

Final touch

Add a few random bling stars at the highlight points of the broken glass. Learn how to create the blings.

Web-to-print shattered glass/

/

/

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.

Fractured glass web-to-print template

/

/

Try this web-to-print template.

/

Download the FREE CorelDRAW template file.

/

/

See also: