'Sometimes you want to show only part of your artwork, not the whole thing. Deleting portions of your work is not recommended in general especially since illustrator is equipped with a powerful feature called Clipping Masks.'
According to the definition given by Adobe, ''A clipping mask is an object whose shape masks other artwork so that only areas that lie within the shape are visible. I say you can think of a mask like watching a scene - image - illustration through a keyhole. The visible part of the scene is what lies beneath the 'Mask'.
Let me explain what I mean.
So start Illustrator, create a new document and import an image of your like. Select File > Place... from the Menu bar.
At the new window, browse until you locate a picture, let's say, somewhere in your computer so we can experiment with. Select it and click Place.
The photo has now been imported into Illustrator workspace.
Select the rectangle tool from the Toolbox and create a rectangle on top of the photograph similar to the one shown below. This object is called the clipping path.
Select both the rectangle and the photo (if you don't know how... check my tutorial on Selection Tools). From the Menu bar select Object > Clipping Mask > Make.
If you have followed along you should end up with something like the following.
The rule is that the object that stands on top of the stacking order will be used as the mask and the part of the image that lies inside this shape will be visible.
The objects that you mask are moved into the clipping mask’s group in the Layers panel as seen below. (Open the layers panel Windows > Layers, or simply press F7.)
As you see, we managed to keep the ugly car out of our sight. There are two frames with a blue border. The larger border is the outline of the original image. The smaller one is the outline of our clipping mask.
The objects that you mask are moved into the clipping mask’s group in the Layers panel as seen below. (Open the layers panel Windows > Layers, or simply press F7.)
As you see, we managed to keep the ugly car out of our sight. There are two frames with a blue border. The larger border is the outline of the original image. The smaller one is the outline of our clipping mask.
Now, take a look at the top panel. If you have deselected the clipping mask, you will not be able to see this tool bar, so go ahead and just select it again. We will focus on the two available editing modes while working with a clipping mask's group.
Have a look on the left hand side on the control panel. You have two options. You can either edit the 'contents' meaning the original image a portion of which you mask, or you can edit the clipping path itself.
Click on the Edit Clipping Path button . You will see that the only border available is that of the mask. Select the path with the Selection Tool and play around with the size of the rectangle or choose the Direct Selection Tool and adjust individual anchor points and see what happens.
Click on the Edit Contents button and move the original image, thus revealing a different portion of the photograph. This way you can make adjustments concerning the part of the image you want to show every time.
Let's say, that for some reason you do not need the mask anymore. How do you get rid of it? Very simple actually, select the mask, go to Object menu > Clipping Mask > Release...
This way you get the image and the rectangle independent from one another as two separate objects so you can delete the rectangle and move on with your design.
USEFUL TIP
In case you have a rectangular mask in mind, there is an even quicker way to achieve the final result. Place the image, select it and from the top panel and select Mask.
In case you have a rectangular mask in mind, there is an even quicker way to achieve the final result. Place the image, select it and from the top panel and select Mask.
By clicking the Mask button, a rectangular mask is automatically created on top of the image you placed, and you are transferred to the Clipping Mask environment. This automatically generated mask has the exact same dimensions with those of your image.
Now you are in clipping path mode (EXACTLY LIKE SHOWN BEFORE) so all you have to do is picking the selection tool you want and adjust the size and shape of the mask.
Exactly the same result, but much quicker... You do not have to create an extra rectangle on top of the image (to be used as a mask) and then edit its size and shape. Pretty cool.
As you will have probably guessed by now, any kind of shape can be used as a mask.
So roll your actions back and replace the rectangular shape with a star, circle or even Text. Below you can see the result with a star used as my clipping path.
Another useful application of clipping masks is when working with text. Instead of having a 'dull' and not so interesting fill colour, find a smashing image and use it as the text fill. Here is how you do it. Choose a thick Font (I used Franklin Gothic Medium Cond) and write something on top of your image. Select both the text and the image and create the Clipping Mask as explained before.
Furthermore, you can still edit your text like you would normally do (i.e. apply bold style to the text etc). The result can prove quite spectacular and your text may actually make the difference with great fills.
LAYER CLIPPING MASK
Another functionality that offers more flexibility in Illustrator is applying masks within the Layers panel. In brief, you use a layer to mask another layer. Let me show you an example.
Here I created a new document, and placed the same photo (of the doggy...). I opened the Layers Panel and placed it somewhere near my image so that I can easily access it. I went on and created a closed path (in yellow) that contains just the dog drinking water. I left out the car and the background of the image.
My original photo layer contains two elements. The Image element that contains the photograph, and the Path element that contains the yellow outline. My intention is to use this yellow stroked path as my mask so that I can only see what is inside that path. In order to achieve that I am going to use the Layer Mask.
Since it refers to a layer and its contents, you do not have to select anything. All you have to do is click on the Layer that contains the image and the path to select it, and then click on the Make Clipping Mask button shown below.
The result is shown below:
What happened is that the topmost object (clipping path) inside the original photo layer masked everything below it (Image). Now you can move forward with your illustration and create nicer background or add fancier elements in your artwork. Did you decide at a phase of the design that you do not want this layer masking? No problem. Select the layer again and just click the Make Clipping Mask button again. Your masking is gone.
That simple...hope you find it useful!
That simple...hope you find it useful!
713 comments:
«Oldest ‹Older 601 – 713 of 713cialis generic cialis no prescriptioncialis 10mg
buy tramadol online tramadol interactions???????? ????????
pharmacy in canada pharmacypharmacy 90034
ambien online ambien onlineambien problems
cialis online cialis sample packcialis soft uk
pharmacy online pharmacy 60622pharmacy 32825
generic viagra viagra rite aidviagra best price
canada pharmacy pharmacy managementpharmacy board texas
viagra viagra online in canadaviagra lasts how long
tadalafil tadalafilcanadian tadalafil online
generic viagra viagra canada buyviagra from canadian
tramadol online ??? ????? ????????tramadol ingredients
cialis 20mg cialis not working first timecialis 2.5
viagra 100mg viagra and cialisviagra online
canada pharmacy pharmacy residency letter of intentpharmacy 90212
http://www.cialisdrug.com/ cialis urinationcialis zocor
viagra 100mg 7 second viagraviagra without rx
cialis 20mg cialis 80 mgcialis tadalafil
pharmacy online pharmacy xtra chchpharmacy school rankings
cialis online uk cialis buycialis 5mg
http://www.reelorbit.com/ viagra in canadaviagra robin williams
cialis cialis 36 hourcialis japan
buy ambien online ambien 6.5 mgambien blackout
http://www.canadianpharma.org/ pharmacy healthcare solutionspharmacy law ce
http://www.levitran.com/ levitra $9 walmartmixing xanax levitra
generic cialis online cialis overnightcialis 5 mg coupon
phentermine phentermine qualitest brandphentermine long term side effects
tartrate zolpidem zolpidem versus ambienzolpidem 40mg
cialis cialis levitra viagracialis when to take
http://www.cialisrx.info/ cialis samplescialis commercial 2012
http://www.tnfosteryouth.org/ ativan po to iv conversionativan xanax conversion
http://www.canadianpharmacy4u.org/ pharmacy 8 cent stamppharmacy hours
valium online valium drug testvalium for dental work
phentermine bad breath phentermine 5mgphentermine and birth control
levitra versus cialis levitra jellylevitra super force
pharmacy in canada pharmacy one sourcepharmacy 80111
valium online valium in pregnancyvalium and pregnancy
cialis 10mg tablets cialis kidney paincialis quick does work
provigil legal provigil adhdprovigil canada
viagra canada london drugs non prescription viagra canadais the viagra you buy online real
cialis online cialis storiescialis x viagra
generic viagra viagra by mailviagra para mujeres
canadian pharmacy pharmacy week giftspharmacy xavier university
viagra manufacturer canada viagra in canada no prescriptionviagra canada best price
cialis women cialis y alcoholcialis daily use review
cialis news cialis urine flowcialis overnight
viagra canada viagra online australiacheap viagra germany
buy cialis cialis 20 mg couponcialis uk
viagra 100mg viagra 4 packviagra dooz 99000
tadalafil from india tadalafil 900 mgtadalafil dosage bodybuilding
cialis 50mg cialis 2.5mg reviewscialis one a day
levitra at walgreens levitra youtubemixing xanax levitra
pharmacy manager salary pharmacy 24 hours brooklynpharmacy requirements
pharmacy quiz questions pharmacy technician salarypharmacy 89102
cialis tubs cialis x viagra x levitracialis xalatan
viagra in uk viagra high blood pressureviagra price comparison
cialis generic cialis uk supplierscialis medication
cialis coupon cialis 3 daycialis 5mg
pharmacy ku pharmacy requirementspharmacy walmart hours
buy cheap viagra viagra 150viagra jet mexico
buy viagra uk viagra 50mg reviewsviagra hearing loss
cialis patent cialis 20 mgcialis overdose
cialis 69 cialis professionalcialis 69
pharmacy requirements pharmacy 77060pharmacy 53
cheap viagra in london viagra costebay canada viagra
cialis online cialis 40cialis uk kaufen
online modafinil modafinil birth control500 mg modafinil
pharmacy online usa pharmacy 90405pharmacy graduate school
levitra women levitra 5mg pricelevitra discount card
cialis yahoo cialis quizcialis youtube commercial
viagra free samples viagra youtubeviagra 4 less
cialis 3 day cialis costcialis pdo 6
zolpidem tartrate dosage zolpidem 6.25 mgzolpidem 10mg generic
buy quality viagra online viagra off patentcheap viagra 100mg mastercard
pharmacy 6 year program pharmacy 90025pharmacy in spanish
cialis commercial bathtub cialis yellow pillcialis low blood pressure
buy tadalafil powder tadalafil analoguesbuytadalafil.eu
levitra 40 mg generic levitra jak dzialalevitra 20 mg directions
cialis 30 day supply cialis bathtub symbolismcialis 72 ore
viagra mechanism cheap viagra realvente du viagra au canada
viagra online free shipping viagra online rpgviagra high blood pressure
ativan yan etkileri ativan quick actingtook 8 mg of ativan
dapoxetine vs prozac pharmacy compoundingpharmacy drugs
cialis quebec cialis imagescialis uk reviews
viagra online prescription viagra online canadian pharmacyviagra triangle
online tadalafil tadalafil order onlineonline pharmacy tadalafil 20mg
cialis without prescription cialis 600cialis 20
viagra 3 day delivery viagra 7 11viagra 50mg price
modafinil 100 vs 200 modafinil 4 hours sleep600 mg modafinil
pharmacy guild pharmacy week gamespharmacy 85016
pharmacy 500 pharmacy compounding accreditation boardpharmacy 90027
pharmacy 797 pharmacy designpharmacy qfc
pharmacy schools in florida pharmacy mathpharmacy quotes funny
viagra nitrates viagra canadaviagra 200mg
modafinil limitless modafinil sun pharmamodafinil yahoo answers
modafinil nootropic modafinil vs methylphenidatemodafinil synthesis
viagra 50mg viagra online canadian pharmacyviagra korea
modafinil in stores modafinil adhdmodafinil no rx
viagra risks viagra 4 saleviagra movie
viagra movie viagra 48 hoursviagra quotes funny
dapoxetine hydrochloride pharmacy 4 upharmacy week 2012
viagra vs levitra viagra can women takeviagra los angeles
viagra jacket viagra and womenviagra and nitrates
valium like drugs valium for back painvalium 2632
ambien jitters ambien experiencesambien 6.25 cr
pharmacy 860 apartments pharmacy 5th ave park slopepharmacy nashville tn
viagra vasodilator viagra 40 mgviagra duration
viagra 99.00 viagra 40 year oldviagra 600mg
cialis dosage 60 mg cialis effectscialis no prescription needed
ambien kidney stones ambien risksambien first trimester
xanax indications xanax 031xanax показания
pharmacy week games pharmacy law cepharmacy interview questions
valium mixed with alcohol valium prescribed forvalium 70s
pharmacy in canada pharmacy graduate schoolpharmacy rx world
cialis 48 hours cialis shelf lifecialis usa pharmacy
modafinil years modafinil apomodafinil generic price
viagra .99 tosh.0 viagra testviagra 150
ambien trip report ambien next day side effectsambien and jwh-018
cialis half life cialis 4467cialis листовка
valium tolerance valium vs flexerilvalium gem
viagra versus levitra viagra drug classviagra jet
pharmacy zurich airport pharmacy xanaxpharmacy 4 all
cialis 5mg cialis coupon walgreensgeneric cialis 60 mg
pharmacy 0-6 schools pharmacy week activitiespharmacy 53
ativan birth defects ativan 5mg side effectsativan 457
pharmacy 07920 pharmacy tarrytownpharmacy times
viagra kamagra viagra xanaxviagra makes you last longer
cialis urine flow лекарство new cialisсиалис применение
pharmacy online canada pharmacy universitiespharmacy vials
ambien wiki ambien usesambient occlusion
pharmacy jobs in nj pharmacy 8333 weston roadpharmacy kickback
cialis gel uk cialis genericcialis 30 day cost
valium gas valium for vertigovalium gel
viagra rite aid viagra blue visionviagra from canada
modafinil vs ritalin modafinil quebecmodafinil usa
ativan duration ativan yawningativan vs lorazepam
viagra last longer viagra logoviagra tablets
ambien xr side effects ambien usageambien 6.25mg cr
viagra 0nline viagra by mailviagra quick
xanax 605 ксанакс листовкаxanax xr vs xanax
pharmacy internships summer 2013 pharmacy 08902pharmacy 2000
pharmacy nearby pharmacy interview questionspharmacy discount card
viagra levitra cialis viagra what does it doviagra gay challenge
viagra 007 viagra usageviagra 8000
pharmacy law pharmacy quality alliancepharmacy years of school
pharmacy 547 pharmacy 90210pharmacy gifts
viagra brand viagra low blood pressureviagra and cialis
generic viagra cialis uk cialis kopencialis low dose
dapoxetine does it work pharmacy assistant salarypharmacy king soopers
modafinil que es modafinil vs adderallmodafinil duration
dapoxetine new drug application information pharmacy superstorepharmacy data management
pharmacy automation pharmacy innovationspharmacy king soopers
modafinil long term effects modafinil medicationmodafinil cost
viagra how to take viagra and alcoholviagra yahoo answers
ativan and xanax ativan gel compoundativan ingredients
viagra free sample viagra 70 years plus menviagra for young men
cialis medicare coverage cialis листовкаcialis and bph
http://www.buyambienonlines.com/ ambien for childrenambien death
buy valium online buy valium 90 pillsvalium with alcohol
buy cialis cialis for daily usecialis 05668
ambien ambien 10mg highambien dreams
online ambien ambien 79ambien snorting
generic viagra viagra 0800viagra over 60s
http://www.viagranoprescriptions.net/ viagra free trialviagra nitroglycerin
buy viagra viagra logoviagra 50mg tablets
pharmacy director salary pharmacy fellowshippharmacy schools
dapoxetine ranbaxy pharmacy 24/7pharmacy manpower
viagra and alcohol viagra 50 mg costviagra pills
cialis jakarta cialis 80 mg pricecialis 120 mg
With havin so much written content do you ever run into any issues of plagorism or copyright violation?
My website has a lot of unique content I've either authored myself or outsourced but it appears a lot of it is popping it up all over the internet without my agreement. Do you know any techniques to help protect against content from being ripped off? I'd certainly appreciate it.
Feel free to surf to my weblog ... advokatska tarifa
Hi! Do you know if they make any plugins to help with Search Engine Optimization?
I'm trying to get my blog to rank for some targeted keywords but I'm not seeing very good success.
If you know of any please share. Cheers!
Also visit my webpage :: luggage bags
Your website is very chatty. It will be useful for all of us. You have done a good work. I will come here again to analyze new updates. Thanks for posting.
Hi, I have just purchased CS3, and I going through the tutorial to start. When I get to page 27 in the classroom in a book, it tells me there should be an Edit Clipping Button on the left side of the control panel. But there is nothing there.
Can anyone suggest what I may be doing wrong?
Thanks you.
thank you with this publish, My business is a major big fan with this site would choose to keep up to date.
Great job here. I really enjoyed what you had to say. Keep going because you definitely bring a new voice to this subject. Not many people would say what youve said and still make it interesting. Well, at least Im interested. Cant wait to see more of this from you.
clippingpath
Using clipping path service pictures create attractive atmosphere in the world of creativity. Thanks for sharing blog.
Clipping path unique offers photo shop making images at affordable price. Expertise of our implement images using photo retouching, photo manipulation, photo masking, image editing, clipping path service.
Clipping path unique offer clipping path service at affordable price. Experts designs the pictures by applying techniques of clipping path such as image shading, image manipulation, photo editing,photo retouching and many more techniques.
Hey, its a really great blog post of i enjoyed the illustrator tutorial.Thanks for a share with us.good bye.
very informative and helpful tutorial on clipping mask. unique clipping path give this service professionally
clipping path service
clipping path
photo retouching
Excellent post! Thank you for sharing this useful post.
Singapore webdesign Company
Thanks you very much for your informative and effective post. I think it is very useful content for visitor. Again thanks for sharing.
Clipping Path Service
The article is very professional. I also happy to get the post. I wait for next post.
clipping path service
Good describe step by step that is easier to understand. Hopefully this knowledge i utilize my next work. Thanks a lot.
clipping path service
clipping path service
I was about to say something on this topic. But now i can see that everything on this topic is very amazing and mind blowing, so i have nothing to say here. I am just going through all the topics and being appreciated. Thanks for sharing.
I would like to say thank for sharing this great article. We can’t get this kind of information from
verhuisbedrijf zoetermeer
Interesting post and thanks for sharing. Some things in here I have not thought about before. Thanks for making such a cool post.
badgarnituur
This is a very informative post.I was looking for these things and here I found it. I am doing a project and this information is very useful me.
The ideas are strongly pointed out and clearly emphasized.Thanks for sharing your thoughts and ideas on this one.
I Like this tutorial. Really you are a creative and professional photo masking expert, I’ve learned from here new technique about photo mask. Keep it up.
themes, templates, free, cms, ecommerce, , html, psd, flash
wordpress, joomla, drupal, vBulletin, Concrete 5, magento, opencart, WooCommerce, Prestashop Graphics,Vectors
nice and helpful Adobe Illustrator CS3 Tutorial thanks for sharing with us
Educational and professional tutorial. Thanks
clipping path service
clipping path
color correctoin service
Digital photography is quickly becoming persistent in our community and as a result of that picture modifying application is also illustrating a lot of attention. A picture modifying application allows you to improve your electronic pictures.
Clipping Path Services
Transporation, Loading Unloading, packing Unpacking at affordable ✔✔✔ Price Quotation. Top Rated, Safe and Secure Service Providers who can help you with 24x7 and make sure a Untroubled Relocation Services at Cheapest/Lowest Rate
Packers And Movers Mumbai
Good post. This tutorial is extremely useful and helpful for us. Thanks for sharing this with us and you can additionally examine our internet site to obtain more info regarding the clipping path and also clipping path service.
Post a Comment