4 Replies Latest reply on Mar 16, 2008 7:34 AM by Newsgroup_User

    text in special form

    maltje
      Hi,

      I just wan't to make a text in a special form(like a circle)
      How can I do this.
      I make a text but i cant find a circle as vector??
        • 1. Re: text in special form
          pixlor Level 4
          Fireworks can attach text to a path, but there isn't a way to put text inside an area, the way you can with Illustrator. As far as I can tell, you have to do this by hand in Fireworks.

          If the shape you want to use is symmetric, then enter your text in the Text Editor, select it all, center it, and then put in hard returns to produce the best shape. I'll be a process of experimentation and you might find yourself needing to change the kerning or other settings to make things look nice. Naturally, it helps if you draw a shape on your canvas for reference, even if you turn it off or delete it later.

          If the shape you want is asymmetric, draw it, and use the Text Editor as before. In order to move lines right or left, one thing I've done is use spaces either at the beginning or end (depending on whether I've centered or used right or left justification). Using leading or trailing spaces that are in a smaller font than the text allows a finer adjustment in line position..

          • 2. Re: text in special form
            Level 7
            maltje wrote:
            > Hi,
            >
            > I just wan't to make a text in a special form(like a circle)
            > How can I do this.
            > I make a text but i cant find a circle as vector??

            I've successfully done this using Freehand or Illustrator, and then
            copying the result back to FW.

            1. Select the text using the text tool and cut it.
            2. Open Illustrator and create a new web document. You can probably
            use one of the default sizes, such as 640 x 480 or 800 by 600.
            3. Use the Type tool in Illustrator to draw a text box. It's
            important you do it this way or the wrap doesn't work. Don't worry about
            the size of the box as it can be adjusted later.
            4. Paste the text into the newly created text box.
            5. Hop back to Fireworks and copy the image to the clipboard.
            6. Back to Illustrator again. Make sure the layer containing the
            text is selected and paste the image by pressing Ctrl/Cmd+V. Both the
            image and the text should be in the same layer. If they aren't, drag the
            objects within the Layers panel until they reside in the same layer.
            Make sure the image is stacked on top of the text.

            On the Mac, you may get just an empty box in place of the picture
            and a message that states "Quicktime and a known decompressor are needed
            to see this picture." The technique still works though since the empty
            box holds the space for the photo.

            7. Select the image and go to Object > Text Wrap > Make. Instant
            text wrap!
            8. If the margin around the image is too great for you, select the
            image and go to Object > Text Wrap > Text Wrap Options. Reduce the
            offset from the default of 6 pt to 4 or 2 pt.
            9. Because text is converted into points when pasted into
            Illustrator, make the width of your text box slightly narrower than you
            need in Fireworks. In my example, my box width in Illustrator was closer
            to 630 pixels rather than 640. To alter the width of the text wrap, use
            the pointer tool in Illustrator and drag one of the corner control
            handles of the text box. This scales the box without distorting the text.
            10. Select both the text and the image and copy the selection to the
            clipboard.
            11. Move back to Fireworks and paste the selection. This can take a
            few seconds for the text to appear.

            These are the main steps. For more detail (and pictures) check out the
            full tutorial: http://www.communitymx.com/content/article.cfm?cid=F3859

            --
            Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
            http://www.communityMX.com/
            CommunityMX - Free Resources:
            http://www.communitymx.com/free.cfm
            ---
            .:Adobe Community Expert for Fireworks:.
            Adobe Community Expert
            http://tinyurl.com/2a7dyp
            ---
            See my work on Flickr
            http://www.flickr.com/photos/jim_babbage/
            • 3. Re: text in special form
              maltje Level 1
              quote:

              Originally posted by: Newsgroup User
              maltje wrote:
              > Hi,
              >
              > I just wan't to make a text in a special form(like a circle)
              > How can I do this.
              > I make a text but i cant find a circle as vector??

              I've successfully done this using Freehand or Illustrator, and then
              copying the result back to FW.

              1. Select the text using the text tool and cut it.
              2. Open Illustrator and create a new web document. You can probably
              use one of the default sizes, such as 640 x 480 or 800 by 600.
              3. Use the Type tool in Illustrator to draw a text box. It's
              important you do it this way or the wrap doesn't work. Don't worry about
              the size of the box as it can be adjusted later.
              4. Paste the text into the newly created text box.
              5. Hop back to Fireworks and copy the image to the clipboard.
              6. Back to Illustrator again. Make sure the layer containing the
              text is selected and paste the image by pressing Ctrl/Cmd+V. Both the
              image and the text should be in the same layer. If they aren't, drag the
              objects within the Layers panel until they reside in the same layer.
              Make sure the image is stacked on top of the text.

              On the Mac, you may get just an empty box in place of the picture
              and a message that states "Quicktime and a known decompressor are needed
              to see this picture." The technique still works though since the empty
              box holds the space for the photo.

              7. Select the image and go to Object > Text Wrap > Make. Instant
              text wrap!
              8. If the margin around the image is too great for you, select the
              image and go to Object > Text Wrap > Text Wrap Options. Reduce the
              offset from the default of 6 pt to 4 or 2 pt.
              9. Because text is converted into points when pasted into
              Illustrator, make the width of your text box slightly narrower than you
              need in Fireworks. In my example, my box width in Illustrator was closer
              to 630 pixels rather than 640. To alter the width of the text wrap, use
              the pointer tool in Illustrator and drag one of the corner control
              handles of the text box. This scales the box without distorting the text.
              10. Select both the text and the image and copy the selection to the
              clipboard.
              11. Move back to Fireworks and paste the selection. This can take a
              few seconds for the text to appear.

              These are the main steps. For more detail (and pictures) check out the
              full tutorial: http://www.communitymx.com/content/article.cfm?cid=F3859

              --
              Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
              http://www.communityMX.com/
              CommunityMX - Free Resources:
              http://www.communitymx.com/free.cfm
              ---
              .:Adobe Community Expert for Fireworks:.
              Adobe Community Expert
              http://tinyurl.com/2a7dyp
              ---
              See my work on Flickr
              http://www.flickr.com/photos/jim_babbage/



              Thanx for the explanation,but I only downloaded Fireworks on trial.I have need of another program?
              • 4. Re: text in special form
                Level 7
                maltje wrote:
                >
                quote:

                Originally posted by: Newsgroup User
                > maltje wrote:
                > > Hi,
                > >
                > > I just wan't to make a text in a special form(like a circle)
                > > How can I do this.
                > > I make a text but i cant find a circle as vector??
                >
                > I've successfully done this using Freehand or Illustrator, and then
                > copying the result back to FW.
                >
                > 1. Select the text using the text tool and cut it.
                > 2. Open Illustrator and create a new web document. You can probably
                > use one of the default sizes, such as 640 x 480 or 800 by 600.
                > 3. Use the Type tool in Illustrator to draw a text box. It's
                > important you do it this way or the wrap doesn't work. Don't worry about
                > the size of the box as it can be adjusted later.
                > 4. Paste the text into the newly created text box.
                > 5. Hop back to Fireworks and copy the image to the clipboard.
                > 6. Back to Illustrator again. Make sure the layer containing the
                > text is selected and paste the image by pressing Ctrl/Cmd+V. Both the
                > image and the text should be in the same layer. If they aren't, drag the
                > objects within the Layers panel until they reside in the same layer.
                > Make sure the image is stacked on top of the text.
                >
                > On the Mac, you may get just an empty box in place of the picture
                > and a message that states "Quicktime and a known decompressor are needed
                > to see this picture." The technique still works though since the empty
                > box holds the space for the photo.
                >
                > 7. Select the image and go to Object > Text Wrap > Make. Instant
                > text wrap!
                > 8. If the margin around the image is too great for you, select the
                > image and go to Object > Text Wrap > Text Wrap Options. Reduce the
                > offset from the default of 6 pt to 4 or 2 pt.
                > 9. Because text is converted into points when pasted into
                > Illustrator, make the width of your text box slightly narrower than you
                > need in Fireworks. In my example, my box width in Illustrator was closer
                > to 630 pixels rather than 640. To alter the width of the text wrap, use
                > the pointer tool in Illustrator and drag one of the corner control
                > handles of the text box. This scales the box without distorting the text.
                > 10. Select both the text and the image and copy the selection to the
                > clipboard.
                > 11. Move back to Fireworks and paste the selection. This can take a
                > few seconds for the text to appear.
                >
                > These are the main steps. For more detail (and pictures) check out the
                > full tutorial: http://www.communitymx.com/content/article.cfm?cid=F3859
                >
                > --
                > Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                > http://www.communityMX.com/
                > CommunityMX - Free Resources:
                > http://www.communitymx.com/free.cfm
                > ---
                > .:Adobe Community Expert for Fireworks:.
                > Adobe Community Expert
                > http://tinyurl.com/2a7dyp
                > ---
                > See my work on Flickr
                > http://www.flickr.com/photos/jim_babbage/
                >

                >
                > Thanx for the explanation,but I only downloaded Fireworks on trial.I have need
                > of another program?
                >
                For the method I described, yes. I was running on the assumption you
                had the Suite.

                The other recommendation listed here should work fine for you, or you
                can just create a series of text boxes to emulate the look.

                Keep in mind, this type of alignment is not something that can be
                reproduced easily on a web page, unless you are planning to export this
                text area as a graphic, which makes the text inaccessible, non-indexable
                and non-searchable on the web page.

                --
                Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                http://www.communityMX.com/
                CommunityMX - Free Resources:
                http://www.communitymx.com/free.cfm
                ---
                .:Adobe Community Expert for Fireworks:.
                Adobe Community Expert
                http://tinyurl.com/2a7dyp
                ---
                See my work on Flickr
                http://www.flickr.com/photos/jim_babbage/