Fireworks Tutorials

Adobe Fireworks CS5 Blend Mode Effect

How to create blend mode with Fireworks CS5

  Home Services Portfolio Pricing Templates Web Apps Tutorials Downloads About Contact
  • Blend Mode Effect Tutorial
    • Adobe Fireworks CS4/CS5 Blend Mode Effect

      How to create blend mode with Fireworks CS4/CS5

      In this tutorial you are going to learn how to use blend mode to an image using Adobe Fireworks CS4/CS5. Adobe Fireworks CS4/CS5 has several blending mode help you to get the look you want in a photograph. The blending mode allow 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 >> Adobe Fireworks CS4/CS5 Tutorials >> Blend Mode Effect

      Blending mode examples with Adobe Fireworks CS4/CS5

      Here are examples of some of the blending mode in Adobe Fireworks CS4/CS5.

      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 side of the Properties Window. See the image below that will show where the Blend mode option will appear.
      • Property Inspector

        Properties Inspector

        Blend Mode

        Blend Mode

        Properties & Blend Mode Settings: Fireworks CS4 Screenshot (Similar interface for Fireworks CS5)
      • 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 CS4/CS5 and Fireworks CS4/CS5

      Software Required

      Adobe Fireworks CS5 or Adobe Fireworks CS4. If you are using the CS3 and below version please read Blend Mode Effect with Fireworks.

      Compatible Versions of Fireworks for this Tutorial

      Fireworks CS5 Fireworks CS4 Fireworks CS4 | Fireworks CS5/CS5.5
      Note: For lower version uses of Fireworks, screenshot images may differ. Adobe Fireworks CS3 & below users: Read the CS3 & Below version of this free web design tutorial - Blend Mode Effect with Fireworks.
      Recommended Version: Fireworks CS5.5
Please like, +1, link to and share this SmartWebby resource if you found it helpful. Thanks for your encouragement!
Help us improve! We appreciate your feedback.
Sponsored Link(s):