Clicky

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.jpg (17 KB)
original (image/jpeg)
goal.jpg (6 KB)
goal (image/jpeg)

asked 10/30/2011 04:06

HelpNearMe's gravatar image

HelpNearMe ♦♦


8 Answers:
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.
link

answered

sigurarm's gravatar image

sigurarm

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.
link

answered 2011-10-30 at 13:14:57

sigurarm's gravatar image

sigurarm

@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
link

answered 2011-10-30 at 13:17:48

D_Brugge's gravatar image

D_Brugge

@D_Brugge: Thanks a lot. It's encouraging to get comments like that from experts like you.
link

answered 2011-10-30 at 13:19:33

sigurarm's gravatar image

sigurarm

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!
link

answered 2011-10-30 at 13:24:56

HelpNearMe's gravatar image

HelpNearMe

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
link

answered 2011-10-30 at 13:36:11

HelpNearMe's gravatar image

HelpNearMe

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.
original2-01.jpg
  • 91 KB
  • FirstoneDirectExport
FirstoneDirectExport
original3.jpg
  • 6 KB
  • SecondSaveForWebAndDevices
SecondSaveForWebAndDevices
    link

    answered 2011-10-30 at 13:50:37

    sigurarm's gravatar image

    sigurarm

    Great thank you!
    link

    answered 2011-10-30 at 14:13:42

    HelpNearMe's gravatar image

    HelpNearMe

    Your answer
    [hide preview]

    Follow this question

    By Email:

    Once you sign in you will be able to subscribe for any updates here

    By RSS:

    Answers

    Answers and Comments

    Tags:

    Asked: 10/30/2011 04:06

    Seen: 271 times

    Last updated: 10/30/2011 10:31