How To Make A Clipping Mask with Text in Illustrator

Рет қаралды 238,599

Күн бұрын

In this tutorial I’ll be demonstrating how you can use a photo to make a clipping mask with text in Illustrator. It will create the appearance that your text is made of a photo. We’ll also be utilizing a simple trick to make a pop-out effect where it appears as if certain areas of the subject/photo are popping out from the text.
If you want to learn more about logo design, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them: logosbynick.com/learn/
Need a logo? Check out my portfolio and hire me at: www.logosbynick.com
Intro song: "In Da Mood" by Combustibles, used with written permission

Пікірлер: 118

@thekrispypub14 2 жыл бұрын

I could never be more happy that when someone who demonstrates a tutorial provides precise and straight-on content without any huffs and puffs. Thank you kindly, bro

@Elleng4558 11 ай бұрын

This is the best. Thank you for narrating and explaining what you are doing with the shortcuts!

@zakelm7713 4 жыл бұрын

Thank you for your lessons, I learn so fast and so easily thanks to all of yours explainations! Thank you !!

@camz_6 4 жыл бұрын

Yo i just tried this and the end was result was absolutely DOPE

@cherylgordon4786 8 ай бұрын

I love your tutorials. Thank you.

@michaelmccrory2220 3 жыл бұрын

It's a 10/10 from me. Excellent tip. Thank you.

@jojo_hanss 3 жыл бұрын

Thank you, your explanations are great

@haninedjouad5261 2 жыл бұрын

amazing tutorial well explained thank you

@lantzrobinson Жыл бұрын

Great video, Nick. Thank you!

@ruqby 2 жыл бұрын

This lesson is actually pretty cool.

@Gutterbonestm 3 жыл бұрын

Thank you, this was very helpful

@Prettyboydougie56 4 жыл бұрын

Nice one Mann Thank U for the Tutorial l really appreciate

@Npmisantosh 3 жыл бұрын

Thanks a lot mate. You teach well

@md.shorifulislam8366 3 жыл бұрын

Mind Blowing Sir !!!

@ItsKaiju 3 жыл бұрын

Man this channel is the best! Quality stuff and super helpful! Who's here before it reaches a mill?

@spectre8068 3 жыл бұрын

u have very very cool ideas ....thanks a lot for the video

@teckbugz1278 4 жыл бұрын

Brb, lemme go try this really quick!

@amaruf2008 3 жыл бұрын

Very helpful. Thank you.

@MLDesign31 15 күн бұрын

The best tutorial video

@hameedkhanofficial4264 3 жыл бұрын

It's useful video. I Just tried one time and i got the result. Thanks

@katsuyahatta446 3 жыл бұрын

Oh my god, he showed me this technique in 7 minutes !! Thank you very much.

@greggcharles3021 2 жыл бұрын

It doesn't work as he says....my University lecturer went through it with me because I got so far and it wouldn't work....there are apparently a lot of elements to getting to the finished which were missed out....

@CynergyDiva 3 жыл бұрын

I love this! Thank you. Can this be done offsetting the image from the text a bit?

@Mr.saman.karami 3 жыл бұрын

Thanks a looooooooooooooooooooooot man , it was veeeeeeeeeeeeeeeery useful for me ! you saved me

@emosyn 2 жыл бұрын

Great and thanks for the info 😍😇

@dominiquemayor3745 4 жыл бұрын

thanks master NICK

@claudiacamacho3030 2 жыл бұрын

Thank you so much!!

@ajiegfx7527 3 жыл бұрын

Excellent video.

@StephenIvey 2 жыл бұрын

BRILLIANT.

@windfall4396 3 жыл бұрын

Ohhh man! great thanks! You helped me to complete my task at last. I know a lot but not enough. Great thanks and greetings from Ukraine!

@rsbdtech 3 жыл бұрын

see more kzfaq.info/love/oZ6xDfIv3dU-0i0E86RdfA

@8thFloorHarmony 3 жыл бұрын

very well taught! : D

@fictionalrealityartsllc6112 3 жыл бұрын

That was awesome

@lenarimele 3 жыл бұрын

thank you so much

@hypecloud6507 2 жыл бұрын

Thank u that was helpful

@Mindset1989Channel 3 жыл бұрын

Thank you to tutorial😁

@mauriciohenrique2673 2 жыл бұрын

Awesome!

@Kiioo513 3 жыл бұрын

That's cool thanks

@philmarie18 2 жыл бұрын

Thank you!!!!

@SoGiEli777 3 жыл бұрын

Excellent! TYTY!

@maximusdoomed 3 жыл бұрын

very nice indeed

@artbyriya. Жыл бұрын

