How to Give Shapes a NEON GLOW in Illustrator
ฝัง
- เผยแพร่เมื่อ 21 ส.ค. 2024
- This tutorial will demonstrate how to apply a neon glow effect to shapes in Adobe Illustrator. This neon glow effect uses a combination of gradients and blending modes, specifically colour dodge, to influence how objects and light interact with each other.
#Illustrator #Tutorial #Glow
⭐️ Master Adobe Illustrator and unleash your creativity!
View course: www.dansky.com...
Get 15% off: academy.dansky...
🤝 Get professional guidance with a 1-2-1 coaching session!
Book here: www.dansky.com...
✅ Download unlimited photos, videos, fonts, brushes, music, mockups, icons, templates, UI kits, and much more!
1.envato.marke...
💻 My design tools and studio setup
Apple MacBook Pro laptop: amzn.to/45jnzIK
BenQ PD3225U monitor: amzn.to/4cnyjdh
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!
Let me just say I've looked at so many videos, and I totally understand that making a video is HARD work so this isn't shade to others who contribute to this platform, but I understand your tutorials the best. The struggle was real, I genuinely thought "I guess I'll never figure out illustrator and I should give up." until I found one of your videos. So thank you so much for uploading all these, I'm going through the illustrator playlist, again, thank you.
Amazing! Thanks so much Krystal :)
For those who doesn't work, change your document colour from CMYK to RGB.
THANKOOOOOYYYYYUUUU
woohoo thanks!@@lugovoy1
This tutorial was so quick and easy to master, I immediately clicked the subscribed and bell to see what else you have in store. Fantastic
Thanks so much Rah!
This is a very complex thing taught in a very small time. I liked it. Please make a tutorial of the animation that you did at the intro.
Brilliant presentation, and no vulgarity! Well done!
Thank you very f-ing much 😜
and here i was thinking i'd have to mess with blending modes and effects for hours. this was seriously a great tutorial, props!
Oh damn, I’ve been doing neon logos recently by offsetting a path, then adding a blur and outer glow, super long winded. Thanks for this! Will save me loads of time
Aha yea, there’s definitely a few ways to do neon/glows! I’m learning quite a bit from downloading vector stock assets, and then digging through the effects in the appearance panel 😊
same goes to me, i never thought this kind of method even create better neon glow. i going to try it into after effect to create great neon animation effect!
THIS IS SO COOL. Im gonna play with this for hours
This is what I call a channel for me. Thank you this channel has changed my approach in design
For those who got stuck on the Expand part, I had to change my stroke for the object to "Align Stroke to Center" I originally had it set to "Align Stroke to Inside" and Expand was not available.
amazing talent how you make complex things so easy follow !! thanks a ton.
Thanks Alaa! Ah it’s my more recent voiceover style of videos, that makes it super easy for me to explain things in more detail 🙏
This is way better tool than multiple gaussian blur effect
First off, awesome video!
But, I do have a problem. When copying what you did in the video, using a circle it works just fine.
I do have an object comprised of several lines and arc shapes. Adding the outline path works, when using the blend tool it acts very strange and doesn't spread right and left of the line. It spreads in random directions with different intensities.
Do you or anyone else have a solution for it, what am I doing wrong?
Thank you!
I have the same issue
Woooww! So amazed about this! I haven't seem anything like that. Thank you very much, Dansky!
Glad you liked it Steven :)
Is there a way to cut out the background and just have the neon circle by it's self with a transparent background?
DANSKY IS UNDEFEATED!!!
Incredible! Please share more of your genius.
I think Dansky is the Grandfather of Leonardo Da Vinci😍❤️✊
Haha, thanks 😂
@@ForeverDansky 😃😃😃 you are a great teacher boss
Thank you so much for the tutorial! :D It helped me so much, also easy to follow, simple and clear. Love it!
Just wow i love it. I used the same concept and recreated it in CSS for my web project. Thank you so much for the inspiration.
You’re welcome ☺️
I love Dansky
this really good, ty for sharing these
Glad you like them!
Hi, thank you for the tutorial. But I have a problem with it. Whenever I try to blend the expanded ring and the offset path (I tried Blend > Make option too) it doesn't come up blurry or glowy. It looks like a flat stroke in between both shapes. :( Any suggestion?
OK. I figured it out. Maybe it will help someone else. Go to Blend Options > change it from 'Smooth Color' to 'Specified Distance'.. It worked for me. And if there is no plus sign appearing go Object > Blend > Make
Thank you! That did help me!
@@jinyeh8593 glad that it helped!
for some reason the blend looks pixelated
Your slogan is truly represented by your content. I’ll be putting this to practice.
Thank you
love it, amazing
Thank you! Cheers!
Awesome Experience!
Super! Thank you!❤
You're welcome 😊
Hi Dansky, super Tutorial. Looking forward to more good tips. Thank you for your support!
You’re welcome Mark! 😀👍
Thanks Mr Dansky
You’re welcome!
So amazing!
Thanks Mr Dansky!
You’re welcome Azriel 😊
thanks for all you doing for free Dansky, it's insane!
Very helpful, and surprisingly therapeutic
Glad it was helpful! :)
Um, when I play around with the sliders, (3:05) the whole background rectangle changes color, not the ring. What am I doing wrong?
absolutely amazing! more stuff like that please ))
This is certainly mind-blowing! Thanx!
Thanks Sheji 😊
SUPER EASY TUTORIAL DUDE, YOU JUST MADE IT SO EASY,
im stuck at 2:46, when i change the opacity normal to color dodge the blue ring is very thick for me & not thin like in the vid
Wow, I've been searching for this, Thank You.
Oh my god so good explained thank you!!!!
Cheers Roido! 👊
Looks awesome, thanks for sharing!!!
Thanks Totorus 😊
It's awesome!! Thank you very much!!!
Thank you too! :)
This man is incredible!!!
Awesome thank you!
really amazing😇
Great job, thank you
photoshop: hi
Amazing!!!
It's so amazing .thank you
Great tutorial
Very useful trick! Merci beaucoup Dan!
Yes we can move it around ✍️ *takes notes* forgets everything else
Awesome tutorial!!!! Can't wait to duplicate it! Thanks, mate!
Awesome! You’re welcome 👍
Hello. Great video. Question. The animation of the spot touching the circle was done in After effects?
Awesomeeee
THANKYOUUU!!
You’re welcome 😃
thanks it was so quick and easy to master
This is so fun🤩thank you so much for sharing ❤️
great tutorial man , thank you !
WOW! When you started to move the gradient from one side to the other, it completely left me shook. Can this effect be achieved in AfterEffects?
Amazing 👏
Cheers, thank you!
Superb
That's such a amazing tutorial.
Love🇵🇰
Thank you so much 😀
Hi Dansky! Excellent tutorial, thank you. How can I play around with the offset path settings after the object's been made? And to apply this effect to text, do I just need to make text an object? Lastly, what if we wanted a complete black background - is that possible? Thank you!
Incredible and Super!👍
best for ever
Brilliant
Wow!
You are awesome, I don’t have any other thing to say.
Awesome!
How do I export it with my drawings??😭😭
Oh god this is amazing it didn't work for me at first bcz I was working with cmyk colors
Perfect 👌
Thanks Ladalidi 😊
@@ForeverDansky I have also made a video with the same technique 11 months ago, and you have made it with a clearer explanation 👍
This is so cool
Hey thanks! It's very useful. But when I saved mine, it doesn't save as it looks. Somehow, the neon brush looks more saturated 🥴 help!
Hi, fantastic work. I have one question, how do i put on black background without changing the effect? Thanks a lot for your work
when I select the color dogde blending mode it´s totally different from your result. The light saber effect doesnt appear and it looks more like a donut.... anyone can help? (so far your tutorials are great)👍👍👍
You gotta change your document mode from CMYK to RGB this is done by doing: File > Document Color Mode > RGB
With this it should become a lightsaber instead of a donut! :)
This was a super easy tutorial to follow, instant subscribe for me. My only issue is now that have my shapes created how to I use them so that my background isn't the color for the glow? do I just have to shrink that color box down to the same size as my object or what?
Awesome! Group everything together including the background (Ctrl + G) and then change the blending mode to “Screen”. The background will blend over an image or photo for example 👍
@@ForeverDansky awesome thank you!!
Very awesome
thanks bro 👍
Hi Danksy, thanks for this. My "shape" keeps getting filled in when I blend, so it's blending on outside, but filling white in the middle. What am I doing wrong? Thank you!
same to me, any help pls
This is great! Major bummer though; it doesn't work in CMYK.
I am trying to create this but with using a line shape that looks like a T with a extra two horizontal lines one line 3/4 way and the other halfway on the T shape, drawn with pen tool then merged, able to expand but blend tool just multiplies the lines instead of giving that blurred look where you used blend.
I followed your tutorial and had success with using the circle shape. Would anyone know why it does not work with the shape I described? ...Thanks!
Cool 😎
Nice
perfect
I guess you can do this even with types right? Amazing btw
Pretty much anything black and white using colour dodge!
hi bro super and i have packaging design and some working tips bro thank you bro
Loved the tutorial! How do you do this for outlined text? When I copy the steps it doesn't blend it randomly copies the text.
Would nice to see how to do this with text!
Great idea! I’ve got a few neon tutorials for text already, but would definitely be fun to try and apply this technique to text 😊
Amazing one.. learnt something new and exciting does it work similar for other shapes ?
QUESTION: How can you keep the integrity of the dark black background once you've edited the color palette sliders to the glow you want? I have a client that wants pure black background and can[t seem to achieve this.
I don't know why but this is the second tutorial I've watched that includes the same steps, and even though I like this tutorial more and it was explained better, it's still not working for me. I can't, for the life of me, figure out what I'm doing wrong. It keeps going left when I attempt to switch to color dodge. Nothing happens for me. No glowing orb. No color change. Nothing. The only difference in my attempt is that I'm using a square. I wanted a glowing square. Is that what I'm doing wrong? Does this effect only work on circles?
Hey Brittney, if you have the black and white with Color Dodge all sorted, it may be the background colour. On the colour picker, drag it into the bottom left corner for black, then move the colour picker over to the right a lot and then up, but only move it up ever-so-slightly (so it still looks pretty much like black). This subtle introduction of colour will enable the vibrant colours in your design. Once the whole design is done, group everything together and change the blending mode to something like Screen. This enables you to blend the neon effect over a photo or other image for example, and the background will disappear using this blending mode 🙂
when change to colour dodge blending , it didnt turn out like u just did... no changes at all
Hey Dansky, I keep running into an issue when trying this. I have followed step by step and whenever I try to use the blend tool I do not get the + option on my tool until I click on the object then I have to click on it again and it does not function properly. Any idea what I’m doing wrong?
Aha it can be very fiddly! You can also go to “Object -> Blend -> Make” instead 👍
@@ForeverDansky Thanks so much! Last question, I promise, any suggestions on how to flatten the image/take the new object out without losing too many details? This is for a screen print so I am needing it without the background.
The blend mode doesn't seem to work in Illustrator 2020
Did you ever figure out how to get past this? I am having the same issue.
@@DeAndaMax nah, never did
tanks bro
whenvever I go to change the color it messes it up. What layer do I select and which swatch do i adjust sliders on to change the color
The background controls the colour 👍
It's just great. But I just faced a little bit of huge problem. I can't save transparent logo from this. All the colours and glow just fade away once I hide background. I know Colour comes from the background and I just can't think for a solution. If you have any solution, please just let me know the process shortly. I have a project and am in great trouble for that. Please help....
The background is integral to this technique for it to work. However, to blend with other imagery, export this as a jpeg/png file, and change the blending mode to “Screen” in any other Adobe app that supports it, and then the neon effect will blend over the top of another image and the background won’t be visible 😊👍
Hello Dansky! I have a question, right as I change the circle into color dodge. I'm not getting the glowy circle your getting, I'm getting a more thicker version of it, idk what happened, but I may need your help thanks!
Hey Skye, if you follow the same steps, the glow intensity will be dependant on the size/thickness of the circles you create, and how much of a graduation there is outwards from white to black 😊
So I have followed the directions to this video over and over again. I don't know why, but it doesn't come out the same for me. Everything works until I do the color dodge then it looks like a big blurred doughnut. Anyone have advice or can help? I really like this version of making neon!
same it doesn't even look close to neon :( did u figured it out?
same problem here :(
@@tactuel to me it was that I was working in CMYK . When I turned to RGB it was right
@@asproulafan03 thank you