Surface text

21/11/2008

Sometimes a text needs to blend with the background perfectly to give an illusion of it being written on the surface. This technique comes in handy when trying to make your web-to-print template appear more realistic.

Web-to-print surface textGraffiti web-to-print template

/

This effect is achieved by using a slightly modified version of the background image as a text fill. In this example we only changed the color and the image retains all the textures and imperfections. This way, the text fill is consistent with the background and appears like it is written on the surface.

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.
  • Import the image that you will use as background and place it inside the background frame as a PowerClip.
  • Input the dummy text, set it’s horizontal alignment and turn it into a variable web-to-print field.

Positioning

Since this effect will be achieved by using a modified copy (Ex. Different color balance) of the background image as the text fill, positioning the two images is a key element. The easiest way is center both the background and the text fill image on the page (center objects by selecting them and pressing “P” on the keyboard).

Web-to-print uncropped image/

/

/

/
Although this approach is simpler, it causes the template’s file size to be larger than it should since the PowerClip image contains parts that are not needed.

/

/

/

In this example we’ll use the more practical approach and crop parts of the image that we don’t need.

Web-to-print convert to bitmapSelect the background shape containing the background image and go to Bitmaps/Convert To Bitmap.

Note. Use bitmap settings according to the templates purpose (display or print). Read more about image quality.

Web-to-print draw rectangle/

/

Use the Rectangle tool (F6) to draw a rectangle large enough to fit the dummy text. This will be the cropped size of the background image that we’ll place inside the text as a PowerClip.

/

/

Web-to-print rectangle coordinatesCopy the coordinates of the rectangle’s position from the top menu.

We’ll use these values later to position the text fill at exactly the same position.

/

Web-to-print inside th PowerClip/

/

Duplicate the background image and place the copy inside the rectangle as a PowerClip.

Center the image inside the PowerClip by right clicking on the rectangle, Edit Content, select the image, press “P” and exit (Right click/Finish Editing This level).

/

/

Convert the rectangle to a bitmap image (go to Bitmaps/Convert To Bitmap).

We now have both images. The full size image that will be the template’s background and the cropped image that we’ll use as the text fill.

Web-to-print place inside container/

/

Select the text fill image and place it inside the dummy text as a PowerClip.

/

Web-to-print paste position coordinates/

/

/

Right click on the dummy text, Edit Content, select the image and input the same position coordinates that you copied earlier.

/

Exit the PowerClip and check to see if the images are perfectly aligned on top of each other.

Text fill

It’s time to edit the image that we placed inside the dummy text as a PowerClip. Right click on the dummy text/Edit Content and select the image.

UPDATE: You can use the method explained below, but you can achieve the same result easily by assigning a custom transparency operation to the image with CorelDRAW’s Transparency Tool.

Web-to-print edit bitmap/

Click the Edit Bitmap icon in the top menu.

/

This opens the image in PHOTO-PAINT, Corel’s image editing application. You can use it to make any changes to the image you want. This time we’ll just make few adjustments to achieve a contrast between the text and the background in the template.

/

/

/

Press Ctrl+Shift+B to edit the color balance of the image.

/

/

/

/

Press Ctrl+B to edit the Brightness / Contrast properties./

/

Web-to-print text fill/

/

/

The result should be similar to this.

/

/

/

/

Close Corel PHOTO-PAINT and confirm the changes. This will bring you back in CorelDRAW and the text fill image that we just modified should be automatically updated.

All done!

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

Web-to-print surface text/

/

Try this web-to-print template.

/

Download the FREE CorelDRAW template file.

/

/

/

See also: