How To Make A Clipping Mask with Text in Illustrator

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ก.ค. 2024
  • 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
    @thekrispypub14 2 ปีที่แล้ว +18

    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
    @Elleng4558 ปีที่แล้ว +2

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

  • @cherylgordon4786
    @cherylgordon4786 8 หลายเดือนก่อน +1

    I love your tutorials. Thank you.

  • @ruqby
    @ruqby 2 ปีที่แล้ว +1

    This lesson is actually pretty cool.

  • @camz_6
    @camz_6 4 ปีที่แล้ว +29

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

  • @MLDesign31
    @MLDesign31 19 วันที่ผ่านมา

    The best tutorial video

  • @michaelmccrory2220
    @michaelmccrory2220 3 ปีที่แล้ว +1

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

  • @ItsKaiju
    @ItsKaiju 3 ปีที่แล้ว +2

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

  • @lantzrobinson
    @lantzrobinson ปีที่แล้ว

    Great video, Nick.
    Thank you!

  • @zakelm7713
    @zakelm7713 4 ปีที่แล้ว +10

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

  • @jojo_hanss
    @jojo_hanss 4 ปีที่แล้ว

    Thank you, your explanations are great

  • @md.shorifulislam8366
    @md.shorifulislam8366 3 ปีที่แล้ว

    Mind Blowing Sir !!!

  • @Gutterbonestm
    @Gutterbonestm 3 ปีที่แล้ว

    Thank you, this was very helpful

  • @haninedjouad5261
    @haninedjouad5261 2 ปีที่แล้ว

    amazing tutorial well explained thank you

  • @Npmisantosh
    @Npmisantosh 3 ปีที่แล้ว

    Thanks a lot mate. You teach well

  • @StephenIvey
    @StephenIvey 2 ปีที่แล้ว

    BRILLIANT.

  • @Prettyboydougie56
    @Prettyboydougie56 4 ปีที่แล้ว +1

    Nice one Mann Thank U for the Tutorial l really appreciate

  • @teckbugz1278
    @teckbugz1278 4 ปีที่แล้ว

    Brb, lemme go try this really quick!

  • @katsuyahatta446
    @katsuyahatta446 3 ปีที่แล้ว +1

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

    • @greggcharles3021
      @greggcharles3021 3 ปีที่แล้ว

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

  • @dominiquemayor3745
    @dominiquemayor3745 4 ปีที่แล้ว

    thanks master NICK

  • @emosyn
    @emosyn 2 ปีที่แล้ว

    Great and thanks for the info 😍😇

  • @Mr.saman.karami
    @Mr.saman.karami 3 ปีที่แล้ว

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

  • @amaruf2008
    @amaruf2008 3 ปีที่แล้ว

    Very helpful. Thank you.

  • @spectre8068
    @spectre8068 3 ปีที่แล้ว +1

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

  • @claudiacamacho3030
    @claudiacamacho3030 2 ปีที่แล้ว

    Thank you so much!!

  • @fictionalrealityartsllc6112
    @fictionalrealityartsllc6112 3 ปีที่แล้ว

    That was awesome

  • @ajiegfx7527
    @ajiegfx7527 3 ปีที่แล้ว

    Excellent video.

  • @hameedkhanofficial4264
    @hameedkhanofficial4264 3 ปีที่แล้ว

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

  • @8thFloorHarmony
    @8thFloorHarmony 3 ปีที่แล้ว

    very well taught! : D

  • @windfall4396
    @windfall4396 3 ปีที่แล้ว +1

    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
      @rsbdtech 3 ปีที่แล้ว

      see more th-cam.com/channels/oZ6xDfIv3dU-0i0E86RdfA.html

  • @lenarimele
    @lenarimele 3 ปีที่แล้ว

    thank you so much

  • @artbyriya.
    @artbyriya. ปีที่แล้ว +1

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

  • @CynergyDiva
    @CynergyDiva 3 ปีที่แล้ว

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

  • @mauriciohenrique2673
    @mauriciohenrique2673 2 ปีที่แล้ว

    Awesome!

  • @hypecloud6507
    @hypecloud6507 2 ปีที่แล้ว

    Thank u that was helpful

  • @Mindset1989Channel
    @Mindset1989Channel 3 ปีที่แล้ว

    Thank you to tutorial😁

  • @SoGiEli777
    @SoGiEli777 3 ปีที่แล้ว

    Excellent! TYTY!

  • @Kiioo513
    @Kiioo513 3 ปีที่แล้ว

    That's cool thanks

  • @philmarie18
    @philmarie18 2 ปีที่แล้ว

    Thank you!!!!

  • @maximusdoomed
    @maximusdoomed 3 ปีที่แล้ว

    very nice indeed

  • @YanBulam
    @YanBulam 2 ปีที่แล้ว

    Very inconvenient, with affinity just one click!

  • @debuhokontra2006
    @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

  • @evenIllustrator3905
    @evenIllustrator3905 3 ปีที่แล้ว +1

    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?

  • @estellac3926
    @estellac3926 2 ปีที่แล้ว

    Thank you so much. 😅

  • @One_Films
    @One_Films 4 ปีที่แล้ว

    Helpful👍👍

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

  • @nazirahmed1334
    @nazirahmed1334 3 ปีที่แล้ว

    Sir Thank you

  • @sathirabr
    @sathirabr 3 ปีที่แล้ว

    THanks!!!!!

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

  • @Jan-hr5nn
    @Jan-hr5nn 3 ปีที่แล้ว

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

  • @localculture18
    @localculture18 3 ปีที่แล้ว

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

  • @sehrkhalid8408
    @sehrkhalid8408 3 ปีที่แล้ว

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

  • @WendyMarieMedia
    @WendyMarieMedia 3 ปีที่แล้ว +1

    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
      @rsbdtech 3 ปีที่แล้ว

      see more th-cam.com/channels/oZ6xDfIv3dU-0i0E86RdfA.html

    • @harinderkaur4515
      @harinderkaur4515 3 ปีที่แล้ว +1

      Same question!

  • @adamjames4374
    @adamjames4374 3 ปีที่แล้ว

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

  • @chomsky72
    @chomsky72 3 ปีที่แล้ว +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
      @mauriciohenrique2673 2 ปีที่แล้ว

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

  • @tinotendarusere1644
    @tinotendarusere1644 ปีที่แล้ว

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

  • @Thyco2501
    @Thyco2501 ปีที่แล้ว

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

  • @truthseeker922
    @truthseeker922 3 ปีที่แล้ว

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

  • @futuristica1710
    @futuristica1710 3 ปีที่แล้ว +1

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

    • @codyroche7586
      @codyroche7586 3 ปีที่แล้ว

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

  • @kvijayvijay5308
    @kvijayvijay5308 2 ปีที่แล้ว

    Nice...

  • @rameshm.s7731
    @rameshm.s7731 3 ปีที่แล้ว

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

  • @miksivak3747
    @miksivak3747 2 ปีที่แล้ว +4

    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
      @kw8959 2 ปีที่แล้ว +4

      I KNOW RIGHT. WAY EASIER

    • @mordzielikplim1328
      @mordzielikplim1328 2 ปีที่แล้ว +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

  • @saurabhwaghmare9435
    @saurabhwaghmare9435 5 หลายเดือนก่อน

    can we do this on photoshop ?

  • @myheroabc
    @myheroabc ปีที่แล้ว

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

  • @MrSHURIKENCHO
    @MrSHURIKENCHO 4 ปีที่แล้ว +2

    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
      @DesignMadeSimple  4 ปีที่แล้ว +1

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

    • @MrSHURIKENCHO
      @MrSHURIKENCHO 4 ปีที่แล้ว +2

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

  • @Amarok_38
    @Amarok_38 4 ปีที่แล้ว +1

    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
      @DesignMadeSimple  4 ปีที่แล้ว +2

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

    • @Amarok_38
      @Amarok_38 4 ปีที่แล้ว +1

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

  • @sovietroll7880
    @sovietroll7880 3 ปีที่แล้ว

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

  • @dbora6871
    @dbora6871 2 ปีที่แล้ว +2

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

    • @suju3056
      @suju3056 2 ปีที่แล้ว

      same thought

  • @BROProductionTUT
    @BROProductionTUT 4 ปีที่แล้ว

    In Photoshop Pls

  • @graphicallydeb9897
    @graphicallydeb9897 ปีที่แล้ว

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

  • @Cricketkiduniya077
    @Cricketkiduniya077 3 ปีที่แล้ว

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

  • @qlevrqt8886
    @qlevrqt8886 3 ปีที่แล้ว

    It won't let me click create outlines

  • @troqueidenick3622
    @troqueidenick3622 3 ปีที่แล้ว

    Why Compound Path?

  • @peacebewu
    @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

  • @greggcharles3021
    @greggcharles3021 3 ปีที่แล้ว

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

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

  • @pongofficial
    @pongofficial ปีที่แล้ว

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

    • @DesignMadeSimple
      @DesignMadeSimple  ปีที่แล้ว +1

      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
      @pongofficial ปีที่แล้ว

      @@DesignMadeSimple Its working now, Thank you!

  • @raffaeles1982
    @raffaeles1982 4 ปีที่แล้ว

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

  • @adamfilip
    @adamfilip 3 ปีที่แล้ว

    6:20 for the answer

  • @anonymouse7394
    @anonymouse7394 3 ปีที่แล้ว +1

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

  • @franzo.8953
    @franzo.8953 2 ปีที่แล้ว

    4:28

  • @ramalellison9205
    @ramalellison9205 2 ปีที่แล้ว

    This good but doing this in photoshop is much simpler

  • @greggcharles3021
    @greggcharles3021 3 ปีที่แล้ว

    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
    @sircsm9360 3 ปีที่แล้ว

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

  • @ahmedabouelouazne3992
    @ahmedabouelouazne3992 ปีที่แล้ว

    Fuck ill co back later

  • @DhruvUppalFitnessandmore
    @DhruvUppalFitnessandmore 2 ปีที่แล้ว

    I found this video helpful🙂
    Do check out this video as well on "Masking in Adobe Illustrator" ✅
    th-cam.com/video/Fiub9YoGSiI/w-d-xo.html

  • @greggcharles3021
    @greggcharles3021 3 ปีที่แล้ว

    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
      @DesignMadeSimple  3 ปีที่แล้ว

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

    • @greggcharles3021
      @greggcharles3021 3 ปีที่แล้ว

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

  • @cineshop2529
    @cineshop2529 4 ปีที่แล้ว +1

    Please make your tutorials little bit slow

    • @kshitiz.maurya
      @kshitiz.maurya 4 ปีที่แล้ว

      settings > playback speed > 0.75

  • @hazemhazem6320
    @hazemhazem6320 ปีที่แล้ว

    use photoshop - better for photos

  • @bc.1141
    @bc.1141 2 ปีที่แล้ว

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

  • @oldboy4782
    @oldboy4782 3 ปีที่แล้ว

    talks to much

  • @gideonteehai2112
    @gideonteehai2112 3 ปีที่แล้ว

    Not helpful

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

  • @pursuitgameplay1349
    @pursuitgameplay1349 3 ปีที่แล้ว +1

    Why video is too long.. We just want to see how to Clipping Mask..
    This is a Bad youtube channel forever..