How to Give Shapes a NEON GLOW in Illustrator

Подписаться 931 тыс.

Просмотров 310 тыс.

50% 1

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
👉 Want to master the design tools and become a pro designer? If so, click here www.dansky.com...
-------------------------------
➡️ Want to level-up your designs with millions of creative assets? Click the link for unlimited downloads 1.envato.marke...
👥 Join me and other designers in our free private community here bit.ly/danskyc...
-------------------------------
Inquiries: hello@dansky.com

Опубликовано:

29 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 221

@justmarul2093 Год назад

photoshop: hi

@sheylaramosvillegas5273 2 года назад

Very helpful, and surprisingly therapeutic

@ForeverDansky 2 года назад

Glad it was helpful! :)

@am_that_guy 2 года назад

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?

@bgreene.visuals Год назад

Im trying to figure out how yours turned blue... is that in there and I missed it?

@azzakhamis4351 2 года назад

anyone know how to apply this on aftereffect?

@jonathanformlyrics5355 Год назад

For those who doesn't work, change your document colour from CMYK to RGB.

@lugovoy1 10 месяцев назад

THANKOOOOOYYYYYUUUU

@dpsproservices 9 месяцев назад

woohoo thanks!@@lugovoy1

@kovacspistol 2 года назад

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.

@ForeverDansky Год назад

Amazing! Thanks so much Krystal :)

@JayRho17 6 месяцев назад

Is there a way to cut out the background and just have the neon circle by it's self with a transparent background?

@annaj.6577 2 года назад

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?

@annaj.6577 2 года назад

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

@jinyeh8593 2 года назад

Thank you! That did help me!

@annaj.6577 2 года назад

@@jinyeh8593 glad that it helped!

@gianxander 10 месяцев назад

for some reason the blend looks pixelated

@tobyg3391 2 года назад

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!

@annapurnaseelam5324 6 месяцев назад

I have the same issue

@nababaruah8229 2 года назад

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.

@SakshamAnand-qs5jx 10 месяцев назад

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

@Ann_Ann11 6 месяцев назад

when change to colour dodge blending , it didnt turn out like u just did... no changes at all

@glenc5185 Год назад

Um, when I play around with the sliders, (3:05) the whole background rectangle changes color, not the ring. What am I doing wrong?

@PeopleVLOG_ Год назад

How do I export it with my drawings??😭😭

@prokassim 2 года назад

amazing talent how you make complex things so easy follow !! thanks a ton.

@ForeverDansky 2 года назад

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 🙏

@rahdigga6031 2 года назад

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

@ForeverDansky 2 года назад

Thanks so much Rah!

@brittneylphillips Год назад

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?

@ForeverDansky Год назад

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 🙂

@fogslab Год назад

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)👍👍👍

@nicolatian1135 Год назад

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! :)

@regularvids 2 года назад

Hello. Great video. Question. The animation of the spot touching the circle was done in After effects?

@anthonymmeek 11 месяцев назад

How to do this with text?

@rainbowsandmorerainbows841 2 года назад

THIS IS SO COOL. Im gonna play with this for hours

@ryanclark8728 10 месяцев назад

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.

@danizzl_forizzl_ 17 дней назад

I’m having issues with the last step, any tips what I could do differently? I followed the instructions but when I change the opacity to color dodge; it goes black instead of the lightsaber effect mentioned. I even changed to RGB and no help. I am using the latest version 28.7 if that has anything to do with the issue. Any advice would help, thanks! 😅

@kaitlinfrank9312 Год назад

Anyone else have the problem where when you hover with the blend tool over the two objects, the plus is NOT showing up?

@ForeverDansky Год назад

It's a bit fiddly sometimes 😅 Another way to make the blend is to go to Object --> Blend --> Make, and then remember the keyboard shortcut 👍

@kaitlinfrank9312 Год назад

@@ForeverDansky thank you so much!!!

@corinnecuozzo3677 2 года назад

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!

@jameswang4655 2 года назад

same to me, any help pls

@andreacorriols6917 2 года назад

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!

@highway27studios51 2 года назад

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!

@pollyhannah8392 2 года назад

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!

@naqqashx Год назад

