I'm building a 3D jersey editor. I use illustrator to do my jersey textures for my 3D model (artboard on left of first screenshot). I want illustrator to automatically create SVG format wide thumbnail and a small thumbnail (artboards highlighted in green in the middle and the right) of the jersey design that can be used on my website. The thumbnails are populated by the assets from the 3D texture using a transform on the jersey elements that is copied 2 twice. enter image description here

When I "Export for Screens", I want ONLY the art WITHIN the bounds of the artboard to be exported, however Illustrator exports any of the art assets that are touching the artboard for each artboard even when they go well outside the boundaries of the artboard (second and third screenshot). enter image description here enter image description here

There do not appear to be any artboard options available in the SVG export flow. However, in the Export for Screens flow, Illustrator has the exact thumbnails represented that I'm looking to achieve (fourth screenshot)! enter image description here

I've tried to add a Mask, but because the texture is transformed over it's not working as expected (if I put a mask around the middle artboard where the green outline currently is, the background textures totally disappear because they are outside of the mask bounds on the right artboard).

What can I do to get Illustrator to export the thumbnails as desired?

Tried exporting to PNG to see what happened, the images were the exact right size, but the transformed assets didn't show up in the thumbnails....? This export for screens is wonky! –

  • After A LOT of research on this, I'm pretty sure this is a bug. I've found a workaround on my website that creates a clipping path around the image to get the desired thumbnail on my website. – Gregan Dunn Mar 4 at 23:58

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.