Solved

Illlustrator: crop image to an image shape

Posted on 2009-07-08
6
520 Views
Last Modified: 2013-12-25
Hi,

I need to learn how to "crop an image" according to another image, in illustrator.  It is hard to explain in text, so please refer to the image below.

You see the star in the image?  I would like to have an image that have everything outside the star removed.  A function that I would select an image and do something like "remove everything outside this vector".  So the result would be the star, with it's content and it's stroke, with the rest as transparent backgroud, so do do a png.

Please let me know if you have questions!  Thank's a lot!  I've been missing this knowledge for years, now!

It seems
example-jpg.jpg
example-ai.pdf
0
Comment
Question by:ThanksWelcome
  • 4
  • 2
6 Comments
 
LVL 30

Accepted Solution

by:
captain earned 500 total points
ID: 24804482
Hi

If you want to do this you create what is called a 'Clipping Mask' for an Object. You need to place all your objects to be 'clipped in a group. Then take your star and make sure it is in front of the group.

Now either use the Object menu => Clipping Mask>Make or press CTRL+7 to apply the mask.

hth
capt.
0
 
LVL 30

Assisted Solution

by:captain
captain earned 500 total points
ID: 24804504
btw, if you want to release the mask you can do this from the same menu or use CTRL+SHIFT+7.

To align objcts within a clipped group you can use the 'Direct section too' (small hollow arrow top right of the toolbar) and move the objects individually without disturbing the whole group.

hth
capt.
0
 

Author Comment

by:ThanksWelcome
ID: 24804607
Hi,

Wow!!!  I've been trying to do this for so long!  There is just one thing though:  The star stroke disappeared.  Do you know what I should have done to my file before clipping so that I would not have lost it?

Thank's again!
exampleClippedWithoutBorder.jpg
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 30

Assisted Solution

by:captain
captain earned 500 total points
ID: 24804666
Hi

yes it is designed to remove the stroke by default, simply use the Direct selection tool to select the star only and then apply the stroke again and you are done.

hth
capt.
0
 

Author Closing Comment

by:ThanksWelcome
ID: 31601124
Youppi, thanks!
0
 
LVL 30

Expert Comment

by:captain
ID: 24804768
Thanks :o)

Let us know if you need anything else.

capt.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Link to post behind image slider 1 52
How to get statistic's from a competitors website?! 1 87
FTP File permissions 1 45
Menu Inconsistent 3 33
Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The viewer will learn how to dynamically set the form action using jQuery.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now