7 Replies Latest reply on Oct 23, 2009 3:49 AM by Gustavo Del Vechio

    ArtBoards and Exporting

    conkaveh

      Hello,

       

      How can you designate an artboard to export exactly what is contained within it, WITHOUT any "bleeding" (I'm not sure if this is the correct term), or other artifcats.

       

      Here is what I am doing:

      1. Create new document using web template.

      2. Create a rectangle, set the stroke to none, pick a fill.

      3. Effect -> Stylize -> Round Corners, Radius of 3px.

      4. Select ArtBoard tool, and click on object.

      Screen shot 2009-10-22 at 10.25.54 AM.png

      5. File -> Save for Web or Devices

       

      The image that appears in the preview (and is later exported) does not match the created image at all:

       

      test.png_1

      Where are the rounded corners?

       

      Other times, I have noticed there will be added whtie space in the exported image.

       

      I am not a graphic designer, and think I am just missing some very basic understanding or setting required for ArtBoards.

       

      Thank you very much,

      K

        • 1. Re: ArtBoards and Exporting
          Gustavo Del Vechio Level 3

          If you do not intend to save for web purposes go to

           

          File > Export > Select your prefferred format (jpg for example)

           

          Before clicking save, go to the bottom of the dialog box and check use artboard, deselect all and select Range. Export your file.

           

          That is. CS4 only

           

          On CS3 ypu must create crop marks and export normally

          1 person found this helpful
          • 2. Re: ArtBoards and Exporting
            conkaveh Level 1

            Gustavo,

             

            Thanks for the response, but I am trying to save for web purposes.

             

            Here's another example of what's happening.

            1. Here's the file as seen in Illustrator (CS4):

            Screen shot 2009-10-22 at 10.48.09 AM.png

            2. Then, here it is in the export dialog:

            Screen shot 2009-10-22 at 10.48.27 AM.png

             

            How do I keep anti-aliasing but not have that white edge?

             

            Thanks so much, this is so maddening to me, and I know that it's something I am not getting.

             

            K

            • 3. Re: ArtBoards and Exporting
              Gustavo Del Vechio Level 3

              First

               

              JPG does not retain transparency. So, to export transparency instead of that withe (I think represents the color of artboard), choose gif or png. and double check its configuration

               

              Second, As illustrator is a vector program, your shapes will appears always fine, even the zoom is 1600%.

               

              So...What´s the size of your artboard? Have you checked it?

               

              If its right, go to save for web and devices. Look at left you have a tab called Image Size. There is an option called percent. It should be 100%, or Illustrator will resize your slice before saving..

               

              Tell me if it´s all right

               

              Gustavo

              • 4. Re: ArtBoards and Exporting
                conkaveh Level 1

                I am exporting as png.  It's not as much that I want a transparency, it's that I don't get why there is this "bleed" creeping in on the left.  Let me attach another screenshot:

                 

                Screen shot 2009-10-22 at 12.01.08 PM.png

                Why isn't the left part solid like the rest?  Where is this bleed coming from?  I have "Clip to Artboard" checked, and Image Size is 100%.

                • 5. Re: ArtBoards and Exporting
                  Gustavo Del Vechio Level 3

                  It´s normal when you have anti-alias. It´s 1 pt 50% transparent to smooth your shape and background but it only appears like your image if raster image is very very zoomed in...because the image is too litle..

                   

                  What´s the size in pixels of your artboard? Tell me please

                  • 6. Re: ArtBoards and Exporting
                    conkaveh Level 1

                    5x26px

                     

                    This is how small I need it for the website. ..

                     

                    Is there a way around this?

                     

                    Thanks very much for your help with this.

                     

                    K

                    • 7. Re: ArtBoards and Exporting
                      Gustavo Del Vechio Level 3

                      Problem found...

                       

                      5x26 is really a thumbnail...it´s very small.....Surely if you need just a small "icon", you´re right...Note if you open the exported png file in photoshop and zoom at 100% you have no problems....(ani-alias is your friend, but the problem is that you have a little image and are increasing its size too much.

                       

                      Just try this test (it´s just a test): Create an artboard 500x260, make the shape and export. Notice when you preview over browsers you wont see that anti-alias (anti-alias is there but is not visible. If you zoom in too much you can see too).

                       

                      Would you like this draw for an icon?

                       

                      Gustavo.