MAN! You earnt my subscribe fr 💀I have an exam where I have to submit many logos and I'm so bad at digital stuff aaaaaaaa hdjcgbsrb8ct4rweh THANK YOU MAN!!!! I was stuck on this since hours but your comprehensive video helped me in minutes😭❤❤❤❤

@YanBulam 2 жыл бұрын

Very inconvenient, with affinity just one click!

@estellac3926 2 жыл бұрын

Thank you so much. 😅

@One_Films 4 жыл бұрын

Helpful👍👍

@debuhokontra2006 4 жыл бұрын

hi I want to know if the object inside clipping mask can be move if im not satisfied with the position, icant move the object inside clipping mask thanks

@nazirahmed1334 3 жыл бұрын

Sir Thank you

@evenIllustrator3905 3 жыл бұрын

Hello there. I was having some problems about the opacity of the mask. Like after I made the clipping mask it really became unclear, the image I made the clipping mask on is also not clear. What can I do to solve the solve this problem?

@chomsky72 3 жыл бұрын

Great videos. Very informative. My confusion is about what are the different things you can do with text: what is the difference among Expand, Outline and making Compound Path when manipulating text?

@mauriciohenrique2673 2 жыл бұрын

Same doubts... but this video is perfect in the sense of being very pragmatic

@adamjames4374 3 жыл бұрын

When I’m trying to do this with texture it just makes me do each letter individually

@pamk2651 3 жыл бұрын

Hi, Thank you for this video. Could you help? I have followed your steps, but my image appears to be in front of the text I have attempted to mask it on... Thanks!

@jcraff3 Жыл бұрын

If you wanted to change the text color is it something to do ahead of time or it can be altered any time? Like maybe the background of the image isn’t the color you wanted (which is what you chose)

@WendyMarieMedia 3 жыл бұрын

Nick, just want to say, I love your illustrator and inkscape tutorials. You explain things flawlessly. I'm just wondering about the compound path/shape that you made after uniting. I assume that was necessary in order to make the clipping mask? It's just that it seems like after uniting all to one shape that you wouldn't need to make a compound shape/path. Thanks!

@rsbdtech 3 жыл бұрын

see more kzfaq.info/love/oZ6xDfIv3dU-0i0E86RdfA

@harinderkaur4515 3 жыл бұрын

Same question!

@futuristica1710 3 жыл бұрын

Nice, thx! You can also kern before turning on vectors, works faster ;-)

@codyroche7586 3 жыл бұрын

That was my first thought when he started that. Nice video though!

@sathirabr 3 жыл бұрын

THanks!!!!!

@Jan-hr5nn 3 жыл бұрын

Can anyone tell me if I can do this in indesign as well? Thank you very much.

@sehrkhalid8408 3 жыл бұрын

Sir ap pen tool se kaise sb line blkul accurate le k jate hain??kindly tell me

@rameshm.s7731 3 жыл бұрын

I need the same photo can you add the link of the photo to editi

@localculture18 3 жыл бұрын

I went to your website and didn't find where i can download the free grudge textures

@truthseeker922 3 жыл бұрын

Is there any way of replicating this in some way in PowerPoint?

@kvijayvijay5308 2 жыл бұрын

Nice...

@miksivak3747 2 жыл бұрын

Great video! Is there a reason you didn't use the kerning feature in the font editor to bring the letters closer, instead of doing it manually?

@kw8959 2 жыл бұрын

I KNOW RIGHT. WAY EASIER

@mordzielikplim1328 2 жыл бұрын

True, but I believe he won't be able to do so because he made them outlines so they cease to be text hence he can't edit them

@sovietroll7880 3 жыл бұрын

Isnt more easier if you just duplicate the subject and mask them afterward rathen than use pen tool?

@BROProductionTUT 4 жыл бұрын

In Photoshop Pls

@Thyco2501 Жыл бұрын

Is it possible to invert a clipping mask like in Photoshop?

@tinotendarusere1644 Жыл бұрын

Is it possible to use text you have not typed in illustrator so that it acts as a clipping mask?

@myheroabc Жыл бұрын

hai, im interested how did you make your intro ? thanks

@qlevrqt8886 3 жыл бұрын

It won't let me click create outlines

@jong1517 4 жыл бұрын

Is there any way to do this with a shape. Like maybe something like a 3D pop out but not in photoshop but illustrate

@DesignMadeSimple 4 жыл бұрын

Yes, you can use any vector object for this. It doesn't have to be text.

@jong1517 4 жыл бұрын

@@DesignMadeSimple THANK YOU 100 FOR THE REPLY ! AND THANKS TO YOUR VIDEO MY LOGO IS COMPLETE ! THANK YOU TRULY.

@troqueidenick3622 3 жыл бұрын

Why Compound Path?

@MrSHURIKENCHO 4 жыл бұрын

