• Login
  • Contact
  • Sitemap
  • Newsletter
  • Home
  • Extensions
  • Support
  • Resources
  • Store
About Contact Newsletter Contests Sitemap Contribute Statistics Privacy Policy
Commands Styles Textures Libraries Patterns Auto-Shapes Rich Symbols Swatches Plugins All Extensions
FAQ Tips and Tricks
Linkbase Articles Tutorials Video Tutorials Downloads Book Reviews
Commands Textures Libraries Illustration Patterns All Products ›
Home > Tutorials > Graphics > Dollar coin   Printer-Friendly Version

Dollar coin

Tutorial ID 383 Author Thierry Lorey Nb of Downloads 683 Nb of Hits 9234 Date Added 0000-00-00

Description

This tutorial shows how to create a simple dollar coin.

Tutorial

This tutorial is uses the same techniques as in the Recycling Button tutorial.

The completed tutorial preview:

Dollar Coin

Figure 1: Completed Tutorial

  1. The rim or border. To create the border we use the punching technique and in order to get a 14 px wide rim and with a small circle of 147 px, our large circle will be 147 + (2x14) = 175 px diameter.
  2. As a result, draw first a 175 px diameter circle with the Ellipse Tool. A second smaller circle of 147 px then Clone it and hide one copy by clicking the eye icon Dollar Coin in the Layers panel. See Figure 2.

    Dollar Coin

    Figure 2: Layers

  3. The 2 circles should be on top of each other with the smaller circle exactly at the center. Use the Guides or align panel Window > align (align horizontal center then align vertical center).
  4. Dollar Coin

    Figure 2: Circles .

  5. The punching. Select the 2 circles, Modify > Combine Paths > Punch . Make visible the hidden circle. You have now 2 parts: a ring and a smaller circle at the center which will be the background.
  6. Dollar Coin

    Figure 3: Circles

  7. The rim or border
  8. Create a rim with a good punch!

    The rim of a coin is the sharp circular (or otherwise shaped) edge which surrounds the coin design.

    Apply a linear gradient. See Figure 4.

    Dollar Coin

    Figure 4: Gradient

  9. Body of the coin. 3 effects will be applied: 2 Inner Shadow and 1 linear gradient. See Figure 5.
  10. Dollar Coin

    Figure 5: Inner Shadow Effects


<< Previous12Next >>
Download .zip

Related Tutorials

    No related tutorials.
Did you enjoy this article? Share it!
Share to Delicious Stumble It Share to Digg Share to Twitter Share to Mixx Share to Facebook Share to Technorati Share to NewsVine Share to Reddit Share to Google Share to Linkedin Share to Yahoo Share to Netvibes More...

0 Comments

 

Add Comment

 
Mail (will not be published) (required)  
Website  
 
   
 
  • YouTubeYouTube
  • RSS FeedRSS Feed
  • RSS FeedDelicious
  • MXNAMXNA
  • TweeterTweeter
  • FacebookFacebook 1
  • FacebookFacebook 2

Become an author

  • Submit your tutorials and articles. Anyone can send in a contribution.
  • Learn More

Adobe Links

  • Acrobat.com
  • Adobe TV Fireworks
  • Adobe TV Learn CS4
  • The Edge Newsletter
  • Fireworks Developer Center
  • BrowserLab
  • Fireworks CS5 Help
  • Packaging Extensions with Extension Manager CS5
  • Extending Fireworks CS4
  • Fireworks CS4 Help
  • Fireworks Help & Support
  • Forums
  • Fireworks LiveDocs
  • Inspire Team
  • Fireworks Exchange

Advertisement

  • 1fichier.com
  • Website Optimization
  • Global Articles
  • http://www.phphosts.org
  • TheWikiMag
  • Custom Logo Design
  • WebHostingDeals.org
  • Loans
  • Free Software Downloads
  • Shareware Downloads and Reviews

Sponsored links

  • Xfinity On Demand Programming

Sponsored Links

Addiction Recovery

Products

Seamless Textures Dot Patterns Checker Patterns graphicxtras

Adobe User Groups

  • Singapore User Group
  • Adobe Fireworks - San Francisco

Latest Comments

  • Customizing Fireworks Splash Screen
    Thanks for the tip. It worked perfectly...
  • Modern styles
    Great. Thanks. I will be sure to use t...
  • Modern styles
    Hi Tia, There are 2 files in the zip...
  • Modern styles
    Very nice styles. Downloaded, but file ...
  • How to blur background in Adobe Fireworks
    Thanks for sharing. This will make a gre...
  • Dragnet wireframes kit for Adobe Fireworks
    Hi Thierry! Nice share - but how do I...
  • auto-sizing-fixed-width-text-blocks
    Very nice site!...
  • Crystal button
    Hi Patzee, You are right Inner Glow ...
  • Crystal button
    I'm using CS5 and there is no way to set...
  • Crystal button
    Awesome... ! thanks for this tut ... ...

Random Links

    Color Schemer Online
  • Color Schemer Online
  • All the sites

Latest Tutorials

  • Grunge Text
  • How to make transparent background
  • Windows Phone 7 Symbol Library for Adobe Fireworks
  • Adobe Fireworks Command Panel Icons
  • Gesture library

Latest Extensions

  • Windows Phone 7 Symbol Library for Adobe Fireworks
  • Gesture library
  • Texture Collection 144
  • SelectionToMXMLClipboard v1
  • Arc Auto Shape

Latest Articles

  • How to make transparent background
  • Adobe Fireworks Command Panel Icons
  • How to export or import Keyboard shortcuts
  • Adobe Fireworks CS5 Keyboard Shortcuts
  • Low Memory Options

Copyright © 2012 Fireworks Zone

Fireworks is a registered trademark of Adobe

Home | Privacy Policy |Contact | Sitemap