Client LoginView your Shopping CartHelp & Frequently Asked QuestionsEmail Us
Home Services Portfolio Web Design Pricing Dreamweaver Templates Web Applications Free Tutorials About Contact Us
Services > CSS Web Design | Professional Logo Design | ASP.net, ASP & PHP Programming | Flash Animation & Programming | Website Maintenance
Portfolio > Web Design Portfolio | Web Programming Portfolio | Logo Design Portfolio | Web Design Pricing > Custom Web Design | Logo Design | Business Card Design
Web Design Guide > Website Design w/ Dreamweaver & Fireworks | Fireworks CS4 Cool Features | Photo Effects | Text Effects | Graphic Design Ideas | Web Design Ideas
Website Navigation Ideas | CSS Styles Tutorial | Dreamweaver Template | Server Side Includes | Flash Tutorials > Flash Effects | Flash Sound Button | Sound On/Off Button
Flash Preloader | Import External Data | Promotion > SEO Tips | Google Tips & Page Rank | JavaScript > Date Validation | Email Validation | Phone Validation | Tip Boxes

Spiral Effect Snail Graphic

How to create snail with Fireworks

In this tutorial you are going to learn how to draw a snail using spiral effect in Fireworks. Spiral draws object groups that appear as open spirals. Using control points, you can edit the number of spiral rotations, and you can determine whether the spiral is open or closed. The image below shows how we have created snail.

Snail


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 the core function of Fireworks to draw a snail, using mostly any version of these software should be fine. If you are using the CS4 version of these software please read Spiral Effect Snail Graphic with Adobe Fireworks CS4.

All Fireworks screenshot images in this tutorial are valid for Fireworks CS3
All Fireworks screenshot images in this tutorial are valid for Fireworks 8

Compatible Versions of Fireworks for this Tutorial

Fireworks MX | Fireworks MX 2004 | Fireworks 8 | Adobe Fireworks CS3
Note: Instructions remain same across all versions listed above, though some visual interface images might differ. Adobe Fireworks CS4 users: Read the CS4 version of this free web design tutorial - Spiral Effect Snail Graphic with Adobe Fireworks CS4.

Prerequisite Knowledge

This tutorial teaches you how to create a snail 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 to graphic design.


You Are Here ::: Home >> Free Tutorials >> Fireworks Tutorials >> Spiral Effect Snail Graphic

Spiral Effect Snail Graphic with Adobe Fireworks CS3 or below

Follow the steps given below:

Color Palette - Snail

#C99F2F#BE8D00#957528#3E3015#99CC00#336600#000000#333333
  1. Select the Fill color go to Fill category >> select Gradient >> Choose Contour option
  2. Now click the Fill color, and then click on the small color rectangle that is on the left side and set its color to #C99F2F and set the Opacity as 36.
  3. After that, click on the small color rectangle that is on the right side and set its color to #957528.
  4. Now add another rectangle by clicking the ‘+’ plus arrow symbol in between the two small color rectangle and make the colors as #BE8D00. See the illustration below that will show how to set the colors:

We would love to hear your comments and any suggestions on future tutorials we can add to this section. Thanks!

Fill the below form to submit your comments (or suggestions):
Bookmark and Share this web page.
Sponsored Link(s):
Beauty Templates | Business Templates | Christian Templates | CSS Templates | Education Templates | Family Templates | Flash Templates | Free Dreamweaver Templates
Food Templates | General Templates | Government Templates | Health/Medical Templates | Hi-Tech Templates | Kids/Childcare Templates | Low-cost Budget Templates
Personal Templates | Pets Templates | Photography Templates | Profession Templates | Real Estate Templates | Sports Templates | Telecom Templates | Travel Templates
Free Tutorials > Web Design Tutorials | CSS Web Design | Fireworks Tutorials | Dreamweaver Tutorials | Flash Tutorials | SEO Tutorials | Javascript Tutorials | PHP Tutorials