• 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 > Create a rope   Printer-Friendly Version

Create a rope

Tutorial ID 552 Author Alexander Bliznakov Nb of Downloads 563 Nb of Hits 24706 Date Added 9 December, 2009

Description

Learn how to create a rope in Adobe Fireworks.

Requirement

All Fireworks versions.

Article

    Final Product What You'll Be Creating

    Create a rope
  1. Path
  2. Create a path with the Pen tool . This will be our rope.

    Create a rope

    Figure 1: Draw the shape of the rope

  3. Text tool
  4. Grab the Text tool and type some dots: Tahoma 20px Crisp Anti-alias

    Create a rope

    Figure 2: Text tool

  5. Kerning
  6. Make kerning (-25).

    Create a rope

    Figure 3: Kerning

  7. Text to path
  8. Attach text to path: Select both path and the text objects -Go to Text > Attach to path.

    Create a rope

    Figure 4: Adjust the Kerning

  9. Linear Gradient
  10. Change Fill to Linear gradient (#D1C098 --> #E9E1CF) Texture "Grain" 40% and Stroke to 1px./soft #CDC7BC

    Create a rope

    Figure 5: Linear Gradient

  11. Live Filters
  12. Add "Inner Bevel" live effect Edge=Smooth, Width=7, Contrast=70%, Softness=2, Angle=108, Button preset=Raised.

    Create a rope

    Figure 6: Live Filters

  13. Curves
  14. Add "Sharpen" and "Curves" live effects. See Figure below for Curves settings.

    Create a rope

    Figure 7: Special Effects

  15. Done!
  16. Now add shadow and further enhance composition. With Fireworks you can change the shape of rope at any time. Remember to have fun and experiment. My main goal is to teach you powerful and useful techniques, which you can develop further to achieve different (in most cases better) results.

    Create a rope

    Figure 8: The finished rope


Download .zip

Related Tutorials

  1. Other new features from Fireworks CS5

  2. Stars and sparkles

  3. Customizing Adobe Fireworks Interface

  4. Compound shape tools in Adobe Fireworks CS5

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...

1 Comments

1 . craig says:
  May 4, 2010 at 08:03:49

  man this is so cool, i wish i could do this
 

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

    Dreamweaver Fever
  • Dreamweaver Fever
  • 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 © 2013 Fireworks Zone

Fireworks is a registered trademark of Adobe

Home | Privacy Policy |Contact | Sitemap