6 Replies Latest reply on Mar 17, 2008 1:42 PM by Newsgroup_User

    CS3 Query

    Level 7
      I have an image 800px wide by 40px high.
      It is mostly uniform but with a special ending at both ends.
      How do I lengthen it by lengthening the uniform portion by 200px?
      My final image should now have the original endings at their original
      dimensions, but with the connecting bar 200px longer.


        • 1. Re: CS3 Query
          Level 7
          KiwiBrian wrote:
          > I have an image 800px wide by 40px high.
          > It is mostly uniform but with a special ending at both ends.
          > How do I lengthen it by lengthening the uniform portion by 200px?
          > My final image should now have the original endings at their original
          > dimensions, but with the connecting bar 200px longer.
          >
          >
          Ideally, we would need to see the image.

          --
          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/
          • 2. Re: CS3 Query
            Level 7

            "Jim Babbage .:CMX:. & .:Adobe Community Expert:."
            <jbabbage@newmediaservices.ca> wrote in message
            news:frk9gb$psj$1@forums.macromedia.com...
            > KiwiBrian wrote:
            >> I have an image 800px wide by 40px high.
            >> It is mostly uniform but with a special ending at both ends.
            >> How do I lengthen it by lengthening the uniform portion by 200px?
            >> My final image should now have the original endings at their original
            >> dimensions, but with the connecting bar 200px longer.
            >>
            >>
            > Ideally, we would need to see the image.

            Thanks for reply Jim.
            Here is a real-world example rather than my simplified test-case.
            It is 192px by 32px.
            How would I create a new version that was identical except that it was 350px
            by 32px?

            http://kiwibrian.freehostia.com/test.jpg


            • 3. Re: CS3 Query
              Level 7
              KiwiBrian wrote:
              > "Jim Babbage .:CMX:. & .:Adobe Community Expert:."
              > <jbabbage@newmediaservices.ca> wrote in message
              > news:frk9gb$psj$1@forums.macromedia.com...
              >> KiwiBrian wrote:
              >>> I have an image 800px wide by 40px high.
              >>> It is mostly uniform but with a special ending at both ends.
              >>> How do I lengthen it by lengthening the uniform portion by 200px?
              >>> My final image should now have the original endings at their original
              >>> dimensions, but with the connecting bar 200px longer.
              >>>
              >>>
              >> Ideally, we would need to see the image.
              >
              > Thanks for reply Jim.
              > Here is a real-world example rather than my simplified test-case.
              > It is 192px by 32px.
              > How would I create a new version that was identical except that it was 350px
              > by 32px?
              >
              > http://kiwibrian.freehostia.com/test.jpg
              >
              >
              For a web page, you wouldn't. ;-)

              Take that sample and slice it into three pieces, left and right ends,
              and a piece in the middle. The middle section becomes a background
              graphic which you can tile horizontally using CSS. This way, the the
              banner has the potential to be "any" size. There are a variety of ways
              to assemble this in the page. I went with a simple method of inserting
              the two end images inline, and floating the right image.

              If you resize the browser window, the header will appear to resize.

              If you set a specific width to the containing div (#wrapper)the header
              will only expand to that fixed width.

              Here's a link to an example, using your file:

              http://www.newmediaservices.ca/jim_babbage/expanding_header/

              This is just to show you the effect.

              Now if all you really want to do is stretch the graphic itself without
              distorting it, you can turn the image into a symbol in Fireworks and
              apply 9-Slice Scaling.

              I've included a link on the sample page which has the slicing and also
              has the graphic converted to a symbol with 9-slice scaling active. Try
              making the image wider and then fitting the canvas to the new size (the
              slices won't be right, but they can be repositioned.

              HTH

              --
              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/
              • 4. Re: CS3 Query
                Level 7

                "Jim Babbage .:CMX:. & .:Adobe Community Expert:."
                <jbabbage@newmediaservices.ca> wrote in message
                news:frkgc6$3bb$1@forums.macromedia.com...
                > KiwiBrian wrote:
                >> "Jim Babbage .:CMX:. & .:Adobe Community Expert:."
                >> <jbabbage@newmediaservices.ca> wrote in message
                >> news:frk9gb$psj$1@forums.macromedia.com...
                >>> KiwiBrian wrote:
                >>>> I have an image 800px wide by 40px high.
                >>>> It is mostly uniform but with a special ending at both ends.
                >>>> How do I lengthen it by lengthening the uniform portion by 200px?
                >>>> My final image should now have the original endings at their original
                >>>> dimensions, but with the connecting bar 200px longer.
                >>>>
                >>>>
                >>> Ideally, we would need to see the image.
                >>
                >> Thanks for reply Jim.
                >> Here is a real-world example rather than my simplified test-case.
                >> It is 192px by 32px.
                >> How would I create a new version that was identical except that it was
                >> 350px by 32px?
                >>
                >> http://kiwibrian.freehostia.com/test.jpg
                >>
                >>
                > For a web page, you wouldn't. ;-)
                >
                > Take that sample and slice it into three pieces, left and right ends, and
                > a piece in the middle. The middle section becomes a background graphic
                > which you can tile horizontally using CSS. This way, the the banner has
                > the potential to be "any" size. There are a variety of ways to assemble
                > this in the page. I went with a simple method of inserting the two end
                > images inline, and floating the right image.
                >
                > If you resize the browser window, the header will appear to resize.
                >
                > If you set a specific width to the containing div (#wrapper)the header
                > will only expand to that fixed width.
                >
                > Here's a link to an example, using your file:
                >
                > http://www.newmediaservices.ca/jim_babbage/expanding_header/
                >
                > This is just to show you the effect.
                >
                > Now if all you really want to do is stretch the graphic itself without
                > distorting it, you can turn the image into a symbol in Fireworks and apply
                > 9-Slice Scaling.
                >
                > I've included a link on the sample page which has the slicing and also has
                > the graphic converted to a symbol with 9-slice scaling active. Try making
                > the image wider and then fitting the canvas to the new size (the slices
                > won't be right, but they can be repositioned.
                >
                > HTH

                WOW
                I ask for a fish and he gives me a whale............and a glass of wine!!
                There is much for me to learn from your reply.
                While I am winning.............
                I create a vector image 400 x 100 filled with red.
                I crop a 100 wide segment from one end.
                The program confirms that my new object is 100 px wide.
                I do a Copy.
                Then I open a new canvas and Paste ito it.
                Why is all of the original image pasted?

                How should I select a 100px wide portion of the original image and copy it
                and paste it into a new canvas?
                The program Help says to select what I want with the bitmap selection tool.
                OK so far.
                Then the Help says I need to make the selected area a "floating selection"
                by selecting the Pointer Tool and dragging the selection.
                This does not work for me.
                When I hover over the selection area a pair of scissors is displayed.
                If I try to drag the selection the selection disapears.
                Why?
                How do I copy the selection?
                I know I will love FW one day.
                With a little help from my friends.........


                • 5. Re: CS3 Query
                  Level 7

                  Why is all of the original image pasted?

                  By default, FW does not delete objects when they are cropped. You need
                  to set that option in the Preferences dialog. And that only works on
                  bitmaps. Cropping the bitmap canvas will not affect the vector shape.
                  You would need to resize it.


                  > Then the Help says I need to make the selected area a "floating
                  selection"
                  > by selecting the Pointer Tool and dragging the selection.
                  > This does not work for me.
                  > When I hover over the selection area a pair of scissors is displayed.
                  > If I try to drag the selection the selection disapears.
                  > Why?
                  > How do I copy the selection?

                  This won't work if you're trying it on a vector object. Bitmap
                  selections only work on bitmap objects. If you want to change the size
                  of a vector, try using the transform tool. Or copy/paste the vector
                  object and resize the copy, if you need the original.


                  KiwiBrian wrote:
                  > "Jim Babbage .:CMX:. & .:Adobe Community Expert:."
                  > <jbabbage@newmediaservices.ca> wrote in message
                  > news:frkgc6$3bb$1@forums.macromedia.com...
                  >> KiwiBrian wrote:
                  >>> "Jim Babbage .:CMX:. & .:Adobe Community Expert:."
                  >>> <jbabbage@newmediaservices.ca> wrote in message
                  >>> news:frk9gb$psj$1@forums.macromedia.com...
                  >>>> KiwiBrian wrote:
                  >>>>> I have an image 800px wide by 40px high.
                  >>>>> It is mostly uniform but with a special ending at both ends.
                  >>>>> How do I lengthen it by lengthening the uniform portion by 200px?
                  >>>>> My final image should now have the original endings at their original
                  >>>>> dimensions, but with the connecting bar 200px longer.
                  >>>>>
                  >>>>>
                  >>>> Ideally, we would need to see the image.
                  >>> Thanks for reply Jim.
                  >>> Here is a real-world example rather than my simplified test-case.
                  >>> It is 192px by 32px.
                  >>> How would I create a new version that was identical except that it was
                  >>> 350px by 32px?
                  >>>
                  >>> http://kiwibrian.freehostia.com/test.jpg
                  >>>
                  >>>
                  >> For a web page, you wouldn't. ;-)
                  >>
                  >> Take that sample and slice it into three pieces, left and right ends, and
                  >> a piece in the middle. The middle section becomes a background graphic
                  >> which you can tile horizontally using CSS. This way, the the banner has
                  >> the potential to be "any" size. There are a variety of ways to assemble
                  >> this in the page. I went with a simple method of inserting the two end
                  >> images inline, and floating the right image.
                  >>
                  >> If you resize the browser window, the header will appear to resize.
                  >>
                  >> If you set a specific width to the containing div (#wrapper)the header
                  >> will only expand to that fixed width.
                  >>
                  >> Here's a link to an example, using your file:
                  >>
                  >> http://www.newmediaservices.ca/jim_babbage/expanding_header/
                  >>
                  >> This is just to show you the effect.
                  >>
                  >> Now if all you really want to do is stretch the graphic itself without
                  >> distorting it, you can turn the image into a symbol in Fireworks and apply
                  >> 9-Slice Scaling.
                  >>
                  >> I've included a link on the sample page which has the slicing and also has
                  >> the graphic converted to a symbol with 9-slice scaling active. Try making
                  >> the image wider and then fitting the canvas to the new size (the slices
                  >> won't be right, but they can be repositioned.
                  >>
                  >> HTH
                  >
                  > WOW
                  > I ask for a fish and he gives me a whale............and a glass of wine!!
                  > There is much for me to learn from your reply.
                  > While I am winning.............
                  > I create a vector image 400 x 100 filled with red.
                  > I crop a 100 wide segment from one end.
                  > The program confirms that my new object is 100 px wide.
                  > I do a Copy.
                  > Then I open a new canvas and Paste ito it.
                  > Why is all of the original image pasted?
                  >
                  > How should I select a 100px wide portion of the original image and copy it
                  > and paste it into a new canvas?
                  > The program Help says to select what I want with the bitmap selection tool.
                  > OK so far.
                  > Then the Help says I need to make the selected area a "floating selection"
                  > by selecting the Pointer Tool and dragging the selection.
                  > This does not work for me.
                  > When I hover over the selection area a pair of scissors is displayed.
                  > If I try to drag the selection the selection disapears.
                  > Why?
                  > How do I copy the selection?
                  > I know I will love FW one day.
                  > With a little help from my friends.........
                  >
                  >


                  --
                  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/
                  • 6. Re: CS3 Query
                    Level 7

                    "Jim Babbage .:CMX:. & .:Adobe Community Expert:." wrote

                    >> Why is all of the original image pasted?
                    >
                    > By default, FW does not delete objects when they are cropped. You need to
                    > set that option in the Preferences dialog. And that only works on bitmaps.
                    > Cropping the bitmap canvas will not affect the vector shape. You would
                    > need to resize it.
                    >
                    >
                    > > Then the Help says I need to make the selected area a "floating
                    > selection"
                    > > by selecting the Pointer Tool and dragging the selection.
                    > > This does not work for me.
                    > > When I hover over the selection area a pair of scissors is displayed.
                    > > If I try to drag the selection the selection disapears.
                    > > Why?
                    > > How do I copy the selection?
                    >
                    > This won't work if you're trying it on a vector object. Bitmap selections
                    > only work on bitmap objects. If you want to change the size of a vector,
                    > try using the transform tool. Or copy/paste the vector object and resize
                    > the copy, if you need the original.

                    Thanks Jim, that clears up quite a few issues.