Fireworks Tutorials

Photo Montage Effect

Create a photo collage or montage in Fireworks CS4+

Adobe Fireworks CS4+ Photo Montage, Fade Image Effect

A photo editing effect helpful to create a photo collage or montage with Fireworks CS4+

In this tutorial you are going to learn how to fade images auto vector mask in different ways using Adobe Fireworks CS4+. Fade auto vector mask effects are often used for softening the edges of photos or for blending an image object into another image object. The image below shows how we have faded and collaged the image.

Adobe Fireworks CS4 Photo Montage, Fade Image Effect

Prerequisite Knowledge

This tutorial teaches you how to use Fireworks fade image to create a photo collage or montage and thus assumes you are familiar with some design software, even if you are new to Adobe Fireworks. However be assured that our detailed instructions can be followed by even a total novice to graphic design.

You Are Here ::: Home >> Free Tutorials >> Adobe Fireworks CS4+ Tutorials >> Photo Montage, Fade Image Effect

Photo Montage, Fade Image Effect with Adobe Fireworks CS4+

You will learn how to fade auto vector mask your images in different ways such as elliptical, radial, horizontal, etc., Follow the steps given below:

  • Step 1: Open Adobe Fireworks CS4+ select the Canvas color as blue (#2D99D7) in the Properties Inspector.

  • Step 2: Import (File >> Import (Ctrl+R)) an image you would like to edit. Our example is shown below:
  • Selected Image

  • Step 3: Now, you are going to apply fade/auto vector mask effects to the imported image. Select the image using Pointer Tool Pointer Tool and click on Commands >> Creative >> Auto Vector Mask. An Auto Vector Mask pop-up window with eight pre-set fade effect will appear. The auto vector mask window will look as below:

  • Auto Vector Mask

    Auto Vector Mask Window Settings: Fireworks CS4+ Screenshot
  • Step 4: Click on the faded image and adjust the handles appears on or near the object to have a fade effect. Once you fade the image, the image will appear as blur. Select the original image and edit the couple, so that the couple will appear separately.
  • Step 5: To edit the couple, click on the original image to apply feather effect. Feather the object using Convert Path to Marquee method by setting the edge as anti-alias (Click for the Image Feathering tutorial). For this you need to select/draw the particular object using Pen Tool Pen Tool. See the illustration below that will show how the couple is selected using the pen tool:
  • Image with Outline

  • Step 6: Click on the path, then go to Modify >> Convert Path to Marquee and select the Edge as Anti-alias. Once you have drawn/selected the area, check if the selection is what you want deleted. If not, that is, the selected area is what you would like to keep, then right click the area, from the list select Modify Marquee >> Select Inverse (Ctrl+Shift+I). Now delete the selected area. The image will look as below:
  • Convert path to marquee

  • Step 7: Now place the feathered image above the faded image. See how we have placed the faded image in the header portion. (Click for the Professional Navigation tutorial)
  • Professional Navigation

  • Using the fade image/auto vector mask effect you can create a photo collage or montage. The image below shows how we have created a photo collage or montage:
  • Adobe Fireworks CS4 Photo Montage, Fade Image Effect

  • Again import two images that you would like to edit. Now you are going to apply fade/auto vector mask effects to the imported image. Select the image using Pointer Tool Pointer Tool and click on Commands >> Creative >> Auto Vector Mask. An Auto Vector Mask pop-up window with eight pre-set fade effect will appear. In the above photo collage we have used two linear auto vector mask that are shown below:
  • Auto Vector Mask

    Auto Vector Mask Window Settings: Fireworks CS4+ Screenshot
  • Click on the faded image and adjust the handles appears on or near the object to have a fade effect.

Software Required

Adobe Fireworks CS4+. If you are using the CS3 and below version please read Photo Montage, Fade Image Effect with Fireworks.

Compatible Versions of Adobe Fireworks for this Tutorial

Fireworks CS6 Fireworks CS4 | Fireworks CS5 | Fireworks CS6
Adobe Fireworks CS3 & below users: For lower versions of Fireworks, some features, steps and screenshot images may differ. Please read the CS3 & Below version of this free web design tutorial - Photo Montage, Fade Image Effect with Fireworks.
Recommended Version: Fireworks CS6
Please like, +1, link to and share this SmartWebby resource if you found it helpful. Thanks!