How To Make A Clipping Mask with Text in Illustrator

Подписаться 191 тыс.

Просмотров 237 тыс.

50% 1

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

Опубликовано:

28 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 117

@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 10 месяцев назад

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

@camz_6 4 года назад

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

@cherylgordon4786 7 месяцев назад

I love your tutorials. Thank you.

@zakelm7713 4 года назад

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

@ruqby 2 года назад

This lesson is actually pretty cool.

@jojo_hanss 3 года назад

Thank you, your explanations are great

@michaelmccrory2220 3 года назад

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

@lantzrobinson Год назад

Great video, Nick. Thank you!

@amaruf2008 3 года назад

Very helpful. Thank you.

@Gutterbonestm 3 года назад

Thank you, this was very helpful

@haninedjouad5261 2 года назад

amazing tutorial well explained thank you

@ItsKaiju 3 года назад

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

@md.shorifulislam8366 3 года назад

Mind Blowing Sir !!!

@Prettyboydougie56 4 года назад

Nice one Mann Thank U for the Tutorial l really appreciate

@teckbugz1278 3 года назад

Brb, lemme go try this really quick!

@Npmisantosh 3 года назад

Thanks a lot mate. You teach well

@CynergyDiva 2 года назад

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

@spectre8068 3 года назад

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

@dominiquemayor3745 4 года назад

thanks master NICK

@StephenIvey 2 года назад

BRILLIANT.

@ajiegfx7527 3 года назад

Excellent video.

@emosyn 2 года назад

Great and thanks for the info 😍😇

@fictionalrealityartsllc6112 3 года назад

That was awesome

@8thFloorHarmony 3 года назад

very well taught! : D

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

@claudiacamacho3030 2 года назад

Thank you so much!!

@samankarami9774 3 года назад

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

@hypecloud6507 2 года назад

Thank u that was helpful

@hameedkhanofficial4264 3 года назад

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

@mauriciohenrique2673 2 года назад

Awesome!

@lenarimele 3 года назад

thank you so much

@Mindset1989Channel 3 года назад

Thank you to tutorial😁

@Kiioo513 3 года назад

That's cool thanks

@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😭❤❤❤❤

@philmarie18 2 года назад

Thank you!!!!

@sogi7777 3 года назад

Excellent! TYTY!

@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 ru-vid.com/show-UCoZ6xDfIv3dU-0i0E86RdfA

@maximusdoomed 3 года назад

very nice indeed

@One_Films 4 года назад

Helpful👍👍

@YanBulam 2 года назад

Very inconvenient, with affinity just one click!

@estellac3926 2 года назад

Thank you so much. 😅

@chomsky72 2 года назад

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

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

@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

@sathirabr 2 года назад

THanks!!!!!

@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 ru-vid.com/show-UCoZ6xDfIv3dU-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!

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

@evenIllustrator3905 2 года назад

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?

@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 Год назад

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

@adamjames4374 3 года назад

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

@kvijayvijay5308 2 года назад

Nice...

@Jan-hr5nn 3 года назад

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

@rameshm.s7731 3 года назад

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

@BROProductionTUT 4 года назад

In Photoshop Pls

@sehrkhalid8408 3 года назад

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

@truthseeker922 2 года назад

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

@localculture18 3 года назад

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

@sovietroll7880 3 года назад

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

@Thyco2501 Год назад

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

@myheroabc Год назад

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

@tinotendarusere1644 Год назад

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

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

@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 4 месяца назад

can we do this on photoshop ?

@troqueidenick3622 3 года назад

Why Compound Path?

@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

@qlevrqt8886 3 года назад

It won't let me click create outlines

@adamfilip 3 года назад

6:20 for the answer

@dbora6871 2 года назад

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

@suju3056 2 года назад

same thought

@peacebewu 2 года назад

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

@greggcharles3021 2 года назад

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

@franzo.8953 2 года назад

4:28

@anonymouse7394 3 года назад

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

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

@ramalellison9205 2 года назад

This good but doing this in photoshop is much simpler

@ahmedabouelouazne3992 Год назад

Fuck ill co back later

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

@DhruvUppalFitnessandmore 2 года назад

I found this video helpful🙂 Do check out this video as well on "Masking in Adobe Illustrator" ✅ ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Fiub9YoGSiI.html

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

@hazemhazem6320 11 месяцев назад

use photoshop - better for photos

@bc.1141 Год назад

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

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