How to Add Gradient to Editable Text | Illustrator CC Tutorial

Поділитися
Вставка
  • Опубліковано 11 вер 2024
  • In this Illustrator tutorial, learn how to add a gradient to editable text. It's not as easy as you might think, and involves making the text invisible before you apply the gradient fill through the appearance panel. Learn how to apply a gradient in this gradient text Illustrator tutorial.
    Want a free Illustrator alternative? Try Figma 👉 pxlbr.link/figma
    TUTORIAL CHANNELS //
    • Main Channel - bit.ly/PixelAnd...
    • Illustrator - bit.ly/PBIllust...
    • Photoshop - bit.ly/PBPhotoshop
    • InDesign - bit.ly/PBInDesign
    • Premiere Pro - bit.ly/PBPremie...
    • After Effects - bit.ly/PBAfterE...
    TAKE MY CLASSES //
    • Illustrator for Beginners: bit.ly/Illustr...
    • Photoshop for Beginners: bit.ly/Photosh...
    Download project files and other resources from the Pixel & Bracket Vault on my website: pixelandbracke...
    Get Skillshare Premium for free and learn from myself and thousands of other creators: bit.ly/PBSkill...
    My favorite place to get music for my UA-cam videos: bit.ly/PBEpide...
    I love using StreamYard for my livestreams, video recording, and podcasts with guests. You can try it for free and get $10 off when you sign up with my link: bit.ly/PBStrea...
    My two favorite UA-cam browser plugins and keyword research tools are VidIQ (bit.ly/PBVidIQ) and TubeBuddy (bit.ly/PBTubeB.... I use each and HIGHLY recommend them if you want to grow a successful UA-cam channel! (btw just pick one, having both is probably overkill... 😅)
    MY UA-cam GEAR //
    • Work Camera - geni.us/Dg20
    • Work Camera Lens - geni.us/A06gBf
    • Personal Camera - geni.us/lAgB
    • Personal Camera Lens - geni.us/JkCngL
    • Webcam - geni.us/6BVc
    • My Favorite Tripod - geni.us/hwfntp
    • Camera Mic - geni.us/mobx
    • Desk Mic Bundle - geni.us/5mv8s4o
    • Mic Arm - geni.us/TB8zg
    • SD Card - geni.us/nURBUAp
    • Card Reader - geni.us/CtuA
    • Desk Lights - geni.us/KV3yb
    • Studio Lights - geni.us/rFZK5
    • RGB Lightstrip - geni.us/WLdfn
    • RGB Bar Light - geni.us/U1hNTJm
    Some of the links above may help support this channel through a small affiliate commission at no extra cost to you!
    COME SAY HI //
    • / pixelandbracket
    • / pixelandbracket
    • / pixelandbracket
    • www.pixelandbra...

КОМЕНТАРІ • 996

  • @pixelandbracket
    @pixelandbracket  4 роки тому +9

    Want a free Illustrator alternative? Try Figma! 👉 pxlbr.link/figma
    Try Skillshare Premium for free and watch my classes here: bit.ly/PBSkillshare

  • @summersalt3629
    @summersalt3629 4 роки тому +172

    0:55 "you might have given up at this point..."
    you're right! that's why I'm here and your video is a lifesaver, thanks!

    • @rabbitszn
      @rabbitszn 3 місяці тому

      was about to say the same thing lmao

  • @OrcCorp
    @OrcCorp 5 років тому +154

    May the universe reward you with good things in your life! I was going crazy with this stupid fraking glitch! Thank you!

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

      the glitch still hasn't been fixed and I've updated to CC2021 ugh

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

      Thanks for this tips 🥰❤️👍

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

      @@xmonsim Adobe 😖 !

  • @lmayne7
    @lmayne7 4 роки тому +209

    I'm enraged by how easy this was. Thank you for saving me from having a complete breakdown.

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

      Im laughing so hard at this comment - i know because ive been there.

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

      lmfaooo exactly my thoughts!

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

      😂😂. Me too

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

      I just had a breakdown. googled it. found this video. now am embarrassed at how easy it was when explained like this.

    • @docbadwrench-cdmg
      @docbadwrench-cdmg 2 роки тому

      @@madyyestoparee It's not your fault. Executing this function feels so archaic I'm surprised Adobe doesn't also make buggy-whips.

  • @musasizigodfreydixion6231
    @musasizigodfreydixion6231 2 роки тому +21

    Been suffocating on how to add gradient to texts but you have saved my life.You have explained& brought it out more clearly than no one else.Thanks for the video.

  • @ucandoooit4216
    @ucandoooit4216 6 років тому +80

    I watched four videos before this one trying to figure out how to get editable gradient text. Some of these videos had hundreds of thousands of views. they didn't help much at all. This one is definitely a five star video!!!! This video was EASY to understand and was short and it WORKED PERFECTLY!!!!!!! Thank you! SUBSCRIBED and will be scouring your videos for more clear, concise and to the point tutorials. I feel lucky I found your video.

    • @pixelandbracket
      @pixelandbracket  6 років тому +2

      These are the comments I live for! You’re the best, appreciate it 👊

    • @Mlikes
      @Mlikes 6 років тому

      pay him

    • @nahiyanalamgir7614
      @nahiyanalamgir7614 5 років тому

      Agreed. Reminds me of the old 1-5 star rating system of UA-cam!

  • @smakiya94
    @smakiya94 4 роки тому +7

    I've used Illustrator forever & this literally changed my life, thank you

  • @labanlefleur1512
    @labanlefleur1512 5 років тому +5

    This made things so much more clear, I used to convert my text to paths first before adding gradients. Thanks for the tutorial.

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

    Honestly, for YEARS I have been trying to do this and using some complicated methods. This just saved me a lot of time and frustration. So, so easy! Thank you!

  • @pati7571
    @pati7571 4 роки тому +4

    Your UA-cam was the most clear on Gradient instruction! Thank you!!!!

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

    Lifesaver. Could not work this out. Cheers !!

  • @Kezmarelda1234
    @Kezmarelda1234 6 років тому +12

    Loved your tutorial very clear, basic, showed all versions/options very impressed - thank you ;)

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

    wooow simple mind-blowing solution hats off..saved huge amount of time

  • @MollyBermea
    @MollyBermea 5 років тому +4

    this helped me so much thank you. I'm very proficient in Lightroom and Photoshop but I only tinker when I have to in Illustrator. I love the simple straightforward this mini-lesson was. I didn't have to dig through a long tutorial to see if it had what I needed!

  • @yuzhenwang9764
    @yuzhenwang9764 5 років тому +1

    Thank you for putting all the main steps within the first two minutes. A lot of illustrator tutorials are 10 minutes long when all you're looking for are the three or so clicks it takes to do something. The tip for getting rid of the halo is also much appreciated because I thought it was a rendering bug.

  • @caelez4860
    @caelez4860 5 років тому +4

    Thank you so much for this helpful tutorial! I've been trying to create a coloured gradient fill for the past two hours and you've just taught me in 5 minutes. Thank you, thank you!

  • @whats-this-about
    @whats-this-about Рік тому

    LIFE SAVER!!!!!!!!!!!!!! NO gibrish straight to the point, these are simple steps. Thank you for sharing such gold knowledge

  • @davidmorrison5186
    @davidmorrison5186 6 років тому +107

    Thank you illustrator needs to be a bit more straight forward.

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

    You explained this clearly and efficiently which meant I could follow the steps as you said them. Thank you

  • @beanieweenie597
    @beanieweenie597 6 років тому +11

    How does he only have 8000 subs???? He deserves more

    • @pixelandbracket
      @pixelandbracket  6 років тому +1

      He’s trying he’s trying haha. I appreciate it!

    • @cr7skillzz876
      @cr7skillzz876 6 років тому

      Are you really better PS/AI user than Nemanja Sekulic? How do you feel? What do you think of Nemanja?

    • @pixelandbracket
      @pixelandbracket  6 років тому +1

      He looks like he has a really great channel! We’re all in this together, and I teach more of the fundamentals of how to use the programs rather than special effects style tutorials

    • @cr7skillzz876
      @cr7skillzz876 6 років тому

      Thank you so much for answering, although as I know you live in US, but have you ever watched Eurovision song contest and are you fan of it? By the way, what kind of music do you like to listen? I guess it is heavy metal?

    • @pixelandbracket
      @pixelandbracket  6 років тому +1

      Haven’t watched Eurovision and def not into heavy metal haha. I like a lot of melancholy music that have big crescendo finishes. Also a healthy mix of Radiohead and Coldplay lol

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

    One of the most succint, no nonsense tutorials on You Tube. Subcribed, liked, and will no doubt make my way through all your videos to brush up on old techniques and learn new skills on Illustrator.

  • @Oliwarder
    @Oliwarder 3 роки тому +64

    I have to admit - illustrator feels like a pure mess sometimes.

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

    Amazing & simple tutorial, thanks dude!

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

    DUDE.....thank you. I'm so glad I found this. So glad I don't have to outline anymore, or even do an opacity mask. You're a lovely human, lol. 🙌

  • @Tarkaxdx
    @Tarkaxdx 6 років тому +4

    Thanks 😊 that's very helpful

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

    i love that my teachers couldt get this right for three days in explanation to us and in the 3 min I watched this I got it...TYVM!

  • @johndavidcausapin8162
    @johndavidcausapin8162 6 років тому +9

    not all heroes wear capes

  • @annenglehart4651
    @annenglehart4651 5 років тому +1

    Thank you! I've been frustrated with gradients all week!

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

    You are a lifesaver! I see gradient text everywhere but I was not getting it.. Finally a solution. May God bless you!

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

    Since I first started using Illustrator in the late 90s, I can't get over how buggy and unintuitive this program has continued to be while Photoshop works so much better. Thanks for the help!

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

    Thank you so much. The gradient to text has been a pain, special as I had a super tight deadline! THANK YOU SO MUCH!

  • @frxsh1658
    @frxsh1658 5 років тому +2

    YOU ARE MY MOST FAVORITE PERSON IN THE WORLD RIGHT NOW

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

    This is legit the best video for gradient text! Make this one go to the top!

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

    Still valid 5 years later! thanks so much!

  • @samanthastauffer1237
    @samanthastauffer1237 5 років тому +2

    Thanks Spencer! I thought it would be so much easier and I was wracking my brain to why it wasn't working. Love how short you keep your videos. Will def be using you as a resource in the future! :)

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

    that "you might have given up at this point but just wait..." is for me, man. thanks a lot for this!!

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

    Thank you so much man! It's 2022 ... and this problem IS STILL HERE!

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

    I NEVER would have figured that out! I was SOOOOO DONE!! Thanks!!!!!

  • @iffahqistina1564
    @iffahqistina1564 5 років тому +1

    THIS IS A LIFESAVER THANK YOU thank you thank you. Thanks for even showing the difference, so important so we don't do the one that has a pixelated 'halo'! So helpful.

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

    the squee of excitement i just emitted from my throat as my text turned into a gradient omg. thank you so much

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

    I am teaching myself online, thanks to people like you!

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

    P&B - THANK YOU GREATLY! You were just what I needed this morning with a good hot cup of coffee!! Cool Breeze!!!!!!

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

    Great, after almost quiting you saved our life, thanks!!!!

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

    Thank you, I've been converting text to objects for years

  • @daveallen4185
    @daveallen4185 6 років тому +2

    Finally, an end to my frustration! Many thanks for your fine tutorial.

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

    thank you it helps a lot,
    I always ended up expanding appearance just to apply the gradients

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

    I really wonder why the process straight forward but thanks for this tutorial, saved me time and cleared my confusion!!!

  • @merideekopelchuk5194
    @merideekopelchuk5194 5 років тому +1

    This program has many gliches, thanks for making it easier

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

    Wow....You really know how to go to pint on issues you're really looking a solution... Thanks a million!

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

    I was struggling with this the whole day thanks this helped me a lot!

  • @emmandelacruz87
    @emmandelacruz87 5 років тому +2

    really great dude!!! suffered a week just to figure out how to do it. 1 sub here.thanks😊

  • @MohamadmahdiRaoofi-z2l
    @MohamadmahdiRaoofi-z2l 2 місяці тому

    This weird solution saved my life!
    Thanks.

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

    Thank you!!!!!!!! Illustrator needs to fix this! So frustrating! Thanks again for your video!!!

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

    Cannot tell you how much this helped

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

    Saved 02 Hours of my life. Thank you Very Much.

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

    Omg i wish i can like this to the moon! You are such a life saver!!

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

    Wow. The best explanation of this process I have seen. Subscribed. Thanks for having this here. Saved me a customer!

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

    omg im about to cry, keep on trying to add my DIY gradient to my text. Finally i found this video. thanks a lot this is a big help

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

    Thank you so much! Man, I can't believe that a "bug" like this is still in illustrator

  • @HelloHiHelloHiHello
    @HelloHiHelloHiHello 5 років тому

    The best tutorials. precise, to the point content and very clear. Some other UA-camrs take more than 20 minutes to explain something like this.

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

    Just wanted to say a HUGE thank you! This is the best tutorial I've found on this irritating function.

  • @bloohair99
    @bloohair99 5 років тому

    Thank you so much for this Pixel and Bracket, it certainly saves the messy gradient to each letter that you get otherwise. Even when you outline the font, you still can't do a continuous gradient. There's just one thing to note - after applying the gradient fill to the text, you are unable to outline the font. However, if you outline the font first and keep the fill 'no fill' then apply the gradient you get the same effect.

    • @pixelandbracket
      @pixelandbracket  5 років тому

      A likely solution would be to outline, add a gradient to a separate rectangle, then use the outlined text as a mask 🤔.... maybe 🤷🏻‍♂️

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

    Awesome tutorial. It really helped. I almost gave up on Gradient fill and then luckily I found your video....Thanks so much.

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

    YOU SAVED MY SOUL

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

    Best explained video on UA-cam!!! Thanks a Million 💪🏽💪🏽💪🏽

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

    Thank you, I was having the black outline issue myself and i'm very new to this.

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

    Amaaaazing! Thank you so much for this. Why does Illustrator complicate things so much!?!?

  • @scottdsyoung2650
    @scottdsyoung2650 5 місяців тому

    Pixel Bracket, your awesome was exactly what I needed!

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

    Thanks so much. What I use to do initially is to convert the text to outlines then I apply gradient.

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

    Best tutorial for type gradients in Illustrator

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

    very straightforward and informative, thanks a bunch!!!

  • @mikecook568
    @mikecook568 5 років тому

    Jessus... thank you so much. I have been doing Illustrator for a class and I can't stand this thing. I'm so happy for this video right now!

  • @helen-matthews-usa
    @helen-matthews-usa 2 роки тому

    Thank you!!! It's 4 a.m. and I was struggling with gradient on my type))

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

    Thank you, thank you! I have been struggling with this for 3 days. Your tutorial was on point!@

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

    thank you so much for this quick tutorial! i was starting to get SO stressed about this because i needed to be able to do this for a work project, and i felt like i was gonna lose my mind troubleshooting this on my own

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

    I've racking my brain all night on that one, thank you very much Bro..

  • @JackiKellum
    @JackiKellum 5 років тому +1

    BRILLLIANT! I've wasted two days trying to fix this glitch by myself

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

    I think I have commented before, but this is so helpful that I want to say thank you again!!

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

    You were straight to the point and easy to follow in minutes! Until your video I had been working on this for more hours than I care to say!

  • @gwenchavlogs
    @gwenchavlogs 6 років тому

    Omg. I actually wasted a lot of time figuring this glitch out. Old illustrator worked better but I guess we just have to learn how to adapt. Added this to my favorites

    • @pixelandbracket
      @pixelandbracket  6 років тому +1

      You’re so welcome! Ya super confused why it doesn’t work like any old shape

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

    Great video buddy! I ran into this problem and it drove me CRAZY! Thank you!

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

    Thanks for this video! This has annoyed the hell out of me for years!!!!!!!

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

    Fast forward to 2021 and Adobe is yet to fix this glitch. What an amazing software that is apparently the market standard globally! Kudos to Adobe for making such amazing products.

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

    Thanks for sharing this tutorial... I always need a refresher every, now, and then...

  • @OCT0POIIIHO-APTEM
    @OCT0POIIIHO-APTEM 3 роки тому

    You make my life more easyer!! Thank you so much, man!!!

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

    Thank you. Help me 5 years later.

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

    THIS HAS BECOME MY FAVORITE VIDEO EVER!

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

    Thank you for the tutorial! i had trouble making text gradient and now problem solved!!

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

    Pixel & Bracket .... awesome video man, this is the first video I saw of your channel and subscribed, heard about you from Dansky 😁

  • @tofubaby27
    @tofubaby27 5 років тому

    Watched others and couldn't still figure it out. Made my text gradient in less than a minute. Thank you.

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

    Loved your video! Awesome work. It was the first and only video that I searched and watched based on a very detailed Google query. So easy to do. Especially like how you are also in the bottom corner unlike a lot of videos where you just hear a voice. Makes the learning experience so much more personable. Need more videos like yours. Thanks and much appreciated!

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

      Thank you! I definitely want my vids to be more personal so you know who’s teaching you. I do them a little different now so that I don’t cover up any of the program, but still try to make it personal

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

    Holy shit dude, I've spent a good hour or two trying to apply this damn gradient. thx so much

  • @edannaeldur5234
    @edannaeldur5234 6 років тому

    This is the work-around i've been looking for for years. Thank you!!

  • @workathomeincome
    @workathomeincome 5 років тому

    Thanks my friend. It really helped me.

  • @Chiewere
    @Chiewere 6 років тому

    This technical solution is hillarious and this is a versatile tool. I am sure I will use this ornamental technic for a lot of poster typefaces. That is also good this can be used for only one font or letter. Thank you so much.

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

    Bro thannnkkkk yoouuuu! life saver!! I pray Adobe fixes this issue and makes it easier to do gradients.

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

    Thank you so much for this! Took ages trying to (unsuccesfully) work this out. :)

  • @DavidBichoHasBeard
    @DavidBichoHasBeard 3 місяці тому

    Saved my life. It's just a shame that this method will change in a couple of months. I was just lucky that this video applies to my Illustrator. I really, really hate updates.

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

    You can also "make compound shape" in pathfinder. Not sure why it's in pathfinder, but it works. (In the drop down -"3 bars" section.)

  • @PigeonTree8183
    @PigeonTree8183 5 років тому

    Great job, 1st video that pops up for me. Instantly solves all my problems.