Not working in Adobe CC 18 :( Don't know why I matched me every step with you. but Showed no results Like yours.

@agentprudent 2 года назад

I think Dansky is the Grandfather of Leonardo Da Vinci😍❤️✊

@ForeverDansky 2 года назад

Haha, thanks 😂

@agentprudent 2 года назад

@@ForeverDansky 😃😃😃 you are a great teacher boss

@all4ege 6 месяцев назад

This is way better tool than multiple gaussian blur effect

@DeAndaMax 2 года назад

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?

@ForeverDansky 2 года назад

Aha it can be very fiddly! You can also go to “Object -> Blend -> Make” instead 👍

@DeAndaMax 2 года назад

@@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.

@FatmaYousuf 2 года назад

The blend mode doesn't seem to work in Illustrator 2020

@DeAndaMax 2 года назад

Did you ever figure out how to get past this? I am having the same issue.

@FatmaYousuf 2 года назад

@@DeAndaMax nah, never did

@sornali814 2 года назад

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....

@ForeverDansky 2 года назад

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 😊👍

@siryessirnosir 6 месяцев назад

This is great! Major bummer though; it doesn't work in CMYK.

@Jessman5 Год назад

Using Illustrator 27.6.1 it does not work like this at all. Neither with a circle nor with other shapes.

@arockianathan6924 2 года назад

hi bro super and i have packaging design and some working tips bro thank you bro

@EbaaTab 4 месяца назад

Oh god this is amazing it didn't work for me at first bcz I was working with cmyk colors

@carolinafchen4882 Год назад

Thank you so much for the tutorial! :D It helped me so much, also easy to follow, simple and clear. Love it!

@skye478 2 года назад

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!

@ForeverDansky 2 года назад

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 😊

@Bellandpets 7 месяцев назад

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.

@ondrejbudinsky7326 2 года назад

Hi, fantastic work. I have one question, how do i put on black background without changing the effect? Thanks a lot for your work

@JOKER121792 2 года назад

This is a great video, and I did every step but as soon as I go to the color swatch and double click to change color my whole neon color ring goes black and the square background is what changes color but like a neon gradient. Is anyone else experiencing this?

@ForeverDansky 2 года назад

Hey Javier, go to 'Window' and open the 'Swatches' panel separately on your workspace. In Illustrator if you select a colour with an object selected it will apply that colour to it, so with the Swatches panel now docked to your workspace you should be able to deselect everything (Select --> Deselect) and then double-click the swatches to adjust the colours, without affecting your design 👍

@TinaTryzz 2 года назад

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!

@asproulafan03 2 года назад

same it doesn't even look close to neon :( did u figured it out?

@tactuel 2 года назад

same problem here :(

@asproulafan03 2 года назад

@@tactuel to me it was that I was working in CMYK . When I turned to RGB it was right

@tactuel 2 года назад

@@asproulafan03 thank you

@vM_VIC 2 года назад

Incredible! Please share more of your genius.

@leomac3337 Год назад

what about neon effect in letters...is this possible?

@ForeverDansky Год назад

Hey Leo, aha for lettering and other shapes I’d recommend this tutorial here 😊 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YbB19DT-DmA.html

@leomac3337 Год назад

text

@chrissanchez352 5 месяцев назад

When I tried this and added color dodge, the white part is way thicker than yours. How would I make it thin and tighter like yours? I'm trying this on a huge artboard 7ft x 7ft for a sign I'm working on, if that is important...

@chrissanchez352 5 месяцев назад

Figured it out. The files color mode has to be RGB. I was using CMYK. Thanks for the great video.

@keatonpadilla3013 2 года назад

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

@ForeverDansky 2 года назад

The background controls the colour 👍

@Kolddeth Год назад

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?

@ForeverDansky Год назад

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 👍

@Kolddeth Год назад

@@ForeverDansky awesome thank you!!

@Stevenastudillo90 Год назад

Woooww! So amazed about this! I haven't seem anything like that. Thank you very much, Dansky!

@ForeverDansky Год назад

Glad you liked it Steven :)

@SuperJammed Год назад

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.

@ForeverDansky Год назад

You’re welcome ☺️

@LayarMonitor 2 года назад

when i click color dodge, can't change like in the video

@afrfalko5876 Год назад

hey how do u move objects so smoothly when i drag them it will just stay in the place it was and when i let my mouse button go it will teleport to the position i let loose of my mouse button

@ForeverDansky Год назад

Aha... I'm a total perfectionist when it comes to my screen captures, and try to avoid any wild mouse movements! 😉

@afrfalko5876 Год назад

@@ForeverDansky hey i mean when u drag the object like the dot, it moves smoothly and when i just AI it just pops to the place where i drag it to

@faizandhami Год назад

Woow

@yaniklemieux4345 2 года назад

Hi Dansky! Im looking for a way to save the neon ring in .SVG ! Do you know how?

@ForeverDansky 2 года назад

Hey Yanik! Go to "File --> Save As" and it's listed in the format dropdown 👍

@yaniklemieux4345 2 года назад

@@ForeverDansky hey Dansky thank you for responding fast ! The probleme is when i save in svg and i open the link on Google Chrome its showing the raw from the ring like a white donut. Its similar to when we forgot to vectorized our text. Seems like the browser is not reading it like when you're on .AI format! Can you help with this?

@Verrx133 Год назад

this really good, ty for sharing these

@ForeverDansky Год назад

Glad you like them!

@fatimafatimaali674 Год назад

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

@djarkay 2 года назад

My brain exploded like Nagasaki but i slowly understood the whole video the more i watched it

@alialdos2653 Год назад

What is the name of Background music?

@btsarmyforever1992 Год назад

when i select color doge everything becomes white again

@LamoshQa 2 года назад

absolutely amazing! more stuff like that please ))