Quick question - at 5:22 your mast overlay is solid and then it turns transparent - how do i do that? I cant mask things if i cant see them...

@DesignMadeSimple 4 жыл бұрын

There's an opacity slider at the top of the screen in the toolbar

@MrSHURIKENCHO 4 жыл бұрын

@@DesignMadeSimple Oh thanks, man. Thank you for taking the time to teach basic stuff to dum-dums like me. It really helps and while I may not get into this as a career or even a hobby, I love to learn new things. Who knows, maybe when I understand things better I will get addicted.

@saurabhwaghmare9435 5 ай бұрын

can we do this on photoshop ?

@Cricketkiduniya077 3 жыл бұрын

can anyone tell me which font used in this video ? and also suggest me the effective fonts for t shirts designs :)

@DesignMadeSimple 3 жыл бұрын

The font I used is called Serrona

@dbora6871 2 жыл бұрын

how can your pen tool automatically drag the selected photos like that? 5:23

@suju3056 2 жыл бұрын

same thought

@peacebewu 3 жыл бұрын

Why can't I seem to make a mask of all the text all at once? Mine only does one letter at a time

@graphicallydeb9897 Жыл бұрын

I'm following the instructions and when I hit "create Clipping Mask the image disappears.. everything dissapears??

@raffaeles1982 4 жыл бұрын

When I click Pathfinder to bring it up, the path of the text becomes transparent ...

@Prettyboydougie56 4 жыл бұрын

u didn't follow the steps correctly

@adamfilip 3 жыл бұрын

6:20 for the answer

@greggcharles3021 2 жыл бұрын

I have tried and tried and tried and followed to the second and it just won't do what you are doing...

@pongofficial Жыл бұрын

Why does mine says "can't make compound path. All objects must be paths,..." after I unite it.

@DesignMadeSimple Жыл бұрын

It could be for several reasons but my guess would be that your text hasn't been converted to curves yet. Try selecting the text and going pressing Control + Shift + O

@pongofficial Жыл бұрын

@@DesignMadeSimple Its working now, Thank you!

@gregwoolliscroft6255 2 жыл бұрын

Didn't work, I couldnt get the letters to re- group by selecting the last letter and pressing shift, I tried many times and kept repeating the video, but it didnt work...

@anonymouse7394 3 жыл бұрын

Dope that ur name is nick lol. So is mine. Common name but still dope lol

@franzo.8953 2 жыл бұрын

4:28

@ramalellison9205 2 жыл бұрын

This good but doing this in photoshop is much simpler

@greggcharles3021 2 жыл бұрын

SO....my university lecturer went through this video with me to the point where it wouldn't work....and yes, YOU HAVE MISSED BITS OUT......!!!!!!!!!!!!!!!!!!!!!!!

@sircsm9360 3 жыл бұрын

You can adjust the spacing of the letters by just clicking ALT + arrow left or right before you create the outlines. Lol

@DesignMadeSimple 3 жыл бұрын

True, but it's not as precise.

@ahmedabouelouazne3992 Жыл бұрын

Fuck ill co back later

@greggcharles3021 2 жыл бұрын

TOO FAST...telling us like we already know..I struggled with the pen tool, so no tips there, I clicked on the photo with the select tool, that didn't work, then I couldn't find unite on pathfinder, so I gave up...

@DesignMadeSimple 2 жыл бұрын

What exactly is the problem you are having? Could you describe it in more detail?

@greggcharles3021 2 жыл бұрын

@@DesignMadeSimple Everything works up until deselecting and going to pathfinder...nothing goes right from this point...thank you for asking, I subscribed to your channel...

@DhruvUppalFitnessandmore 2 жыл бұрын

I found this video helpful🙂 Do check out this video as well on "Masking in Adobe Illustrator" ✅ kzfaq.info/get/bejne/fM-llZyK1K23mX0.html

@hazemhazem6320 Жыл бұрын

use photoshop - better for photos

@bc.1141 2 жыл бұрын

Long story short use photoshop and this will be 10x easier to accomplish

@cineshop2529 4 жыл бұрын

Please make your tutorials little bit slow

@kshitiz.maurya 4 жыл бұрын

settings > playback speed > 0.75

@oldboy4782 3 жыл бұрын

talks to much

@gideonteehai2112 3 жыл бұрын

Not helpful

@howardmathews5572 3 жыл бұрын

Actually Illustrator is EXTERMELY and stupidly annoying. You certainly cannot do everything you can imagine unlike photoshop, can you imagine I'm sitting for HOURS trying to "inverse" a mask?! I don't know what the F is wrong with Adobe not making this simple silly thing possible! I'm trying to hide a little area, so instead of making a shape of that exact SMALL area, no! Adobe has a better idea, it wants you to drow the WHOLE main shape, then clip it so that small area disappears. Oh my god.