Fireworks Tutorials

Blend Mode

How to create blend mode with Fireworks

Photo Blending

How to create blend mode with Fireworks

In this tutorial you are going to learn how to use blend mode to an image using Fireworks. Fireworks have several blending mode help you to get the look you want in a photograph. The blending mode allows you to create multiple images. Blending mode also include a dimension of control to the opacity of objects and images.

Prerequisite Knowledge

This tutorial teaches you how to create a blend mode using Fireworks 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.

You Are Here ::: Home >> Free Tutorials >> Fireworks Tutorials >> Blend Mode

Blending mode examples with Adobe Fireworks CS3 or below

Here are examples of some of the blending mode in Fireworks.

Luminosity

Luminosity

Hard light

Hard light

Heat

Heat

Inverse color burn

Inverse color burn

Soft Dodge

Soft Dodge

Multiply

Multiply

Darken

Darken

Lighten

Lighten

Overlay

Overlay

  • The Blend Mode is displayed on the right bottom side of the Properties Inspector. See the image below that will show where the Properties Inspector and Blend mode option will appear.
  • Properties Inspector

    Properties Inspector

    Blend Mode

    Blend Mode

  • For Lighten and Overlay the backgrounds will differ. Since the image will not display clearly in the white background so we have used two different backgrounds.
  • See how we have used this Multiply blend mode image in our CSS website design tutorial.
    Website Design using Dreamweaver and Fireworks

Software Required

Adobe Fireworks (Macromedia Fireworks prior to version 8). Please check out the compatible versions listed in the box below. Since this tutorial covers an inbuild core function of fireworks to use blend mode to an image, using mostly any version of these software should be fine. If you are using the CS4 version of these software please read Blend Mode Effect with Adobe Fireworks CS5.

Compatible Versions of Adobe Fireworks for this Tutorial

Fireworks CS3 Fireworks 4-8 | Fireworks CS3
Adobe Fireworks CS4 & above users: If you are using Fireworks CS4+ please note that some features, steps and screenshot images may differ for the above tutorial. Please read the CS4+ version of this free web design tutorial - Blend Mode Effect with Adobe Fireworks CS4+.
Recommended Version: Fireworks CS6
Please like, +1, link to and share this SmartWebby resource if you found it helpful. Thanks!