Blending a photo

19/02/2009

User images uploaded into a web to print template can be blended with the rest of the design in a very creative manner. This posts explains how to use CorelDRAW transparency to blend a user photo with background

Web-to-print blended photo

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.
  • Import the image that you will use as the overlay and place it on top of all the objects.
  • Import the placeholder image, turn it into a variable image field and place it as the bottom layer.

In a nutshell, we’ll use a pattern image to overlay a variable image placeholder by assigning a custom transparency operation to it.

Overlay

First we need to assign the custom transparency to the overlay image.

Web-to-print overlay image
We used this flower photo as the overlay image.
Web-to-print placeholder image
We used this photo as the image placeholder.

Select the overlay image and activate CorelDRAW Transparency Tool from the toolbox menu on the left.

Web-to-print uniform transparency/

/

In the top settings bar, choose Uniform transparency as the Transparency type.

/

/

Web-to-print divide transparency operation/

/

Choosing the Transparency operation is important for achieving the desired Overlay effect. We went with Divide as the transparency operation.

/

/

Web-to-print overlayed image/

/

/

The result should be similar to this.

Frame

Let’s add some fun frame to our template.

Duplicate the bottom background rectangle shape, assign a No Fill to it and a small hairline outline.

Press Ctrl+Shift+Q to convert the outline to a object. Select the shape and activate the Artistic Media tool (I) from the toolbox menu on the left.

Use these settings as reference.

Web-to-print artistic media settings

Web-to-print photo frame/

/

/

The result should be similar to this.

/

/

/

Web-to-print blended photo/

/

Place the background rectangular shape on top of all the objects, asign a No Fill to it and place the created frame inside it as a PowerClip.

/

Web-to-print object manager/

/

/

CorelDRAW Object Manager (Window/Dockers/Object Manager) should look similar to this.

Preview

Here are a few before/after examples of how images appear after uploading.

Web-to-print before
Web-to-print after
Web-to-print before
Web-to-print after
Web-to-print before
Web-to-print after

All done!

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

Web-to-print photo blending

/

/

Try this web-to-print template.

/

Download a FREE CorelDRAW template file.

/

/

Here are some more tutorials on the subject:

See also: