• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 532
  • Last Modified:

Adobe Illustrator Clipping Mask help

Hi Experts,

I have an illustration in AI (see attached file 'original') and I want to clip it to a width of 300px to become an object similar to the one in the file called goal.jpg.

I've been playing with clipping masks and pathfinder and can't figure it out.  Can someone explain how to do it?  Remember that the original object is a group of layers (elipses) and I couldn't seem to simple use a mask for some reason.

thanks!

HNM original goal
0
HelpNearMe
Asked:
HelpNearMe
  • 4
  • 3
1 Solution
 
Sigurdur ArmannssonDesignerCommented:
Assuming you want to make a jpg picture the best way is to make your Artboard 300 px in width.

Go to Shift+O and at the top right you can set the measure of the Artboard.
Go back to your illustrator with Escape.
Move your illustrator on the Artboard the way it should be cropped.
File>Export as jpg and check: Use Artboard.
0
 
Sigurdur ArmannssonDesignerCommented:
Using the mask works this way.

You have an illustration.
Draw a box the size of the mask you want. Do it by simply clicking once on the screen with the Rectangle tool (M) and set your measurement in the dialog box that appears.
Select the illustration and the box (which has to be on the top) and go: Object>Clipping Mask>Make.
0
 
David BruggeCommented:
@Sig,

I always enjoy your tips. I was getting ready to explain clipping paths and layers and such and you cut right to the chase.

I'll just go stand over here in a corner and watch and learn.

david brugge
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
Sigurdur ArmannssonDesignerCommented:
@D_Brugge: Thanks a lot. It's encouraging to get comments like that from experts like you.
0
 
HelpNearMeAuthor Commented:
Thats funny because as I was making the jpg versions for this post I adjusted the artboard and thought... why don't I just to it this way?  Anyway I'll give it a shot.. thanks!
0
 
HelpNearMeAuthor Commented:
Ok that works fine but the arc edges are super jagged in JPG and png format.  Pretty much useless for making a finished product.  Doc properties are set to 300dpi, JPEG is set to max resolution.

How can I get an image with smooth edges?

Thanks,

HNm
0
 
Sigurdur ArmannssonDesignerCommented:
The key to smooth edges is the resolution.
I tried an image similar to yours in 300 dpi using the artboard. It's smooth when watched at 100%, while File>Export for Web and Devices at highest jpg ratings it becomes less smooth.
However, the first one is 94k and the latter one is only 6K. FirstoneDirectExport SecondSaveForWebAndDevices
0
 
HelpNearMeAuthor Commented:
Great thank you!
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now