Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks Tutorials
& Resources
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : Home > Free Resources > Fireworks Tutorials & Resources > Twist and Fade Effect   

 

Featured Fireworks & Dreamweaver Template

Learning Template 11
Learning & Education
$79.95

Twist and Fade Effect in Fireworks

This tutorial demonstrates how to make use of the Command option to convert simple images to swirling, fading, dazzling graphics. Playing around with the four properties (steps, spacing, rotation and opacity) brings out the creativity in you!

Step 1
Paste a clipped image on your canvas.

Step 2
With the image selected click on Commands>Creative > Twist and Fade

Step 3
Now, the Twist and Fade window is displayed.

Step 4
The main menu has the following options.

Steps - number of steps to produce

Spacing - spacing between each step

Rotation - degrees rotation between each step

Opacity - set the starting opacity of the image

Drag the sliders to set the values and view the live preview below.

The Options Menu has the options :

random effect - creates a random effect to the different steps, convert to symbol - converts the final creation to a graphic symbol, fade opacity - changes the fade opacity between the number of steps

Step 5
I've given the following values : steps - 4. spacing - 14, rotation - -360 and opacity - 100. The Fade Opacity under Options should be checked.

Step 6
Isn't this a wonderful effect! The star design, was started off by placing two stars of colors blue and red. Place the second star over the other one with a slight rotation and try it with different values for the main options.


Now building a website is as easy as 1-2-3!

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.


awesome website templates

EntheosWeb Design Blog

New Fireworks Tutorials

Learn How to Create a Smart 2D Button in Adobe Fireworks with Rollover Effect

Typography Art in Fireworks

Tracing & Drawing in Fireworks

Overlay Effect in Fireworks

Designing a Website Layout with Curves in Fireworks

Create a beautiful Slideshow Gallery in Fireworks CS4

stunning header collage