Inkscape Tutorial: Neon Text Effect
HTML-код
- Опубликовано: 8 фев 2025
- Use Inkscape to create a vector neon text sign.
Learning Curve Pro font: www.fontsquirr...
This tutorial is for Inkscape version 0.92 and is intended to teach beginners how to use the software. Inkscape is a great free alternative to Illustrator and Corel Draw.
Need a logo made? Request a design at: www.logosbynic...
Learn how to get hired for freelance design work: logosbynick.co...
If you feel compelled to support my work here on RUclips in any way, a one-time purchase of my $17 online course outlining how to design a logo from start to finish would be greatly appreciated, and you may learn a thing or two about logo design as well. You can check it out here: logosbynick.co...
Want to make Inkscape appear dark? Here's how: logosbynick.co...
Facebook: / logosbynick
Twitter: @logosbynick
Instagram: @itslogosbynick
My design setup: logosbynick.co...
Intro song: "In Da Mood" by Combustibles, used with written permission
This guy really knows his thing... of course it took me like one hour to get the same result :D
It gets easier with practice
I quit at the nodes by something!
practice makes the master.
If you had been using it as long as he has, you'd be good too!
@Kasen Jimmy ok buddy
In newer versions of Inkscape the Interpolate settings (at around 7:50 in the video) need to be different. Exponent should be 1 and Interpolation Method should be Split Paths. Great tutorial!
Same here after minutes i duplicate the white one and gave a light version of neon pink
Nick rules. I just opened a screenprint shop and art has always been my greatest expense because I'm at the mercy of artists who don't share my sense of urgency on a design. I knew I had to take control of this aspect of my business and become the artist. I"m not without skills, I've used Coreldraw for years but only very basic stuff, Inkscape is infinitely easier to use and more intuitive imo, but it would be worthless to me if people like Nick didn't do these vids. What a great service to humanity, thanks Nick.
Nice tut! I've found what I think is a less time-consuming way with the interpolate step. Instead of interpolating the objects, which depending on the complexity of the object itself could take a lot of time, what I do is just make 2 little squares with the extreme colors (in this example white and pink). With only 2 squares the interpolate is fast and generates 2 more squares with the middle colors needed, then you duplicate que object 4 times and with the dropper assign the fill and stroke to each duplicate from the squares and continue with the next steps. You'll notice that for this design the purpose of the interpolation is only to generate the middle colors, not to alter the shape of the text (that will come later with the blur). This also avoids the artifacts (or weird looking text) that some users have been commenting here as a product of the interpolation process. Hope it helps :)
THANK YOU SO MUCH! I was going through message boards and reading the comments and nothing else worked, but yours was super simple and a really creative solution to the interpolate issue. Thanks again!
Your tutorials are still helping people Nick!
I just completed this one, love it. Big Thank You !
on to the next lesson now.....👍🐺👍
After trying to interpoltae for 4 hours and it not working, i ended up manually selecting the colours. Worked for me
Wow, even just watching these logos being made is somewhat exciting, great job sir!
OMG Nick, I know this video it's like two years old, but I thank you, I'm learning so much from your videos!!!
Omg I am so happy to know about Alt+click! Thanks!
Also, great tutorial :)
thanks for all your awesome tutorials!
you remind me of bob ross because you're so nice and patient, thanks for being that way (:
at the end of this video you explained how you can hold ALT and click to switch between objects on top of each other, i just wanted to say that you can also hold ALT and roll the mousewheel while your mouse is over these objects to select your desired one (:
Extremely beautiful.
I actually followed along and made this! In bright greens, for my son....then remembered he's colourblind and probably won't be able to see the shading LOL.
I didn't realize my test was much bigger than yours and after I had blurred everything, I noticed that my two largest texts had their top, bottom and side edges blunted. I had to make my strokes quite a bit smaller to get the roundness back. In the end, I'm really happy to have created an impressive piece, all be it, probably useless LOL. Learned a ton!
I've used Inkscape for years and my mind is blown just by this video... Awesome tutorial and happy to report that I made it without issue!
my PC didn't supported the interpolate so i just created two copies of the word and i selected the color manually and it is looking very well , thank you for this wonderful tutorial .
sign of true genius is they make it look all so easy. what he just did is mad hard to imagine. kudos!
Thank you Nick..I have learnt so much from your tutorials on inkscape and find that it is truly an amazing software to work with. I am starting to explore laser cutting and making lamps. Your tutorials have helped a lot and now I am learning really awesome things. Your explanations are wonderful and its easy to follow the step by step approach. I look forward to your other videos and learning from it
Yet another fabulous tutorial. Simple, yet effective! Thanks, Nick!
this makes me fall in love with vector art
Thank you for another great tutorial. You and Brad Traversy rival the best teachers I've had in a traditional classroom setting.
You are a magician of Inkscape
I’m not a graphics designer and I don’t use Inkscape but I still watch your videos because they make me feel calm😂
Awesome tutorial,as a newbie to inkscape this is the kind of tutorials I need
As always, you do awesome videotutoriales‼️ thanks for sharing‼️
Hi Nick. Just wanted to tell you that I really appreciate this tutorial. I'll be using this to create a new logo. It was just what I wanted. Thank you.
Nick, thank you so much, all your tutorial are great, really well made. I'm amazed by all the cool things you teach us. I've used Inkscape (very poorly) for a long time but never found good tutorials, I've always struggled with it. I've only discovered yours recently, and I wish I did before! Thaaaanks!!
Glad to help!
Really cool tutorial 👍
Thanks a lot for this video. I didn't make a neon sigh. I was just struggling to make a freaking faded circle with bright border, but your process and shortcut keys gave me a eureka moment
This guy is just good he knows what he is doing
good job Nick
When I intrapolated the text, I got an error that crashed inkscape... How do I fix this?
Great vidéo Nick. Once finished, you can edit the text by using the "XML editor" included in Inkscape. You need to edit the text 4 times (in your video there is 4 layers of text) and after you will probably need to center the text on the rectangle. This method works even if the "texts" are grouped.
Great tutorial ✔️
Awesome tutorials!
Thanks
Hi Nick, thanks for this awesome tutorial. I was looking how to apply a neon effect on a logo I'm making on Inkscape (I'm a frontend Javascript developer, not a designer).
Best regards from Venezuela, new sub here! Cheers!
Cannot get that Interpolation to work. Tried all the advice in the comments (Kenny and others), no joy. Looks like splattered paint on the canvas. Very frustrating. What i ended up doing is just making two more duplicates and using the ink dropper to copy the color from the interpolated splatters.
Fantastic! Thank you! 👍
Really great explanation, nicely paced too!
Hi! I was just learning Inkscape and your videos help heaps. There is one thing I donot get the same result as I follow through your tutorial in this video. When I tried to interpolate, the menu on mine has different option than yours. I can only choose either "Split paths" or "Discard extra nodes" as the interpolation method. I tried both but I cannot achieve the same result as what you did. Please help. Thank you.
Absolutely amazing love this tutorial!!!
Wow, this is so awesome. Thanks for this tutorial.
Parabéns pelo canal. Material muito bem feito!
Interpolate not working
Error
Syntax warning: "is" with a literal. Did you mean "=="? If stroke style is 'color':
Syntax warning: "is" with a literal. Did you mean "=="? If fill style is 'color':
Yep, script is broken. It's easy to fix though. Go to Inkscape folder, then Extensions, open interp.py in any text editor (I recommend VS Code or Notepad++) and replace "is" with "==" at lines 115 and 125. That would fix Interpolate and it would work with no issues.
@@SiJeix2 sadly it still didn't work for me
Instead of using text, use 2 boxes with your base colors. Object to path them, then follow the interpolate steps. Then just use the dropper tool on the boxes 👍
OOOOUuH that was dope thanks for the tutorial Nick
Awesome Video!
Great tutorial as always, looks amazing
LOVE THIS TURORIAL!!!
wonderful work!!
Hi Nick Could you please help me I can not use the extensions there is always error with when I always try to use the extensions :/
Thank you for this high quality tutorial!
Thanks a lot. Your tutorial is very helpful.
Impressive
At 12:40 I select black but color of the font doesn't change. Can somebody help?
Thank you so much bro
Do you have a tutorial on doing interpolation in photoshop like you do in this video?
Nick,
thank you very much, a small project for New Years day. Happy New Year!
West
I am having trouble getting the same neon color even using the RGBA code..... it just isn't neon like yours what could I be doing wrong. Spent like an hour or two playing with the colors trying.
Can you use the same method with images?
i love ur intro song btw
I am not getting that dropper tool....its gets duplicated if i press ctrl. Pll help...where can i find it?
How can I then take the text off the background, and use it on another image?
I used your tutorial to create my logo :)
excellent work, couldn't interpolate on mine either, i just manually changed the colours. Thank you kindest sir!
Gracias por el tutorial!! saludos desde Argentina!!!
Nick hunny, For some reason, when I click on interpolate nothing happens. How do i fix this?
Change to text to path
@@MyS1var I did but still nothing happens
@@andreaferreiradev thanks, will do.
@@jamesscott6864 did you manage to fix ?
@@manoelserafim7953 Make sure to turn object to path, unify all letters, and only then create a copy
Make a series on replicating popular companies logo's in Inkscape!
Help: Interpolate does't work! I have the same settings, both text selected and when I hit "Apply" it is doing something for 2 sec but I get nothing!
Any suggestions?
1) select first text object, apply path > object to path
2) ungroup, keep selection
3) path > combine
4) repeat for second text object
5) apply interpolation
@@zuzudan3956 thanks for the reply! Will try tomorrow!
Hi Nick, your tutorials are amazing to watch and learn from.
I have this issue and hope someone could help me. I have tried to convert the the file from svg to png or jpg and the text change to default font instead of the Cookie font. Am I doing anything work or is there any way to prevent that from happening. My regards
It’s like magic
thank you sir... I have learnt so much from you
You can also press "space" to move the canvas
when using interpolate in 0.93 I got some slight distortion in the two new texts. I set interpolation method to 1 and it worked.
Interpolate makes my two middle words shaky (like it's hand drawn) and I have no idea why. I still managed to do the effect since I blurred them anyway but when I imported it to png the blur effect almost entirely disappeared. What should I do?
I've the same shaky kind of things problem...
Thanks! Great tutorial.
thank you very much !
Tried this with objects (triangles that I made),
first, the new coloured triangles were larger than the originals (and one was significantly larger).
Duplicated original twice, copied colours over, deleted oversized triangles.
Then, during the blur phase, the edges of the blur in the corners got cut off by the object boundaries for all triangles.
Couldn’t figure out how to fix this. Is there a way to do that? If so, how?
Thanks : ) 👍
well done, sir! Thanks
Well, I guess, I need to find updated tutorials. :/ InkScape doesn't have that option in interpolate.
They seemed to change the Interpolation method to two bubble options. I keep getting "at least two paths need to be selected."
impressive!!!!!!!
This method did not work for me. Is there any other way to create a neon sign?
My interpolation didn't go too smoothly...! I followed all the steps correctly and double-checked myself. I don't think this makes a difference, since any text is converted to a Path, but when I went to download the font, I saw that Learning Curve offered TrueType and Postscript versions. I downloaded both. Anyway the interpolation created a bunch of extra nodes that gave the interim letters a drippy appearance. But hey, I learned more cool tricks!! Thanks Nick!
Exact same thing for me...
Here's what I did : after the interpolate, I duplicated twice my first letter path (the very pink one). For each duplicate, I changed the color using the dropper, copying the color of the drippy letters, and simply deleted those two drippy letter paths.
with the interpolate option the paths turn out really ugly, some kind of a glitch. I just copied the color codes and applied to duplicate copies.
me too
Yeah actually you don't need interpolation because the two paths that will be processed are just the same
Awesome
Really like your tutorial videos. I'm new to inkscape so they're very helpful. I'm a graphic designer myself but have not done it for a long time as I have been focusing just on artwork. I would like to update the look of inkscape with the dark tool areas and icons as you mentioned in some of you videos but I can't seem to find where that info is on how to do it. Thanx.
Unsure how you turned your grayscale to 170. Mine only goes from 0-100. I am in the HSL tab
SO GOOD
Can you make a video showing us how to make an esports character, I have been having a lot of trouble making one, It would be great if you made a tutorial!!!!
To the last point where you select the different layer:
You can also use this effect when you hold down the ALT key and use the mouse wheel. You can "rotate" through the different layers plus the other layers get reduced in their opacity, so you can see better which layer you are selecting.
(Not sure if my english is correct but just try to select and use ALT + mouse wheel)
Yes that would work as well. Thanks for the suggestion!
Is it possible for you make make tutorial of a neon logo simular to the one you made in this video but in gimp? I know Inkscape and gimp have similar features but I cant find any other tutorials and I know you name good logos 👍
I can't get interpolate to work either. Followed the couple things people have mentioned in the comments below, the text are paths, and even tried it with just two simple squares. I keep getting this error...
interp.py:115: SyntaxWarning: "is" with a literal. Did you mean "=="?
if strokestyle is 'color':
interp.py:125: SyntaxWarning: "is" with a literal. Did you mean "=="?
if fillstyle is 'color':
Thanks this was really helpful
I am using version 1.0.2 and when I try to interpolate I keep getting an error message. My selections match yours.
I have the same error here.... also using version 1.0.2. It seems that the extension is broken with this version of inkscape.
Consegui! Fiz azul 😃Ficou lindo! Obrigada 🙏
Brilliant Boy...
Around 4:25 is where I’m stuck. When I make the shape to cut out the black the entire triangle turns black as well. Mine doesn’t have a cutout in the middle and it merges in with the font. I hope that makes sense and someone can help me out.
That's odd. Try making sure that you have nothing selected before drawing the shape.
So good ! Thank you :)
that is awesome
I am 3 Years off, but i am having problems with the interpolation. Can you help me with that?