Adobe Fireworks Tutorial – Creating A Candy Button

By blue2x | Published: August 8, 2010

adobe fireworks tutorial candy

In this Adobe Fireworks tutorial , you will learn how I created those nice looking icons ( twitter , rss , mail ) icons in the top right area of my header, and the social media icon pack I submitted here


Before you view this youtube video tutorial , read some handy tips below :

When drawing using the rectangle tool , if you want an equal height + width , you must hold down the shift button.

Use the hue/saturation filter to change the color of the button.

For the graphic / letter / symbol inside the button , keep it simple, preferably a light solid color with no effects.

View the video below :

Got questions on this Adobe Fireworks Tutorial ? Feel free to comment below.

Share and Enjoy:
  • Facebook
  • Google Bookmarks
  • FriendFeed
  • RSS
  • StumbleUpon
  • Tipd
  • Twitter
  • Add to favorites
  • del.icio.us
  • Digg
  • Faves
  • LinkedIn
  • Mixx
  • Reddit
  • Technorati
  • Tumblr
  • Yahoo! Buzz

Related posts:

  1. Fancy Rss Button Tutorial
  2. Simple Orbs Tutorial
  3. Creating Grunge Text Using Adobe Fireworks
  4. Designing An Effective Gaming Clan Logo in Adobe Fireworks
  5. Pixelate Effect Tutorial
  6. Creating a fancy text effect in Adobe Fireworks
  7. Creating A Night Scene in Adobe Fireworks 8
This entry was posted in tutorials and tagged , , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

2 Comments

  1. Jayce
    Posted August 9, 2010 at 3:47 am | Permalink

    Thinking of learning Fireworks long time ago. But still not yet started. Only work on Photoshop and Premiere so far…

  2. Raja
    Posted August 11, 2010 at 6:34 pm | Permalink

    Its really awesome tutorial.

4 Trackbacks

  1. By Creating A Candy Button in Adobe Fireworks on September 11, 2010 at 6:30 am

    [...] View Tutorial [...]

  2. By 50 Excellent Adobe Fireworks Tutorials - Noupe Design Blog on November 4, 2010 at 3:33 pm

    [...] Adobe Fireworks Tutorial – Creating A Candy Button In this Adobe Fireworks tutorial, you will learn how the artist created those nice looking icons ( twitter , rss , mail ) [...]

  3. By 50 Fireworks Tutorials for Designers on July 21, 2011 at 1:57 pm

    [...] Creating a Candy Button (video) [...]

  4. By 50 Fireworks Tutorials for Designers | CS5 Design on July 21, 2011 at 8:15 pm

    [...] Creating a Candy Button (video) [...]

Post a Comment

You must be logged in to post a comment.

  • Partners