PI5 Fadeout Flower Collage


fadeout flower collageIf you'd like to make collages, but you're not good with masks, you're going to be crazy about the new PI 5.0 Fadeout feature. To perform a gradual transparency, just choose Edit, Fadeout. Select a two color or multiple color gradient mask and you're on your way!

In this tutorial I'm going to show you how to make a fadeout flower collage. We'll blends 3 flower images into a textured background using Fadeout. Then we'll edit each flower's Merge method, transparency and soft edge in the Properties box. 

For the collage background, I wanted a dense texture that would go well with the green, blue and pink of the flower image. One of my favorite sources for textures is the bonus CD that came with PI 4.2. Put it in your computer and navigate with File, Visual Open to the Textures folder, Abstract 2, and open up 12011.jpg. 

The colors aren't exactly right for the flower image, so choose Format, Hue & Saturation. We're going to turn the texture to mostly greens and blues by entering the values shown in the box shown below.

Hue & Saturation values

The background texture is a huge file, 816 X 1056 pixels. To make it the right size for the collage, right click and select All. Right click and convert to object. Select the Transform tool. In the Attributes toolbar, choose Freely Transform. Hold down on the Shift key while dragging on a control point to resize the texture to about half its original size. Copy the smaller texture into the Clipboard.

Choose File, New and create a new file 400 wide X 300 pixels high. Paste the Clipboard contents into the new image. It will be way too big, so move it around until it looks like the one shown below.  

background texture

Close out the large textured image, since we don't need it anymore. Now do File, Visual Open and navigate to the PI 5.0 Samples folder on your hard drive. Open up Lotus. Make a selection around the image and Edit, Crop to get rid of the narrow black "border" on the image. Choose Format, Dimensions, and enter 50%. Make sure that "Keep aspect ratio" is selected.

flower image

Copy the flower image into the Clipboard, then Paste it into the textured image. Choose Web, Frame Designer, Edge Frame Gallery. Select the frame shown below and click OK. Use the selection tool to position the flower in the upper left corner of the image. 

edge frame

Choose Edit, Fadeout. In the Fadeout box, click in the Multiple colors box. When the Palette Ramp Editor opens, select Palette 7, and the fill type from left to right.  Click OK. 

Fadeout for flower #1

You will see that the left and right edges of the flower image fade. The dark colors in the gradient make that part of the image transparent, while the white in the gradient has little effect on its transparency. 

Paste another copy of the flower image into the textured background. Choose Web, Frame Designer, Edge Frame Gallery. Select the frame shown below and click OK. Use the selection tool to position the flower in the middle of the image. 

frame for second flower image

Choose Edit, Fadeout. In the Fadeout box, click in the Multiple colors box. When the Palette Ramp Editor opens, select Palette 8. Choose the radial fill type and click OK. 

Fadeout for flower #2

You will see that the flower looks like a circular ripple on the surface of water. Again, the light and dark parts of the gradient affect transparency.

Paste a third copy of the flower image into the textured background. Choose Web, Frame Designer, Edge Frame Gallery. Select the frame shown below and click OK. Use the selection tool to position the flower in the lower right corner of the image. 

frame for flower #3

Choose Edit, Fadeout. In the Fadeout box, click in the Multiple colors box. When the Palette Ramp Editor opens, select Palette 6. Choose the left to right fill type and click OK. 

Fadeout for flower #3

Similar to the effect for the first flower (this gradient is only slightly different), you will see that the left and right edges of the flower image fade. Now that we have done all of the Fadeouts, the image looks like this.

after 3 Fadeouts

The edges of the 3 flower images blend well into the background and into each other, but the arrangement is not particularly artistic. We'll remedy that by editing each flower image's Properties. 

Use the Pick tool to click on the first flower in the upper left corner to make it active. Right click and choose Properties. When the Properties box opens, choose Merge= Always, Transparency=15 and Soft edge=5.

Click on the middle flower image to make it active. Right click and choose Properties. When the Properties box opens, choose Merge=Addition.

Click on the third flower, in the lower right corner, to make it active. Right click and choose Properties. When the Properties box opens, choose Merge=Subtraction, Soft edge=5, Transparency=10.

Use the Pick tool and the Order options in the Attributes toolbar to change the stacking order of the 3 flower images. Stack the first flower, in the upper left corner, behind the circular fadeout middle flower. Stack the third flower, in the lower right corner, behind the circular fadeout middle flower too. Move the flowers around until you get an attractive arrangement.

final arrangement of flower images 

If you want to add a little extra polish to the fadeout flower collage, add a rough-edged frame. First select Edit, Expand. When the Expand box opens, Expand 10 pixels in all directions, canvas color black. Doing so adds a little space around the edges of the image, so that the Frame Designer doesn't take too much off the sides of the image. Now choose Web, Frame Designer, Edge Frame Gallery. Deselect (uncheck) border. By deselecting border, no color appears around the frame, only the raggedy edges.

edge frame added to collage 

Do not duplicate, translate, copy, archive, appropriate or redistribute this document.

 

 

Contact
Back to Homepage