How To Create A Transparent Gradient Mask with Illustrator

Поділитися
Вставка
  • Опубліковано 2 лют 2025

КОМЕНТАРІ • 224

  • @ClayRavin
    @ClayRavin 2 роки тому +233

    For those of you who, like me, got stuck in Transparency mode with no apparent escape, you need to press the left preview thumbnail in the Transparency window, obscure as that may be.

    • @DetectSouthernOntario2479
      @DetectSouthernOntario2479 2 роки тому +5

      THANK YOU!

    • @1908sonofabraham
      @1908sonofabraham 2 роки тому +10

      Lol 😅I was once roaming all over the stuff to escape from this shit 😂...

    • @AghiKell
      @AghiKell 2 роки тому +15

      OMG YOU JUST SAVED MY BRAIN. This tutorial missed the most important part. lol Thank you

    • @petertaylor7801
      @petertaylor7801 2 роки тому +4

      May God bless this capeless hero!

    • @TH509a
      @TH509a 2 роки тому +2

      you save my life!

  • @juliahan7982
    @juliahan7982 3 роки тому +7

    The gradients are so counterintuitive, I would have thought the black was opaque and white more transparent. Thanks for the tutorial!!

    • @darkphoenix7284
      @darkphoenix7284 2 роки тому

      I also get confused in that 😄

    • @bradcasper4823
      @bradcasper4823 10 місяців тому

      Pretty simple for me. Remember that black people steal pixels and white don't.

  • @ermerk
    @ermerk 3 роки тому

    BROOOOOOOOO!!! You have no idea how helpful this tutorial was! I had no Idea you could go into the mask and retrieve the original mask object!

  • @kynandesouza
    @kynandesouza 4 роки тому +6

    one of the best videos on YT to explain this!! thank you

  • @ibtishamarman3427
    @ibtishamarman3427 3 роки тому +26

    IT HELPED BROOO!!
    aaaand if you get stuck on the opacity mask layer
    on the transparency panel click on the main pic
    OK thank me later folks!!

  • @jayantbhatt007
    @jayantbhatt007 19 днів тому

    Wow I didnt know, we have a mask option as well. Thank you so much.

  • @rachelminneapolis
    @rachelminneapolis Рік тому +1

    THANK YOU this was the only tutorial that made sense to me

  • @EsphanKamau
    @EsphanKamau 2 місяці тому

    This was very helpful. Thank you Nick.

  • @JoshBraunz
    @JoshBraunz 9 місяців тому

    Excellent this was just what I needed to get the effect I am looking for for my business card, thank you Nick! Your channel is a great resource.

  • @wachimol
    @wachimol Місяць тому

    I can never remember how to do this, so thank you for keeping this one up and available lol

  • @scarletpointproduction
    @scarletpointproduction Рік тому

    Excellent thank you, was hard to find a video like yours for this subject ;)

  • @redBANG
    @redBANG 2 місяці тому

    Thanks for explaining this so clearly

  • @C0llinsW0rth.
    @C0llinsW0rth. 6 місяців тому

    Awesome, I did not know this and it was quick and easy!

  • @amierittler8940
    @amierittler8940 Рік тому

    THANK YOU!!!! This is - BY FAR - the best, easiest Illustrator tutorial I have found and I am sooooo appreciative!

  • @Sirnd1b
    @Sirnd1b 2 роки тому

    Oh my goodness you're a live saver, finally I'm able to make this thank you

  • @matthiasb4679
    @matthiasb4679 3 роки тому +8

    Yes,very helpful straith to the point,thank you!
    But now i want to place text over the image not affected by the gradient but it doesnt seem to work. I cant seem to add another layer 🤔

  • @IndieKomiksPodcast
    @IndieKomiksPodcast 7 місяців тому

    Thanks you for the tutorial. This is very useful!

  • @uimonk
    @uimonk Рік тому

    please make such useful tutorial series!! respect from india

  • @jorhnmatan8064
    @jorhnmatan8064 2 роки тому

    ขอบคุณครับพี่บ่าว ขอให้เจริญๆ นะครับ👍👍👍👍

  • @JBBaumgarten
    @JBBaumgarten Місяць тому

    Hey thanks for posting this! Super helpful. Is there a way to copy paste the gradient effect onto a new design? When I try to do this, only the logo pastes without any gradient.
    Cheers man!

  • @thierrylagrin2859
    @thierrylagrin2859 2 роки тому

    Super video with great explanation!

  • @WendyMarieMedia
    @WendyMarieMedia 4 роки тому +1

    What are the thumbs down all about. Geeze. Nick, I love your inkscape and adobe videos.

  • @Coops1985
    @Coops1985 Рік тому

    thank you that was very helpful, exactly what i needed

  • @eddybesselink6256
    @eddybesselink6256 Рік тому

    Great tutorial mate.

  • @yoanesse
    @yoanesse Рік тому

    beautifully explained - very great job #thumbsUp

  • @zoujunjie101
    @zoujunjie101 2 роки тому

    thanks for the tutorial. this is the exact video that im looking for!

  • @karimecardenas7388
    @karimecardenas7388 3 роки тому

    this is what I was looking for!

  • @shabobchik
    @shabobchik 4 роки тому

    DUDE - this is such an AWESOME technique. THANK YOU.

  • @davidmoore7115
    @davidmoore7115 Рік тому

    Really helpful and well explained, thank you, big time!

  • @haleyy_pris
    @haleyy_pris 2 роки тому +1

    If i want to paint my object with gradients using the paint bucket tool but the color combinations i want to use are horizontal, how can I change it to vertical???

  • @Lamefoureyes
    @Lamefoureyes 2 роки тому

    Just what I needed, thank you

  • @GeorgiosStefanidis-hz5so
    @GeorgiosStefanidis-hz5so Рік тому

    appreciate it nick!

  • @Denise.Conway
    @Denise.Conway 9 місяців тому

    Thanks! Very helpful :)

  • @yungdash4852
    @yungdash4852 3 роки тому +3

    Thanks this gave me exactly the effect I wanted but now it seem I can't make any other edits to my piece. my layers don't show up only the gradient layer.

    • @DesignMadeSimple
      @DesignMadeSimple  3 роки тому +10

      It may be that you still have the mask layer selected in the Transparency menu. Make sure to select the original image layer (it's the thumbnail on the left.)

    • @lydoudou
      @lydoudou 3 роки тому

      @@DesignMadeSimple Thank u so much lol, I was stuck on that for a few hours

    • @yungdash4852
      @yungdash4852 3 роки тому

      @@DesignMadeSimple Thank you

  • @ubergregmoto
    @ubergregmoto 3 роки тому

    Short, sweet and effective-cheers mate.

  • @shakaibart587
    @shakaibart587 3 роки тому

    Thanks Man You just save the day !

  • @DieudoMulapu
    @DieudoMulapu Рік тому

    this is great tutorial. thanks

  • @marcelaperez9363
    @marcelaperez9363 2 роки тому

    Short and clear! Thanks master

  • @felixkunst3769
    @felixkunst3769 2 місяці тому

    Hello, I did exactly the same as followed in the video. However, the gradient disappears if you export the file as a pdf file. How is that possible?

  • @ellenadam7569
    @ellenadam7569 3 роки тому

    Just what I needed! Thank you!

  • @Toebiscuit
    @Toebiscuit 4 роки тому +11

    You don't have to cut & paste the gradient. Just select both objects > "Make Mask" in Transparency tab. You're welcome. =]

    • @haloweenparty10000
      @haloweenparty10000 4 роки тому

      That did not work for me and I really did end up having to paste the gradient in. Creating the gradient within the mask also did not seem to work for me.

    • @fanniedesrochers7882
      @fanniedesrochers7882 4 роки тому +2

      thanks! for some reason it wasn't working for me the copy paste and this worked!

    • @cynicalpenguin
      @cynicalpenguin 4 роки тому +1

      @@fanniedesrochers7882 Same, when I tried pasting it everything disappeared and my layers panel showed only the opacity mask. This worked. Thanks OtterPops

    • @mmowoa
      @mmowoa 3 роки тому +1

      Did the trick! Thanks!

    • @prodj.mixapeofficial6431
      @prodj.mixapeofficial6431 3 роки тому

      how? didn't work

  • @chris-t9t
    @chris-t9t 4 місяці тому

    thanks for this brother

  • @marciosilvadesign
    @marciosilvadesign 3 роки тому +15

    Great tutorial! I would do pretty much the same, but would paste the gradient with CTRL + F to paste in place. No need to center the gradient afterwards, since this paste would place the object in the same coordinates as before (regarding the artboard, so usefull to paste the same object through several artboards in the same place). Cheers!

  • @iraceruk
    @iraceruk 4 роки тому +1

    There's no doubt about it.
    The best tutorials on UA-cam.
    Thanks so much 👍

  • @d4criri
    @d4criri 11 місяців тому

    I am doing exactly what you're doing so when I paste the mask, it just closes the Transparency tab and makes the entire image disappear. It's not working

  • @jestes7
    @jestes7 3 роки тому +1

    Is it possible to make 2 masks for the same object? Having troubles figuring that one out

    • @jestes7
      @jestes7 3 роки тому

      I want to make the bottom half gradient transparent as well as the top left corner

  • @doodlewenzday7834
    @doodlewenzday7834 3 роки тому

    thank you for this tutorial :)

  • @Hamdoe
    @Hamdoe 3 роки тому +1

    After following this video I couldn't select any other objects on the page, why is that?
    The layers also only show the and the rest aren't visible.

    • @DesignMadeSimple
      @DesignMadeSimple  3 роки тому +3

      You have to go back to the transparency menu and activate the thumbnail with the original artwork in it.

  • @emranemtiyaz238
    @emranemtiyaz238 2 роки тому

    This helps! Thank you so much!

  • @borisp9163
    @borisp9163 2 роки тому

    What if I want to do exactly the same thing just I need Black to stay and white became transparent?

  • @jcsanchez
    @jcsanchez 3 роки тому

    GREAT TUTORIAL!!!!!!!!!!

  • @ebtehalessam8986
    @ebtehalessam8986 3 роки тому

    Thank you very much! very helpful

  • @malayali_thaaram
    @malayali_thaaram 2 роки тому

    Thank youuuu. It worked

  • @Lor912
    @Lor912 2 роки тому

    Hi you can do it with a pattern instead of an image?

  • @pakistantoafederation
    @pakistantoafederation 3 роки тому +1

    Hello Sir, Hope you are fine in good health. I have a question about the Transparent Gradient Mask. How many times apply Transparent Gradient Mask on the same image. Thanks

  • @TheNashvilleJason
    @TheNashvilleJason 3 роки тому

    thanks for this. I've struggled with that until now. Different workflow in Photoshop.

  • @TG-so6tz
    @TG-so6tz Рік тому

    no black square when I open up transparency window

  • @IvailoYanev
    @IvailoYanev 3 роки тому +1

    This is a great way to create gradients between regular photos and photos with applied effects! Thank you!

  • @brigittaanindya2314
    @brigittaanindya2314 Рік тому

    thankyou! so helpful

  • @KMHasan
    @KMHasan 3 роки тому

    I wanna put 2 masks on 2 sides. This means if I wanna put one more Gradient on top of my head, what can I do? Can I add one more Mask tab

  • @ratheeshthottakath
    @ratheeshthottakath 4 роки тому

    Thanks for the video. Very much helpful!

  • @PauloGurgelAudiovisual
    @PauloGurgelAudiovisual Рік тому

    Ok great, but it blocks all of my otyher objects... how can I select the rest of it? also my layers are "Layers (opacity mask)"

  • @talhajunaid5085
    @talhajunaid5085 3 роки тому

    good awesome technique sir

  • @Temzy
    @Temzy 4 роки тому

    Cheers! This really helped!

  • @okbazenda8518
    @okbazenda8518 2 місяці тому

    For those of you who had the same problem when transparency doesn't show the (make mask) option just click on the three lines in the top right corner next the (gradient-transparency) window and from then click (Show options) and it will appear.

  • @Kishwar_29
    @Kishwar_29 3 роки тому

    can the gradient side be black or any other color except white?
    please help

  • @stevensheaves
    @stevensheaves Рік тому

    Ok great. but now, how do I export that and have it actually use the gradient!

  • @sheilafarricy5348
    @sheilafarricy5348 3 роки тому

    For some reason this will not work for me. My image becomes part of the page.. I no longer can click on anything? What am I doing wrong?

  • @Erica_RW
    @Erica_RW 2 роки тому

    Great, thank you!

  • @zboy303
    @zboy303 4 роки тому +1

    Thanks for this. I find Illustrator so convoluted to use.

  • @littlefever9410
    @littlefever9410 2 місяці тому

    Thanks so much!

  • @tonykapo909
    @tonykapo909 2 роки тому

    Ok, and how to make this for both sides of an image? This in case you want to fade in 3 images, how to make the middle image have transparency on both sides, left and right?

  • @primeexample
    @primeexample 3 роки тому

    Thank you u made it so easy to understand 😁

  • @joey-if7zq
    @joey-if7zq 2 роки тому +1

    Thank you very much for this tutorial. It was exactly what I was looking for.

  • @bernardohenrique7134
    @bernardohenrique7134 3 роки тому

    Very useful, thank you

  • @sepehrsepik6259
    @sepehrsepik6259 3 роки тому

    Thank you soo much🔥❤️

  • @michaniewiarowski3921
    @michaniewiarowski3921 3 роки тому

    Helpful!! Thanks:)

  • @zarishimtiaz399
    @zarishimtiaz399 3 роки тому

    Thanks man!

  • @asher4898
    @asher4898 4 роки тому

    Great tutorial

  • @Supermed
    @Supermed 4 роки тому

    Awesome mate, thanks a ton

  • @danielrasheedi
    @danielrasheedi 4 роки тому

    thanks man!! really save my day

  • @franbelda1951
    @franbelda1951 3 роки тому

    There is no "mask" button on my transparency window. Only a slider for transparency levels and a dropdown for blending modes.

    • @DesignMadeSimple
      @DesignMadeSimple  3 роки тому

      Click the little menu icon in the top-right corner of the Transparency menu and select "show thumbnails". It should appear then.

  • @silvertree2189
    @silvertree2189 9 місяців тому

    god-sent!

  • @WSGarside25
    @WSGarside25 3 роки тому

    Straight to the point and spot on. Thanks, Nick!

  • @KarenAJS
    @KarenAJS 3 роки тому +2

    So great! Thank you for this tutorial!

  • @kyakonyeinnocent955
    @kyakonyeinnocent955 Рік тому

    Thanks man🎉😅

  • @ajnadeenindustrialforfood5511
    @ajnadeenindustrialforfood5511 2 роки тому +1

    Amazing! this is great tool. I tried it in different way, I would recommend to use the same way in creating curve transparent gradient. I needed it to do my pouch design. Thanks for your video.

  • @ruchajadhav8668
    @ruchajadhav8668 3 роки тому

    After using this feature I am not able to select anything on my artboard ..Any solution ?

    • @jenabania2446
      @jenabania2446 3 роки тому +2

      You have to go back into the transparency menu and click on the original image layer because you're currently in the mask layer

    • @ruchajadhav8668
      @ruchajadhav8668 3 роки тому

      @@jenabania2446 oh thank you so much

  • @rupe6103
    @rupe6103 2 роки тому

    Thank you!

  • @mariamziad9379
    @mariamziad9379 4 роки тому

    Thank you for this video

  • @carlosmerac
    @carlosmerac 4 роки тому

    Simple method. Thanks

  • @SwoleNerdProductions2
    @SwoleNerdProductions2 3 роки тому

    I have some art that utilizes this technique EVERYWHERE in the design. Is there a way I can select them all at once and release them? I need to make it a solid color and selecting each individual one is taking forever

    • @DesignMadeSimple
      @DesignMadeSimple  3 роки тому +1

      Yes. Select all of the objects at once, then use the hamburger menu in the Transparency window (top-right corner) and select "Release". This should release everything selected. If it doesn't work you may have to ungroup them first (Object > Ungroup)

  • @bethelhemkebere196
    @bethelhemkebere196 Рік тому

    Thank you 🙏

  • @nainaiqbal
    @nainaiqbal 4 роки тому

    The live preview as mentioned in 3:18 doesn't work now :(

  • @jamesdigriz5449
    @jamesdigriz5449 3 роки тому

    Awesome, thank you so much!

  • @pytray
    @pytray 3 роки тому

    Nice and easy, thank you!

  • @a7madfriends
    @a7madfriends 2 роки тому +1

    Thanks! I still don't know why did they make it this hard lol

  • @ahmadfadzli490
    @ahmadfadzli490 4 роки тому

    thank you for the information

  • @vinylkitties7389
    @vinylkitties7389 3 роки тому

    THANK YOU!!

  • @islamkhowaja2565
    @islamkhowaja2565 3 роки тому

    thank you man