• 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>Chapters>miscellaneous>Text wrapping
  Printer-Friendly Version

Requirement

This tutorial was written for Fireworks CS4 and higher

Tutorial

  1. To wrap a text around an object, you have first to create the shape for the text. In our example, we are wrapping text around a circle.
  2. Draw a circle, 177x177 px in diameter and a rectangle 277x160 px which will be the container for the text. See Figure 1.
  3. Text Wrapping

    Figure 1: a circle and a rectangle

  4. Make sure the circle is on top the rectangle. Select them both then go to Modify > Combine Paths > Punch and punch. See Figure 2.
  5. Text Wrapping

    Figure 2: Slideshow

  6. Add some text. Select both the text and the shape and go to Text > Attach In Path. And your text is now in your shape. See Figure 3.
  7. Text Wrapping

    Figure 3: Slideshow

    Text Wrapping

    Figure 4: Slideshow

  8. Other Shapes
  9. Shapes you can use to contain text.

    Text Wrapping

    Figure 5: 4 Files and the pictures

  10. Limitation(s)
  11. The text must be contained in a closed shape and it does not work with Auto Shapes unless you ungroup them.

1
You can comment or ask your questions about this tutorial Contact
  • 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

    Fireworks Design Center
  • Fireworks Design Center
  • 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