@James.ArteDigital 10 месяцев назад

Hi there. Please. How can T export it to photoshop?

@jekkebessje Год назад

I have a problem on 2:06. I can not do 'expand'. I want to give my text the neon glow effect like in your video. Can you help me?

@mehb8b Год назад

That's such a amazing tutorial. Love🇵🇰

@ForeverDansky Год назад

Thank you so much 😀

@lonelyff3429 11 месяцев назад

Can I make this on illustrator 10 Version?

@misangremivida 2 года назад

I guess you can do this even with types right? Amazing btw

@ForeverDansky 2 года назад

Pretty much anything black and white using colour dodge!

@decacat 3 месяца назад

and here i was thinking i'd have to mess with blending modes and effects for hours. this was seriously a great tutorial, props!

@melissawright6297 2 года назад

I did everything right, step by step but it will not let me change the colour....

@ForeverDansky 2 года назад

Hey Melissa, the colour is contained within the background, so if you pick a really dark colour (but not completely black), something like a really dark orange for example, you should get a vibrant orange glow.

@lizardking_7 11 месяцев назад

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.

@osks 2 месяца назад

Brilliant presentation, and no vulgarity! Well done!

@ForeverDansky 2 месяца назад

Thank you very f-ing much 😜

@thebrowncobobber 2 года назад

Awesome thank you!

@umair9406 2 года назад

Not really helpful. It is only available on that black background.

@ForeverDansky 2 года назад

The end result is on a very dark background, but if you wanted to add to an image for example, group everything together and change the blending mode to something like ‘Screen’ and the dark background will disappear, leaving only the neon ✌️

@aymanraouf1820 2 года назад

The color dodge doenst work for me properly. i end up having a grey background that doesnt blend with the outer background

@harryspotter1 2 года назад

3:55 you forgot that the transparency for the background of the glowball must be 100 % or opacity 0 %

@Per_sona Год назад

the blending mode move is not working for me

@Sciagurai 2 года назад

Hi, love the tutorial and intro music. Track name please? :)

@creativetechdaily Год назад

when i do last step not workin color dodge

@chebucreker 2 года назад

It's awesome!! Thank you very much!!!

@ForeverDansky 2 года назад

Thank you too! :)

@SSHK237 2 года назад

This is certainly mind-blowing! Thanx!

@ForeverDansky 2 года назад

Thanks Sheji 😊

@roido4304 2 года назад

Oh my god so good explained thank you!!!!

@ForeverDansky 2 года назад

Cheers Roido! 👊

@coolfeet77 2 года назад

Awesome tutorial!!!! Can't wait to duplicate it! Thanks, mate!

@ForeverDansky 2 года назад

Awesome! You’re welcome 👍

@markscott8639 2 года назад

Hi Dansky, super Tutorial. Looking forward to more good tips. Thank you for your support!

@ForeverDansky 2 года назад

You’re welcome Mark! 😀👍

@md.bulbulislam5373 Год назад

Awesome Experience!

@Tri_Pix 2 года назад

This is what I call a channel for me. Thank you this channel has changed my approach in design

@wiseguy240Winston Год назад

Can i do this with a square? 🤔

@Adouleh5 2 года назад

Great job, thank you

@phantomslayer9714 2 года назад

Yes we can move it around ✍️ *takes notes* forgets everything else

@kunal8652 Год назад

really amazing😇

@xdpico652 2 года назад

is there any way to make this in illustrator with the laser being transparent?

@sharon_hart Год назад

Wow, I've been searching for this, Thank You.

@rovivodesign9387 2 года назад

I love Dansky

@nikhitamandava9156 2 года назад

Amazing one.. learnt something new and exciting does it work similar for other shapes ?

@geraldozampierineto8079 2 года назад

will this not work with text ?

@shader9995 Год назад

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.