Exporting animated gif - limiting to the size of artboard

[alexisfrsh]

I'm trying to export an animated gif in Photoshop CC (File > Export> Save for Web) but there seems to be a lot of blank space around the actual animation (which fills the artboard completely). There aren't any elements exceeding the bounds of the artboard, and I've masked the background image so that it's size matches the artboard.

It's been a while since I've done this, I feel like I'm probably overlooking something simple. Any thoughts?

[JJMack]

Blank Space?  Transparent space  or a solid color border.  The canvas size of the animated gif should be the same size as your document's canvas size or the size you resize the animated gift to.  Save for web does not trim transparency or color borders.

[alexisfrsh]

It's transparent space.

I can't find anything that would extend outside of the artboard, yet it seems to be happening. See screenshots of the export frame and viewing the gif in Chrome. (Sorry they are limited, I'm not able to share the full item.)

[Theresa J]

Save for web has problems with artboards, probably because it’s old and developed before there were artboards. I’m guessing that the exported animated gif is increasing in size because it is ignoring the mask on the background image. Export As was developed to work with artboards, but unfortunately it doesn’t do animated gifs, at least not yet. I think you need to move all of the elements out of the arboard and delete the artboard. Then crop your document if needed to the size required. I expect that save for web will work fine after you do this. Let us know.

[alexisfrsh]

This makes a lot of sense.. What is the best way to go about removing everything from the artboard - just create a new, properly sized  doc?

[Theresa J]

You can drag all the layers in the layer panel out of the artboard, or you can duplicate the layers into a new document created at the correct file size. That might be the easiest.

[mSnus]

I would advice to use Export > Artboards to Files, and then record and action and apply to all these files. To my pity, animation doesn't work with artboards.

[Coastdaleparks]

Hi the answer is delete the artboard you have created a gif the an artboard simply right click ungroup artboard this will allow you to keep all your work and not have to redesign the creative again once you have done this you can then crop the gif to the right size I hope this helps?

[sharp_Marvel5EB6]

this fixed everything! Thank you!!

[Aaron Patelzick]

I run into this same issue frequently and found a fix. Before going to export > save for web (legacy), click on you art board. On the toolbar along the top of the viewer there will be a small gear (set art board behaviors). Check mark the box shrink wrap canvas on save. This will make for a smooth export. 

[Tatiana 5FFC]

dude....i have never had this forum adobe has actually provide the answer to what i was looking for. like literally ever, so thank you 

[ernbthmp]

This is such a time-saver! If you are looking for the answer to this, this response is the quickest and easiest way to solve the artboard gif sizing issue! 

[Julie Bateman]

Does this still work in the newest version of Photoshop? I can't find the gear/set artboard behaviours.

[Julie Bateman]

Igorne my comment - found it right after I posted 🙂

[Eliza29812982lc31]

For some reason this trick by itself didn't work for me. I had an animation where one object started outside the artboard and moved into the artboard. I tried this fix and it was still exporting with the object outside the artboard (with a transparent background behind it). But if I'm in Timeline, and I drag the current-time indicator to a part of the animation where the object is inside the artboard, and then go to export > save for web (legacy), it works!