|You are here : : Home > Free Resources > Fireworks Tutorials & Resources > Create a Collage in Fireworks CS4|
Fireworks CS4 Tutorials
Free Fireworks Resources
Other Fireworks Resources
Below is the collage we will be creating in this tutorial. You need one background image and 3 foreground images for this tutorial. Using the technique of fading images and blending them with each other you can add as many images as you need.
Below are the images I have used to create the above collage.
To start, open Fireworks CS4 and create a new document by clicking on File New. As I have designed a collage for a website header, I have created a smaller header - dimensions are 650 by 200 pixels.
Import your background image by clicking on File/Import and choose the background image for your collage. This should fit the entire document. Resize the image to fit the document.
Next, Import the second image and place it where you need it to be displayed. Choose the image and click on Commands/Creative/Auto Vector Mask. Next Choose the way you would like the image to fade/blend in with the background. As I want the image to blend in with the background from right to left I have chosen the last Linear option as my selection. Later you can adjust the amount of fade and from where you want the fade effect to start (see below).
Import the second image and place it where you need it. I have placed this on the right and I have given the opposite fade effect i.e. from right to left. I have adjusted the fade effect by playing around with the black line to get the effect I wanted.
Import the last image, this is the image I want to place in the center so I have applied the first shape option which fades the image from all sides in a radial effect. It blends the image beautifully with the background and there you have a beautiful header collage!
Join us on Facebook to keep updated with all the latest tutorials and web design freebies from EntheosWeb!