How To Make A Clipping Mask with Text in Illustrator

Поделиться
HTML-код
  • Опубликовано: 30 июл 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!

  • @zakelm7713
    @zakelm7713 4 года назад +10

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

  • @camz_6
    @camz_6 4 года назад +29

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

  • @cherylgordon4786
    @cherylgordon4786 8 месяцев назад +1

    I love your tutorials. Thank you.

  • @jojo_hanss
    @jojo_hanss 4 года назад

    Thank you, your explanations are great

  • @michaelmccrory2220
    @michaelmccrory2220 3 года назад +1

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

  • @lantzrobinson
    @lantzrobinson Год назад

    Great video, Nick.
    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?

  • @Prettyboydougie56
    @Prettyboydougie56 4 года назад +1

    Nice one Mann Thank U for the Tutorial l really appreciate

  • @ruqby
    @ruqby 2 года назад +1

    This lesson is actually pretty cool.

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

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

    Very helpful. Thank you.

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

    Thanks a lot mate. You teach well

  • @teckbugz1278
    @teckbugz1278 4 года назад

    Brb, lemme go try this really quick!

  • @spectre8068
    @spectre8068 3 года назад +1

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

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

    thanks master NICK

  • @Mr.saman.karami
    @Mr.saman.karami 3 года назад

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

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

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

  • @katsuyahatta446
    @katsuyahatta446 3 года назад +1

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

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

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

    Great and thanks for the info 😍😇

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

    BRILLIANT.

  • @CynergyDiva
    @CynergyDiva 3 года назад

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

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

    very well taught! : D

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

    Excellent video.

  • @MLDesign31
    @MLDesign31 17 дней назад

    The best tutorial video

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

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

    That was awesome

  • @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 ruclips.net/channel/UCoZ6xDfIv3dU-0i0E86RdfA

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

    Thank you so much!!

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

    thank you so much

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

    Awesome!

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

    Thank you to tutorial😁

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

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

    That's cool 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)

  • @SoGiEli777
    @SoGiEli777 3 года назад

    Excellent! TYTY!

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

    very nice indeed

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

    Helpful👍👍

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

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

    Thank you!!!!

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

    Thank u that was helpful

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

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

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

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

    Thank you so much. 😅

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

    Very inconvenient, with affinity just one click!

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

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

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

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

  • @nazirahmed1334
    @nazirahmed1334 3 года назад

    Sir Thank you

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

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

  • @sathirabr
    @sathirabr 3 года назад

    THanks!!!!!

  • @truthseeker922
    @truthseeker922 3 года назад

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

  • @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 ruclips.net/channel/UCoZ6xDfIv3dU-0i0E86RdfA

    • @harinderkaur4515
      @harinderkaur4515 3 года назад +1

      Same question!

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

  • @tinotendarusere1644
    @tinotendarusere1644 Год назад

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

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

  • @Thyco2501
    @Thyco2501 Год назад

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

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

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

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

    • @jong1517
      @jong1517 4 года назад +1

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

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

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

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

  • @myheroabc
    @myheroabc Год назад

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

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

    Nice...

  • @saurabhwaghmare9435
    @saurabhwaghmare9435 5 месяцев назад

    can we do this on photoshop ?

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

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

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

      same thought

  • @Cricketkiduniya077
    @Cricketkiduniya077 3 года назад

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

  • @graphicallydeb9897
    @graphicallydeb9897 Год назад

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

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

    It won't let me click create outlines

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

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

    In Photoshop Pls

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

    Why Compound Path?

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

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

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

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

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

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

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

    I found this video helpful🙂
    Do check out this video as well on "Masking in Adobe Illustrator" ✅
    ruclips.net/video/Fiub9YoGSiI/видео.html

  • @greggcharles3021
    @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......!!!!!!!!!!!!!!!!!!!!!!!

  • @ahmedabouelouazne3992
    @ahmedabouelouazne3992 Год назад

    Fuck ill co back later

  • @greggcharles3021
    @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
      @DesignMadeSimple  2 года назад

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

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

  • @cineshop2529
    @cineshop2529 4 года назад +1

    Please make your tutorials little bit slow

  • @bc.1141
    @bc.1141 2 года назад

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

  • @hazemhazem6320
    @hazemhazem6320 Год назад

    use photoshop - better for photos

  • @oldboy4782
    @oldboy4782 3 года назад

    talks to much

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

  • @gideonteehai2112
    @gideonteehai2112 3 года назад

    Not helpful