1

I have the following artwork in the latest version of Illustrator CC:

artwork in illustrator

Ignore the black rectangle, I only added that so that you and I can actually see the artwork (not sure if there is a better way).

Question:

How can I export this artwork with the following criteria:

  1. Height: 40px
  2. Padding top and bottom: 12px
  3. Padding left and right: 0px

As PNG format.

Is this doable? I cannot find any of these things in the export window.

1 Answer 1

3

Yes it's doable.

  • Create a new document (or an artboard) the size you want in pixels.
  • Switch on the rulers, and add guides for the padding.
  • Enable the pixel preview
  • Paste your artwork, resize/position as necessary.

enter image description here

  • Edit the artboard size so that there is no gap left or right.
  • File > Export > Export for Screens (or you can use Save for Web and use the "clip to artboard" option)

enter image description here

Result

enter image description here

5
  • I see, so from the start, I have to set out everything the way I want it ending up. I couldn't get what I want right at the export step?
    – J86
    Feb 1, 2018 at 11:25
  • @Ciwan Well, since there are no options to add these specifications at the export stage, using the artboard, and positioning/scaling it, and using guides are the options I would choose to get the job done.
    – Billy Kerr
    Feb 1, 2018 at 11:47
  • 2
    @Ciwan BTW, you don't have to create a new document, you can add additional artboards in your main document to use for this purpose.
    – Billy Kerr
    Feb 1, 2018 at 11:49
  • 2
    I suspect you want to use that PNG for web design purpose. In this case, I would advise to export your PNG at the right image size and then use CSS to add padding (or margin)
    – Vinny
    Feb 1, 2018 at 12:08
  • @Vinny yes, adding padding in CSS would be better for websites.
    – Billy Kerr
    Feb 1, 2018 at 12:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.