How to Give Shapes a NEON GLOW in Illustrator
Vložit
- čas přidán 11. 11. 2021
- 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/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 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 :)
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!
Thank you so much for the tutorial! :D It helped me so much, also easy to follow, simple and clear. Love it!
For those who doesn't work, change your document colour from CMYK to RGB.
THANKOOOOOYYYYYUUUU
woohoo thanks!@@lugovoy1
This is what I call a channel for me. Thank you this channel has changed my approach in design
absolutely amazing! more stuff like that please ))
Brilliant presentation, and no vulgarity! Well done!
Thank you very f-ing much 😜
THIS IS SO COOL. Im gonna play with this for hours
Very useful trick! Merci beaucoup Dan!
Incredible! Please share more of your genius.
thanks for all you doing for free Dansky, it's insane!
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.
Incredible! Sensational! Thanks! 👍
This is so fun🤩thank you so much for sharing ❤️
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 🙏
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!
Woooww! So amazed about this! I haven't seem anything like that. Thank you very much, Dansky!
Glad you liked it Steven :)
Hi Dansky, super Tutorial. Looking forward to more good tips. Thank you for your support!
You’re welcome Mark! 😀👍
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!
great tutorial man , thank you !
Wow, I've been searching for this, Thank You.
So amazing!
Thanks Mr Dansky!
You’re welcome Azriel 😊
Awesome thank you!
Looks awesome, thanks for sharing!!!
Thanks Totorus 😊
It's so amazing .thank you
Amazing!!!
Great job, thank you
DANSKY IS UNDEFEATED!!!
Incredible and Super!👍
thanks it was so quick and easy to master
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 ☺️
This is certainly mind-blowing! Thanx!
Thanks Sheji 😊
This man is incredible!!!
love it, amazing
Thank you! Cheers!
Hi, fantastic work. I have one question, how do i put on black background without changing the effect? Thanks a lot for your work
Awesome!
Is there a way to cut out the background and just have the neon circle by it's self with a transparent background?
Very helpful, and surprisingly therapeutic
Glad it was helpful! :)
It's awesome!! Thank you very much!!!
Thank you too! :)
Great tutorial
Your slogan is truly represented by your content. I’ll be putting this to practice.
Thank you
This is so cool
Hello. Great video. Question. The animation of the spot touching the circle was done in After effects?
Super! Thank you!❤
You're welcome 😊
and here i was thinking i'd have to mess with blending modes and effects for hours. this was seriously a great tutorial, props!
I love Dansky
Awesome Experience!
this really good, ty for sharing these
Glad you like them!
Awesomeeee
really amazing😇
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.
Amazing one.. learnt something new and exciting does it work similar for other shapes ?
Awesome tutorial!!!! Can't wait to duplicate it! Thanks, mate!
Awesome! You’re welcome 👍
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?
SUPER EASY TUTORIAL DUDE, YOU JUST MADE IT SO EASY,
thanks bro 👍
Very awesome
Oh my god so good explained thank you!!!!
Cheers Roido! 👊
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!
Amazing 👏
Cheers, thank you!
This is way better tool than multiple gaussian blur effect
THANKYOUUU!!
You’re welcome 😃
Superb
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 👍
perfect
best for ever
Brilliant
You are awesome, I don’t have any other thing to say.
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
Wow!
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.
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, 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
That's such a amazing tutorial.
Love🇵🇰
Thank you so much 😀
Thanks Mr Dansky
You’re welcome!
I think Dansky is the Grandfather of Leonardo Da Vinci😍❤️✊
Haha, thanks 😂
@@ForeverDansky 😃😃😃 you are a great teacher boss
Um, when I play around with the sliders, (3:05) the whole background rectangle changes color, not the ring. What am I doing wrong?
hi bro super and i have packaging design and some working tips bro thank you bro
Cool 😎
tanks bro
Nice
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
is there any way to make this in illustrator with the laser being transparent?
hey dansky first of all thanks for this nice tutorial. but how you animate that neon ball around circle?
Create the gradient shapes (black and white) in Illustrator, export out as separate files and bring into After Effects. Change the blending mode to Colour Dodge for objects in After Effects, and animate each object’s position using keyframes 👍
Oh god this is amazing it didn't work for me at first bcz I was working with cmyk colors
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.
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 😊
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!!
When is project glow stick coming out?
Hi, love the tutorial and intro music. Track name please? :)
Hi sir
Sir I have a problem plz must reply when I pic colour blend tool the color fill box change into this mark option 👉? And when after blending when I click colour doge in transparency all colors gone in the background I mean don't show plz tell me about this I have seen many tutorial but I couldn't understand plz must reply
How do I export it with my drawings??😭😭
Woow
wow
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.
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 👍
I have a question, since I am not a graphic designer and I want to make a poster for printing. Can posters with neon elements be made in cmyk format? And what do they look like when they are printed? Of course, I don't think the paper can shine, I just hope it can keep the vibe.
I was having same issues when working in CMYK for a poster.
I yhink this tutorial only works for RGB/digital artworks
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
Yes we can move it around ✍️ *takes notes* forgets everything else
I guess you can do this even with types right? Amazing btw
Pretty much anything black and white using colour dodge!