Fireworks Tutorials

Adobe Fireworks CS5 Twist and Fade Technique

How to apply twist and fade technique with Fireworks CS5

  Home Services Portfolio Pricing Templates Web Apps Tutorials Downloads About Contact
  • Twist and Fade Technique Tutorial
    • Adobe Fireworks CS4/CS5 Twist and Fade Technique

      How to apply twist and fade technique with Fireworks CS4/CS5

      In this tutorial you are going to learn how to create some fun abstract effects using Adobe Fireworks CS4/CS5. This tutorial explains how a single Image/Vector can be converted into various Images/Vectors using the properties such as Steps, Spacing, Rotation and Opacity. The image below shows how we have applied twist and fade effects to a honey bee.

      Prerequisite Knowledge

      This tutorial teaches you how to create a twist and fade technique 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 >> Twist and Fade Technique

      Twist and fade technique with Adobe Fireworks CS4/CS5

      Follow the steps given below:

      Color Palette - Honey Bee

      #FBDF5E#CC9900#FFFA6F#000000#C3DDF7#8BBDF0#993366#D3679E
      • Step 1: Open Adobe Fireworks CS4/CS5; draw a honey bee of your own using Pen Tool Pen tool and Ellipse Tool Ellipse Tool. See the illustration below that shows how to draw a honey bee:

      • smiley

      • Step 2: Now we are going to apply twist and fade effect. Select the honey bee using Pointer Tool Pointer tool. Then, click on Commands >> Creative >> Twist and Fade. Now the Twist and Fade pop-up window will be appears. The twist and fade window will look as below:

      • Twist and fade window

        Twist and Fade window Settings: Fireworks CS4 Screenshot (Similar interface for Fireworks CS5)
      • In the above image, Steps specifies the number of steps; Spacing specifies the spacing between each step; Rotation specifies the degree rotation; and Opacity specifies the opacity of the image.

      • Step 3: You can adjust the four properties (Steps, Spacing, Rotation and Opacity) using the arrow symbol Arrow. Now set the following values Steps – 5, Spacing – 18, Rotation – 360, Opacity – 93. After applying the values the honey bee will look as below:
      • Twist and Fade

      • In the below image we have arranged the honey bee is flying and sitting in the flower. Once the effect is applied you can't change it.

      Congratulations! You have completed our Twist and Fade technique tutorial.

      Software Required

      Adobe Fireworks CS5 or Adobe Fireworks CS4. If you are using the CS3 and below version please read Twist and fade technique 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 - Twist and fade technique 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):