Text dipped in water

25/11/2008

Add a cool underwater effect applied to artistic text in a web-to-print template to it appear as it’s being immersed in liquid.

Web-to-print text dipped in water

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, set its horizontal alignment and turn it into a variable web-to-print field.

Backgrounds

Above water

Duplicate the background rectangular shape, scale the copied rectangle half way vertically and convert it to curves (Right click/Convert to curves).

Web-to-print gradient/

/

/

Assign a simple two color Linear fountain fill to the shape from the Object Properties docker (Alt+Enter).

/

/

/

Web-to-print wave shape/

/

Use the Shape Tool (F10) to curve the bottom edge of the rectangle and give it a wave shape.

/

/

Under water

Import the image that you will use as background and place it inside the background rectangle frame as a PowerClip. Select the PowerClip and convert it to a bitmap image.

Web-to-print backgrounds/

/

/

The result should be something similar to this.

Text frame

Duplicate the text frame. We’ll use one copy for the normal view above the water surface and the other one for the distorted view of the immersed text.

Above water

Select one text frame and place it inside the top shape as a PowerClip. Open the PowerClip (Right click/Edit content), click on the text frame and press “P” to center it on the page. Exit the PowerClip (Right click/Finish editing this level).

Web-to-print text inside PowerClip/

/

The result should be similar to this.

/

/

/

/

Under water

Web-to-print distortion tool/

The underwater text frame needs to appear distorted. Select it and click on the Interactive Distortion tool from the left toolbox menu.

/

You can use any type of distortion that you think works best, but, as a guideline, here are the distortion properties used in this template:

Web-to-print distortion settings

  • Select the Zipper Distortion option,
  • Set the value of the distortion amplitude to “20” and the distortion fequency to “0”
  • Activate both the Random and Smooth distortion options.

Web-to-print distorted text/

/

The result should be similar to this.

Contour

Web-to-print contour tool/

Select a dummy text and click on the Contour tool from the right tool box menu.

/

In the contour properties bar on the top menu:
/
Web-to-print center contour

  • Click on the Center contour icon.
    /

Web-to-print contour offset

  • Use the smallest contour offset value (0,025mm) to achieve the smoothest color transition.
    /

Web-to-print linear contour colors

  • Click on the Linear contour colors icon.
    /

/
Web-to-print fill color

  • Click on the fill color icon to set the fill color.

/

/

Web-to-print contoured text/

The result should be something similar to this.

//

/

/

Note. Use the same contour settings for both text frames.

Object order

Since only one half of each text frame needs to be visible, we’ll arrange the objects in a way that the PowerClip rectangle, containing the normal view text, ends up on top and the distorted text is underneath it and has it’s upper half covered by the PowerClip.

Web-to-print object manager/

/

Use the Object Manager (Window/Dockers/Object Manager) to arrange the objects.

/

/

Web-to-print text immersed in water/

/

/

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 text dipped in water/

/

Try this web-to-print template.

/

Download the FREE CorelDRAW template file.

/

/

See also: