Give ANYTHING a Realistic NEON GLOW in Illustrator
ฝัง
- เผยแพร่เมื่อ 11 พ.ค. 2024
- This tutorial will demonstrate how to create a realistic neon glow effect in Adobe Illustrator.
Nickainley Normal: www.1001fonts.com/nickainley-...
#illustrator #tutorial #neon
⭐️ Master Adobe Illustrator and unleash your creativity!
View course: www.dansky.com/courses/the-ad...
Get 15% off: academy.dansky.com/opt-in
🤝 Get professional guidance with a 1-2-1 coaching session!
Book here: www.dansky.com/coaching
✅ Download unlimited photos, videos, fonts, brushes, music, mockups, icons, templates, UI kits, and much more!
1.envato.market/q5nq
💻 My design tools and studio setup
Apple MacBook Pro laptop: amzn.to/45jnzIK
BenQ PD3220U monitor: amzn.to/46uWyTI
Logitech MX Master 2S mouse: amzn.to/45eCjIP
Wacom Intuos Pro tablet: amzn.to/45gXWIq
Sony A6400 camera: amzn.to/3ZCnjTQ
KRK 6400 headphones: amzn.to/3LJ7KEe
Shure SM7B microphone: amzn.to/3rIUclg
Elgato Wave microphone arm: amzn.to/3RHvrAM
Godox studio light: amzn.to/3RIhoL3
IVISII G2 RGB light: amzn.to/468h1xQ
Some links may be affiliate links for products and platforms that power by business. I make money with these which helps support the channel, so if you do use them, thank you for being awesome!
Also, to remove the black background, simply group everything together and changing the blending mode to 'Screen' 😊
this dont work for me
Doesn't work
i tryed...but if i choose screen instead overlay it does not work
The result is beautiful, but I need only the letters without the black background and this method does not work :(
In order for this to work you have to have another white layer outside and below the group.
A client asked for a neon logo and I had no idea how to make it. Thanks to you, the logo looks fantastic. This was easy to follow and I had a few laughs along the way. Thank you!
That’s amazing to hear Suzanne, and thank you so much for the $10! 😊
I literally laughed out loud at the "Simply resize...and it remembers to fuckin work!" You've always been a top design role model in my mind. Keep being you because YOU are AWESOME.
I've known Illustrator forever but you NEVER stop learning and your Videos are awesome but it's the "Glow Crazy" with a chuckle that made me subscribe because you're awesome 😂
This is super refreshing, normally i'd just go with a inner/outer glow effect, time to experiment with blurs 😌
Aha yea, it's a useful technique 👍 Mixing the two techniques together could be interesting!
Thank you!! with some little adjustments I was able to apply this neon effect to my logo and it looks amazing!! I really appreciate your help 🙏🙏
Awesome! You're very welcome 😊
the tutorial was so entertaining I forgot that I was trying to learn! I wish all tutorials were this fun.
Aha awesome, glad you enjoyed it Stephanie!
I followed along at the same pace and I feel great
Have been looking for a long time on how to do this neon effect easily. You are amazing. Take love.
Awesome! Glad I could help!
dude this so amazing! Your tutorial is so useful and so easy. Thanks you.
You're welcome! 👊😀
Thank you Dan, you've been an amazing instructor making complex concepts so simple to learn with hint a of fun!
Hey that's amazing to hear Faiq, thank you so much! :)
That symbol thing.... Amazing!!! 😍
Thanks Jaye! Yea they’re very useful! 👍☺️
Thanks for this, works great in CMYK as well!
I have never thought about trying it this way. Thanks for the new perspective. I'm gonna try this out tomorrow 😌👍🏾
You’re welcome 😊
GENIUS!!! Doing a happy dance right now
youre a genius to figure out the workarounds to the damn bugs
Aha thanks! Truth be told, I do love a good problem to solve! 😁
Looks good 👍🏼 To keep it completely editable and save yourself time with all the copy/paste you can also have one single “Yo” Then click on the text and open the appearance panel. Duplicate the white fill layer several times and add the desired blur to each fill. That way you can also save the effect as a style and add it to anything with a click.
I knew there was this workaround. Thx!
@@fraicheness my pleasure 😇
I appreciate this work!
Shooowee, how helpful. Thank you!
Thank you as always for these digestible tutorials!
You’re welcome mate! 👊
So glowi 😍😍😍
Thank you sir!! Helped a bunch :)
You're welcome! 🙂
I like it💜
Why not just use the appearance panel instead of using symbols? I followed your example, but used the appearance panel with 5 white fills, each with a different gaussian blur, just like you did. It worked fine - it was completely editable and it was just one object. It just seems easier to use the appearance panel than to use 5 individual instances of a symbol.
Just for kicks, I also did the gradient overlay as part of the text appearance in the appearance panel. I put a gradient fill as the top fill on the text, set its opacity to overlay and then gave that fill an offset effect of 150px (anything should work as long as it is greater than the largest gaussian blur used). It seems to work well. A side note - I also tried other blending modes on that fill - Color Burn, Color Dodge and Color all gave cool effects. Of course, those effects look better or worse, depending on the colors chosen for the gradient.
OOPS - I just noticed that another user already suggested using the appearance panel. Oh well, I'll just leave my comment up anyway
Thanks you for this! I needed to make neon lines and I ended up using the appearance panel with 5 strokes on one object to create the effect after reading your suggestion.
Awesome tutorial!! How do I save just the text? So, if I want a png of just the neon text in the colors (not just white) ?
Dan, that was an hilarious tutorial, and it made my day.
Aha awesome! That's great to hear Cricri 😂👊
@@ForeverDansky Yep. Crap evening turned into smiles and giggles. And I learned a neon glow in Illustrator: bonus.
Thank you very much, bro!
dude honestly you swearing caught me off guard, first time ive ever heard you drop an f bomb.
but for real though, ive been lurking around your channel watching all your tutorials, and theyre awesome, keep up the great work!
Aha yea that may be a first for me on this channel! 😋 Also, thanks for checking out my videos, hope they're helpful 👊
Love it sir
“..and then it remembers to fuckin’ work” - total respect for that 😆
Haha... totally off the cuff that one! 😅
@@ForeverDansky It's gold! Totally killed me 🤣👍
YES! thank you for the fit of laughter and for so eloquently putting all of our frustrations in one sentence. Thanks for the tutorial!
"give it a second to load, and then it remembers to fucken work. hooray!" - def one of the funniest and more entertaining tutorials i've seen. great, btw!
Great video, many thanks! I am trying to figure out how to cut out the text with blur from the background. So that I can print the logo on glass for example. Do you know if this is possible? And how? :D
I would try adding the colour directly on to the text at the beginning (rather than using a block colour overlay), as this will retain the transparency in the design. You could also try a similar approach with Photoshop if you would like a bit more realism.
If that sounds good, consider checking out this video: th-cam.com/video/K3RKDwZTqdA/w-d-xo.html
After raster effect setting. I decrease the size of text but no glow comes in my design like your come. Can you please tell me how to fix it?
Sweating after this video you went so fast lol but it worked! Had to pause many times and Google some things because my screen didn't have certain panels pop up likes yours.
Thanks for this vidéo i havé à question that works with antihéros fonts?
Nice!
I genuinely love you 🤣🤣🤣 This was great. Thanks!
Aha thanks so much! Glad you enjoyed it ☺️
Du coup on peux pas le porter en PNG ou le mettre sur une photo autre que du noir ? Au top la vidéo 💪
after the rasterization process if i decrease the size it doesn't work i mean that glow dont show.
Thank you🤩🤩
You’re welcome 😊
THAT LOOKS AMAZING WHAT THE HELL
Awesome🔥🔥🔥
Thanks Asif 🙏
You are most welcome. Love from Bangladesh 💜
What to do if the Document Raster Effect Settings does not have RGB option so that I can make that gradient effect on glow text?
I am from Bangladesh. Love your work sir.
Thanks so much!
kaj hoyche bro apnr? amr rasterization por glow ta r ashena size komanur poro
@@Sultanul amr 720 pt ashe kina px ashe na??
How do I get this effect without backgrounds? For example in cyberunk theme games you need to make a lot of assets with neon effects. I want to get the action to set to make a neon effect and change colour too. Man adobe being such big industry tool makes it an unintuitive way of making things.
I hope this works for cmyk format, I need it for a poster 😢❤
awesome ..Thank's mstr Dansky
You’re welcome! 🙌
For those who doesn't work, change your document colour from CMYK to RGB.
THANK YOU! This is exactly the step I needed. The last step in the video was not working and redid the glow part twice thinking I made a mistake.
Rgb ftw
Thnx bro❤
✌
Excellent 👌
Thanks Usman!
cool short tutorial nice.
Thanks!
Amazing
Thanks Mohanad!
Thank you
You’re welcome Ghafour ☺️
Mine doesn't work past the document raster effect settings - do you know why?
Awesome
Awesome 😎
Thanks Jason!
I'm stuck, when i go to click opacity to check the overlay option its grayed out, then i tried selecting everything including the text and the gradient the neon text don't show at all, I'm just seeing a black background
Hi, in the raster effects step, my illustrator only have color model of CMYK, Grayscale, Bitmap, what should i do?
Would there be a reason that my opacity button does nothing? An empty options box appears for a frame or two and then disappears
Is it good for fabric printing?
Thanks
thank you very much
You're welcome 🙂
If I have a single colored logo on the side of the lettering, how to we do a different color for it?
Overlay doesn't work for changing the colour for me.
"And then it remembers to fuckin' work." LOL
Haha 😜
Can this work on things I did with the pen tool?
What's the pros and cons of doing this on illustrator rather than photoshop?
I try it. At first it didn't work 'cause I was in CMYK mode and now is mid working, I can see the neon effect but doesn't follow up the outline of the text. I simply see the gradient circle. Idk why
Hello! I'e got a wuestion. by the time I want to cgange the opacity drom normal in overlay, it does not let me to select anything, what can I do?
When following the steps my text turns into an image and I can no longer edit the text in the last step. Is there a way to avoid this?
hey how to turn logo into neon logo effects?
how do i get only the letters to be colored so i can copy and paste them to other backgrounds?
Document Raster Effect Sating
Can't find rgb color
and there are only 3 option :-CMYK, Grayscale and bitmap
Plz solve my Problem
why when I reduce the gaussin blur do I get a light circle with squares?
The first time I did this it worked perfectly, but the second time I was editing an adobe template. I added the new text, and repeated the process but this time when I added the first 0.5 blur it blurred a lot straight away, the final result is very pixelated. Any idea what's gone wrong?
Likely different document or object sizes. On a smaller document 0.5 might be way too much, so 0.1 might be more suitable, and if the document is massive (eg. signage) you may want to go higher than 0.5 for the first blur 👍🙂
My favorite tutorial yet. Now if only I can remember how to f'n work. 🤣
Haha cheers Gary! 😂👊
nice 😍
Thanks 😊
Actually with copy and paste process, can we simply do it all making multiple fill set up in appearance along with blur effect?
Hey Chaiya, one of the first tips in the video linked here demonstrates how to copy appearance effects to other objects in Illustrator: th-cam.com/video/Q0QOqJvhRm4/w-d-xo.html
Great
LOL @ 1:23… typical Adobe. Too funny, good video.
Aha thank you! 😂👊
you got me at "And it remembered to fuckin work" LOL that definatly made me chuckle today thank you for that i attest we can all appreciate Adobe and its many frustrating flaws specially when we use it for work on a daily basis Cheers brother!!!!
Aha thank you! That is honestly what I was thinking in that moment 😂
Can we not use BLEND tool effect, that way it would be all vector, as I believe Blur effect is a raster effect
For sure! Honestly, theres a bunch of ways to do glow effects 😊
Hi Dan, I cant seem to get the overlay part to work but the rest of it looks good. Any idea what is wrong?
Figured it out, I was in CMYK mode but in RGB mode this works. Not sure why 😂
I am in RGB it still does not work@@lucaswoodbridge
For some reason when I put overlay they colour does not show up on the glow
yehaaaaaaaaaaa you are the man
Cheers Leo! 😃
@@ForeverDansky i tryed screen...but it does not work how to proceed
opacity overlay not working. Any clues on to why?
I watched this on 0.5 speed to be able to keep up without pausing and it was absolutely batshit😂😂 super helpful though!!!
How do you make the background not adherent to the gradient? So that just the text is affected by the gradient? Having a bit of trouble (Illustrator 2020)
If you “Group” everything together, and change the blending mode to something like “Screen” the background will essentially disappear. Is that what you meant? 🙂
@@ForeverDansky yes, exactly! Thank you so much for the help!
idk what i did wrong but the gradient step did not effect the text it only changed the background
copy paste and add new values to the new text box?
it went smoothly until the part to increase resolution to 300 dpi.. My Illustrator crashed. I hate my PC
Is this achievable on an iPad?
I work with neon how do you suggest doing this on a white wall? Like to show a client neon on there wall?
Same technique 👍 Although neon in my opinion, doesn’t stand out as well on lighter backgrounds. You may also need to try different blending modes or just apply the desired colour of your neon directly to the text itself.
any reason why mine comes out very pixelated?
Bro I don´t get it, it just doesn´t want to work for me. The black background from the beginning just doesn´t want to change
When I add a red colored rectangle and change the opacity to overlay, it just makes it a brighter white glow. I'm trying to get a red glow... What am I doing wrong?
Scratch that. Solved it. It doesnt work in CMYK mode properly, but worked fine in RGB
Try the ‘Color’ blending mode, or change the colour of the lettering itself 👍
Will it only work if I choose the RBG color mode?
Yea should work. There's just more colours in the RGB spectrum, so the end result often looks more vibrant.
When I select overlay, it just combines the text and the box (with the gradient) together, rather than applying the gradient to the text. Does anyone know what I could be doing wrong?
When this happened to me, my teacher noticed that I was on CMYK, rather than RGB. You would have to start over and when making a new project there is the option to change to RGB
Aaaand what are we supposed to do if we dont want the black background to show up?
Group everything including the background and change the blending mode (under opacity options) to Screen. You can now add a photo behind for example, and the neon effect will appear on top 👍
"and then it remembers to fucking work"..... every designer's dialogue with illustrator every day.