Text slide


Learn how to create a variable web-to-print text that appears like it’s coming from the background simulating a sliding shape with its motion.

Web-to-print text slide

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 page size of your template and place it as a bottom layer.
  • Input the dummy text and turn it into variable web-to-print field.

In a nutshell, we’re going to blend two differently sized copies of the same text frame together and add a transparency effect to the blending group.

Blending dynamic imaging fields

Web-to-print text frames

Start by selecting the dummy text frame and duplicate it, placing one copy at the bottom and the other one at the top. Change the colors of both text frames so that they are different.

Change the font size of the text frames so that the bottom one is bigger and the top one.

Web-to-print text frames position

The bigger (bottom) text frame must be above the smaller (top) one in your Object Manager (Window/Dockers/Object Manager). This is important because the blending effect we apply later needs to go from the foreground text to the background one.
CorelDRAW blend

Activate CorelDRAW Blending tool from the toolbox menu on the left, click on one of the dummy text frames and drag towards the other one.
Web-to-print blended text frames

The result should be similar to this.
CorelDRAW move blending slider

To achieve the “slide” effect curvature, you need to bring the Blending tool slider node closer to the bottom text frame.
Web-to-print blending curvature

The result should be similar to this.

As you can see, the blending is too fragmented at the moment. To make it seamless we need to add more blending steps. You can use these blending settings as a reference.

CorelDRAW blending settings

Web-to-print text slide blending steps

The result should be similar to this.


Let’s make the background (origin) text frame be more visible and readable.

Select the blending group by clicking somewhere on the slide, activate CorelDRAW Transparency Tool and assign a 90% uniform transparency to it with the Normal transparency operation.

CorelDRAW transparency settings

Web-to-print text slide transparency

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. This is a dynamic imaging template but the technique can be applied to web-to-print templates as well.

Download the FREE CorelDRAW template file.

See also: