Multicolor variable gradients

06/08/2009

You can create multiple color gradient fills by layering transparent variable color shapes in your web-to-print design. It’s a  similar technique to the two color variable gradient technique, but here users can choose individual colors of the multicolor palette.

Dynamic imaging multi color gradient/

/

Lets make a multicolor variable gradient background.

Before you start

Dynamic imaging before you start

/

  • Add a page frame to the web-to-print template (double click on the rectangle tool). This will create a rectangular background shape with the exact same size as the paper size of your template and place it as a bottom layer.
  • Select the background shape, duplicate it to end up with 4 equal shapes and assign different colors to them.
  • Assign variable colors to the shapes by naming the objects (Ex. Color 1, Color 2, Color 3 and Color 4)

/

In a nutshell, we’re going to layer 4 variable color shapes on top of each other and gradually assign linear transparencies to them.

Dynamic imaging layered shapes/

/

This preview shows the transparency borders of each shape separately and the formed gradient fill where all the shapes are on top of each other.

Transparency

Dynamic imaging transparency tool/

/

Start by selecting the top shape (Color 1), activate CorelDRAW’s Transparency tool and assign a small Normal linear transparency to the shape by dragging the cursor top to bottom.

/

/

Dynamic imaging top layer transparency/

/

/

The transparency should end somewhere at 1/4 of the shapes height.

/

/

Dynamic imaging variable gradient background/

/

Repeat the same step with the second and third shape moving the transparency border downwards for each one. The result should be similar to this.

All done!

Upload the template in your catalog and test it.

Users will be able to chose each of the gradient fill colors separately with a color picker.

Download the FREE CorelDRAW template file.

See also: