9 Replies Latest reply on Jun 27, 2017 1:24 PM by Franksr

    SImple way to add border?

    Emmahatt Level 1
      Hi All,

      I am trying out a version of fireworks 8 on my new laptop , coming from using fireworks 4 on my desktop. My question is how can I add a simple 1px solid colour border to my images. I could do this quite simply in fw 4 but I can't seem to get beyond some horrendous textures and patterns in fw8......don't even seem to be able to select / point to the border in order to change its properties. Think I'd better stick to my old faithful if I can't get this licked.

      If anyone knows a v. quick method to do this that would be great (have got a milltion images to resize and add border to asap!!

      Thanks in advance

      Emma
        • 1. Re: SImple way to add border?
          Level 7
          Add two pixels the the height and width of the canvas, and then add a
          canvas color. If you want a two pixel or more border, then use an inner
          glow set to the color you want, with 100% opacity, and 0 softness.


          --
          Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
          --------------------------------------------------------------
          http://www.projectseven.com
          Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
          CSS Newsgroup: news://forums.projectseven.com/css/
          Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
          --------------------------------------------------------------
          • 2. Re: SImple way to add border?
            Level 7
            Linda Rathgeber **Adobe Community Expert - Fireworks** wrote:
            > Add two pixels the the height and width of the canvas, and then add a
            > canvas color. If you want a two pixel or more border, then use an inner
            > glow set to the color you want, with 100% opacity, and 0 softness.
            >
            >

            You can also do it by going to Commands > Creative > Add Picture Frame.
            Set the frame width to what you want, and ignore the pattern. Once the
            frame has been added, unlock the layer and change the fill from pattern
            to solid. Nice thing about this is you have an editable vector path to
            work with and it won't crop into your image. FW just adds to the canvas
            automatically, based on the border width you have chosen.

            HTH

            --
            Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
            Extending Knowledge, Daily
            http://www.communityMX.com/
            CommunityMX - Free Resources:
            http://www.communitymx.com/free.cfm
            ---
            .:Adobe Community Expert for Fireworks:.
            news://forums.macromedia.com/macromedia.fireworks
            news://forums.macromedia.com/macromedia.dreamweaver
            • 3. Re: SImple way to add border?
              Level 7
              Jim Babbage wrote:


              > You can also do it by going to Commands > Creative > Add Picture Frame.

              I don't have that choice in FW 8. Do you?

              --
              Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
              --------------------------------------------------------------
              http://www.projectseven.com
              Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
              CSS Newsgroup: news://forums.projectseven.com/css/
              Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
              --------------------------------------------------------------
              • 4. Re: SImple way to add border?
                Level 7
                Linda Rathgeber **Adobe Community Expert - Fireworks** wrote:
                > Jim Babbage wrote:
                >
                >
                >> You can also do it by going to Commands > Creative > Add Picture Frame.
                >
                > I don't have that choice in FW 8. Do you?
                >

                I do - lol. I just checked my Extension Manager and it is a Macromedia
                extension, but perhaps it's a hold over from one of my previously
                installed versions - Maybe MX 2004. Or maybe it's just disabled in your
                Extension Manager? I know I had to manually enable many of my old
                extensions.

                --
                Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                Extending Knowledge, Daily
                http://www.communityMX.com/
                CommunityMX - Free Resources:
                http://www.communitymx.com/free.cfm
                ---
                .:Adobe Community Expert for Fireworks:.
                news://forums.macromedia.com/macromedia.fireworks
                news://forums.macromedia.com/macromedia.dreamweaver
                • 5. Re: SImple way to add border?
                  Level 7
                  Jim Babbage wrote:

                  > I do - lol. I just checked my Extension Manager and it is a Macromedia
                  > extension, but perhaps it's a hold over from one of my previously
                  > installed versions - Maybe MX 2004. Or maybe it's just disabled in your
                  > Extension Manager?

                  That was it. :-)

                  --
                  Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
                  --------------------------------------------------------------
                  http://www.projectseven.com
                  Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
                  CSS Newsgroup: news://forums.projectseven.com/css/
                  Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
                  --------------------------------------------------------------
                  • 6. Re: SImple way to add border?
                    Level 7
                    Linda Rathgeber **Adobe Community Expert - Fireworks** wrote:
                    > Jim Babbage wrote:
                    >
                    >> I do - lol. I just checked my Extension Manager and it is a Macromedia
                    >> extension, but perhaps it's a hold over from one of my previously
                    >> installed versions - Maybe MX 2004. Or maybe it's just disabled in
                    >> your Extension Manager?
                    >
                    > That was it. :-)
                    >
                    There ya go! :-)

                    --
                    Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                    Extending Knowledge, Daily
                    http://www.communityMX.com/
                    CommunityMX - Free Resources:
                    http://www.communitymx.com/free.cfm
                    ---
                    .:Adobe Community Expert for Fireworks:.
                    news://forums.macromedia.com/macromedia.fireworks
                    news://forums.macromedia.com/macromedia.dreamweaver
                    • 7. Re: SImple way to add border?
                      Level 7
                      OR you could download bitgenius.com's wireframe extension, which i use ALL
                      the time.

                      http://www.bitgenius.com/english/extension/index_en.htm#ex7

                      also available from macromedia, i believe...

                      "Jim Babbage" <jbabbage@newmediaservices.ca> wrote in message
                      news:e67c4v$cbh$1@forums.macromedia.com...
                      > Linda Rathgeber **Adobe Community Expert - Fireworks** wrote:
                      >> Jim Babbage wrote:
                      >>
                      >>> I do - lol. I just checked my Extension Manager and it is a Macromedia
                      >>> extension, but perhaps it's a hold over from one of my previously
                      >>> installed versions - Maybe MX 2004. Or maybe it's just disabled in your
                      >>> Extension Manager?
                      >>
                      >> That was it. :-)
                      >>
                      > There ya go! :-)
                      >
                      > --
                      > Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.


                      • 8. Re: SImple way to add border?
                        Level 1
                        There's also an extension called Picture Border:

                        http://www.fireworkszone.com/index.php?root=2&extension=1&idTutorial=267

                        Here's another one:

                        http://www.fireworkszone.com/index.php?root=2&extension=1&idTutorial=262

                        and here's the JS for it in case you modify it on your own:

                        var l = fw.selection[0].left;
                        var t = fw.selection[0].top;
                        var w = fw.selection[0].width;
                        var h = fw.selection[0].height;

                        var newl = l - 5;
                        var newt = t - 5;
                        var newr = newl + w + 10;
                        var newb = newt + h + 10;

                        // insert new rectangle primitive
                        fw.getDocumentDOM().addNewRectanglePrimitive({left:newl, top:newt, right:newr, bottom:newb}, 0);

                        fw.getDocumentDOM().arrange("backward");

                        // set stroke
                        fw.getDocumentDOM().setBrushNColor({ alphaRemap:"none", angle:0, antiAliased:true, aspect:100, blackness:0, category:"bc_Pencil", concentration:100, dashOffSize1:2, dashOffSize2:2, dashOffSize3:2, dashOnSize1:8, dashOnSize2:1, dashOnSize3:1, diameter:1, feedback:"brush", flowRate:0, maxCount:15, minSize:1, name:"bn_1-Pixel Anti-Aliased", numDashes:0, shape:"circle", softenMode:"bell curve", softness:0, spacing:15, textureBlend:0, textureEdge:0, tipColoringMode:"random", tipCount:1, tipSpacing:0, tipSpacingMode:"random", type:"simple" }, "#FFFFFF");

                        fw.getDocumentDOM().setFillNColor({ category:"fc_Solid", ditherColors:[ "#000000", "#000000" ], edgeType:"antialiased", feather:0, gradient:null, name:"fn_Normal", pattern:null, shape:"solid", stampingMode:"blend opaque", textureBlend:0, webDitherTransparent:false }, "#ffffff");

                        // set effect
                        fw.getDocumentDOM().applyEffects({ category:"UNUSED", effects:[ { EffectIsVisible:true, EffectMoaID:"{a7944db8-6ce2-11d1-8c76000502701850}", ShadowAngle:270, ShadowBlur:5, ShadowColor:"#0000004d", ShadowDistance:1, ShadowType:0, category:"Shadow and Glow", name:"Drop Shadow" } ], name:"UNUSED" });

                        fw.getDocumentDOM().arrange("backward");

                        Here's an oldie, but still works great:

                        http://www.fireworkszone.com/index.php?root=2&extension=1&idTutorial=28
                        • 9. Re: SImple way to add border?
                          Franksr Level 1

                          Thanks.

                           

                          With CS5, "You can also do it by going to Commands > Creative > Add Picture Frame."

                          Is the simple easy way to add a border.