0

I am opening my JPEG putting a shape on top and then creating a clipping mask. This works great and I end up with what I want, however my JPEG is still there in the background and the outlines still remain, meaning when I go to export it is exporting the size of the original JPEG as opposed to the clipping mask. if I hide the JPEG in the layers panel the colour in the clipping mask disappears.

as you can see in the photo the shape has filled but the outline (thick blue line) of the jpeg is there still

4

That is all working as expected and is how things should work. Your image will always still be behind the clipping mask, thats how a clipping mask works—it masks the image, rather than destructively cropping it.

The problem is therefor how you are exporting your artwork. However you export your artwork there are basically two options, export everything or export your artboard[s].

Using Export, simply check "Use Artboards":

Export Use Artboard

Using Save for Web, check "Clip to Artboard":

Save for Web Use Artboard

(Note, screenshots etc are from Illustrator CS6, things may look different in newer versions.)

If your artboard is not the same size as the artwork you want to export then select your image or clipping mask or whatever you want to export and go to Object → Artboards → Fit to Selected Art, which will fit the artboard to the selected object. You can then export at the correct size.

  • In Illustrator CC 22 (late 2017), it appears as though "Save for Web" is deprecated. This functionality is thankfully still possible but it looks like we'll need another workaround when they officially remove this feature. – Dan Loewenherz Dec 15 '17 at 14:32
  • 1
    @Dan Export isn’t deprecated though (which my answer shows too). I don’t use it enough to remember but I’d guess it’s an option in the new Export for Screens too. – Cai Dec 15 '17 at 14:49
  • True. I couldn't find it in the Export for Screens view. Hopefully it's just hidden somewhere. – Dan Loewenherz Dec 15 '17 at 15:15
  • 1
    Actually, I think Export for Screens does this by default. I'll check and update my answer once I've got a bit more time later today. – Cai Dec 15 '17 at 15:17
0

There is no way to change the size of an image in Illustrator that I know of, you would have to bring it into photoshop or lightroom or whatever program, make it the correct size or slightly larger, and then bring it into illustrator and apply a clipping mask. Illustrator retains the original file size so you can go back to the original size at any time which is usually quite helpful as people are fickle creatures.

If you'd like to reduce your file size, you can make your image a linked file while you're working on it and then embed it before exporting or sharing.

0

The best method I tried to resolve this is to create clipped image size art-board separately and copy each image to that and move to the asset export. Now click the small icon below that says "Launch the export for screens dialog".Select the art-board and rename it to the image name you want and click export art-board. Hope this helps!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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