Inkscape Tutorial: Neon Text Effect

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ย. 2024

ความคิดเห็น • 208

  • @richarddowney8722
    @richarddowney8722 11 หลายเดือนก่อน +11

    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!

  • @carlosmaldonado3202
    @carlosmaldonado3202 6 ปีที่แล้ว +115

    This guy really knows his thing... of course it took me like one hour to get the same result :D

  • @johnmcglasson3287
    @johnmcglasson3287 5 ปีที่แล้ว +3

    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.

  • @cdpoloz
    @cdpoloz 4 ปีที่แล้ว +19

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

    • @XsmilingducksX
      @XsmilingducksX 4 ปีที่แล้ว +1

      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!

  • @christofferrosenkilde8460
    @christofferrosenkilde8460 3 ปีที่แล้ว +12

    After trying to interpoltae for 4 hours and it not working, i ended up manually selecting the colours. Worked for me

  • @RUSTICW0LF
    @RUSTICW0LF 2 ปีที่แล้ว +2

    Your tutorials are still helping people Nick!
    I just completed this one, love it. Big Thank You !
    on to the next lesson now.....👍🐺👍

  • @mayureshwaghmare46
    @mayureshwaghmare46 6 ปีที่แล้ว +11

    Wow, even just watching these logos being made is somewhat exciting, great job sir!

  • @Morph4777
    @Morph4777 6 ปีที่แล้ว +15

    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 (:

  • @TracyKMainwaring
    @TracyKMainwaring 4 ปีที่แล้ว

    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!

  • @eliax600
    @eliax600 5 ปีที่แล้ว +2

    OMG Nick, I know this video it's like two years old, but I thank you, I'm learning so much from your videos!!!

  • @HeidiSchigt
    @HeidiSchigt 6 ปีที่แล้ว +10

    Omg I am so happy to know about Alt+click! Thanks!
    Also, great tutorial :)

  • @rdsingh6953
    @rdsingh6953 3 ปีที่แล้ว +6

    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':

    • @SiJeix2
      @SiJeix2 3 ปีที่แล้ว

      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.

    • @Kevmalvs
      @Kevmalvs 3 ปีที่แล้ว

      @@SiJeix2 sadly it still didn't work for me

    • @kirashere
      @kirashere 2 ปีที่แล้ว

      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 👍

  • @shlomobachar4123
    @shlomobachar4123 3 หลายเดือนก่อน

    Extremely beautiful.

  • @JDoerp
    @JDoerp 4 ปีที่แล้ว +1

    I’m not a graphics designer and I don’t use Inkscape but I still watch your videos because they make me feel calm😂

  • @ashleymassie5834
    @ashleymassie5834 5 ปีที่แล้ว

    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!

  • @sahilsagwekar
    @sahilsagwekar 3 ปีที่แล้ว

    this makes me fall in love with vector art

  • @rohinshyam3659
    @rohinshyam3659 5 ปีที่แล้ว +1

    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

  • @nithinshibu2202
    @nithinshibu2202 4 ปีที่แล้ว

    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 .

  • @rajshree1544
    @rajshree1544 6 ปีที่แล้ว

    sign of true genius is they make it look all so easy. what he just did is mad hard to imagine. kudos!

  • @Maverick_Gaming
    @Maverick_Gaming 6 ปีที่แล้ว +6

    When I intrapolated the text, I got an error that crashed inkscape... How do I fix this?

  • @argenisjimenez8118
    @argenisjimenez8118 4 ปีที่แล้ว

    You are a magician of Inkscape

  • @joehartlaub881
    @joehartlaub881 6 ปีที่แล้ว

    Thank you for another great tutorial. You and Brad Traversy rival the best teachers I've had in a traditional classroom setting.

  • @michaelkrailo5725
    @michaelkrailo5725 3 ปีที่แล้ว +2

    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.

  • @RachelBruner
    @RachelBruner 6 ปีที่แล้ว +1

    Yet another fabulous tutorial. Simple, yet effective! Thanks, Nick!

  • @androkaaylim7173
    @androkaaylim7173 6 ปีที่แล้ว +1

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

  • @RichardConnor1
    @RichardConnor1 6 ปีที่แล้ว

    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.

  • @ONEMusic801
    @ONEMusic801 3 ปีที่แล้ว

    Awesome tutorial,as a newbie to inkscape this is the kind of tutorials I need

  • @PierreDelore
    @PierreDelore 6 ปีที่แล้ว

    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.

  • @777ProP777
    @777ProP777 4 ปีที่แล้ว

    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

  • @princejoemonie2839
    @princejoemonie2839 4 ปีที่แล้ว

    This guy is just good he knows what he is doing

  • @akaliko22
    @akaliko22 2 ปีที่แล้ว

    Thanks

  • @recycledminis
    @recycledminis 2 ปีที่แล้ว

    It’s like magic

  • @DiegoAmorim
    @DiegoAmorim 6 ปีที่แล้ว +6

    Parabéns pelo canal. Material muito bem feito!

  • @dancu9271
    @dancu9271 2 ปีที่แล้ว

    As always, you do awesome videotutoriales‼️ thanks for sharing‼️

  • @mykodagames
    @mykodagames 6 ปีที่แล้ว +1

    Absolutely amazing love this tutorial!!!

  • @mlbullbooks
    @mlbullbooks ปีที่แล้ว

    Really cool tutorial 👍

  • @LifeGeneralist
    @LifeGeneralist 2 ปีที่แล้ว +1

    Impressive

  • @renaks1
    @renaks1 4 ปีที่แล้ว +2

    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.

    • @velikiautobus2455
      @velikiautobus2455 4 ปีที่แล้ว

      me too

    • @a_d_z_y__
      @a_d_z_y__ 4 ปีที่แล้ว

      Yeah actually you don't need interpolation because the two paths that will be processed are just the same

  • @hassanchedaf4127
    @hassanchedaf4127 2 ปีที่แล้ว

    Thank you so much bro

  • @sivadmg
    @sivadmg 2 ปีที่แล้ว

    good job Nick

  • @ProgrammerSheep
    @ProgrammerSheep 5 ปีที่แล้ว +6

    Make a series on replicating popular companies logo's in Inkscape!

  • @michaelwebster8844
    @michaelwebster8844 5 ปีที่แล้ว

    LOVE THIS TURORIAL!!!

  • @monicascott9687
    @monicascott9687 3 ปีที่แล้ว

    Great tutorial ✔️

  • @ch1nux1430
    @ch1nux1430 6 ปีที่แล้ว +2

    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!

  • @chadzulu4328
    @chadzulu4328 5 ปีที่แล้ว

    Really great explanation, nicely paced too!

  • @Focoedeterminacao1
    @Focoedeterminacao1 5 ปีที่แล้ว

    Consegui! Fiz azul 😃Ficou lindo! Obrigada 🙏

  • @julietadiazstafuza6781
    @julietadiazstafuza6781 5 ปีที่แล้ว

    Gracias por el tutorial!! saludos desde Argentina!!!

  • @miztee1891
    @miztee1891 6 ปีที่แล้ว

    Wow, this is so awesome. Thanks for this tutorial.

  • @joelance1588
    @joelance1588 6 ปีที่แล้ว +12

    Nick hunny, For some reason, when I click on interpolate nothing happens. How do i fix this?

    • @MyS1var
      @MyS1var 6 ปีที่แล้ว +2

      Change to text to path

    • @jamesscott6864
      @jamesscott6864 5 ปีที่แล้ว

      @@MyS1var I did but still nothing happens

    • @jamesscott6864
      @jamesscott6864 5 ปีที่แล้ว

      @@andreaferreiradev thanks, will do.

    • @manoelserafim7953
      @manoelserafim7953 4 ปีที่แล้ว +1

      @@jamesscott6864 did you manage to fix ?

    • @Schnabeltassentier
      @Schnabeltassentier 4 ปีที่แล้ว

      @@manoelserafim7953 Make sure to turn object to path, unify all letters, and only then create a copy

  • @timtrevlig
    @timtrevlig 5 ปีที่แล้ว

    Thank you for this high quality tutorial!

  • @mimiShiratama
    @mimiShiratama 5 ปีที่แล้ว

    Thanks a lot. Your tutorial is very helpful.

  • @dahlbergt
    @dahlbergt 2 ปีที่แล้ว

    Fantastic! Thank you! 👍

  • @grizzlycougar
    @grizzlycougar 6 ปีที่แล้ว

    Great tutorial as always, looks amazing

  • @rinkydas8074
    @rinkydas8074 5 ปีที่แล้ว

    thank you sir... I have learnt so much from you

  • @gxmoe9570
    @gxmoe9570 2 ปีที่แล้ว

    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 :/

  • @kavyanjaligavate449
    @kavyanjaligavate449 2 ปีที่แล้ว

    I am not getting that dropper tool....its gets duplicated if i press ctrl. Pll help...where can i find it?

  • @celialusma4618
    @celialusma4618 6 ปีที่แล้ว

    OOOOUuH that was dope thanks for the tutorial Nick

  • @nobrainer2058
    @nobrainer2058 4 ปีที่แล้ว +2

    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?

    • @zuzudan3956
      @zuzudan3956 3 ปีที่แล้ว +2

      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

    • @nobrainer2058
      @nobrainer2058 3 ปีที่แล้ว

      @@zuzudan3956 thanks for the reply! Will try tomorrow!

  • @colig54
    @colig54 6 ปีที่แล้ว

    excellent work, couldn't interpolate on mine either, i just manually changed the colours. Thank you kindest sir!

  • @MadZell
    @MadZell 2 ปีที่แล้ว

    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.

  • @surinfarmwest6645
    @surinfarmwest6645 6 ปีที่แล้ว

    Nick,
    thank you very much, a small project for New Years day. Happy New Year!
    West

  • @wandarrahpreschool
    @wandarrahpreschool ปีที่แล้ว

    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.

  • @freewings84
    @freewings84 2 ปีที่แล้ว

    Thanks : ) 👍

  • @pigdev
    @pigdev 6 ปีที่แล้ว +3

    Nick something I noticed while you group and ungroup objects is that it seems to be very quick and smooth, currently my Inkscape takes 2~3seg to group or ungroup any number of objects, a drastic slowing down in performance. I have a good PC so it's not hardware related I guess, and I remember back an year ago it wasn't laggy. I don't remember when exactly it began to happen. Any idea why this is happening, or any suggestion where I can find something related to this? I already searched in official, and some unofficial, forums but they always say it is normal and expected, but it wasn't happening before...and it is not expected that this happens with high end computers.

    • @LogosByNick
      @LogosByNick  6 ปีที่แล้ว +2

      That's odd. I don't know to be honest. The downside of open source software is that it sometimes has quirks. Sorry I couldn't help further than that.

    • @pigdev
      @pigdev 6 ปีที่แล้ว

      It's OK, don't mind on that. I'll format my PC soon so...maybe it gets better. Thank you for the attention :D

    • @mtarlo
      @mtarlo 6 ปีที่แล้ว

      I had same problem, but was fixed with reinstall of inkscape.

  • @LanoraZhanevideos
    @LanoraZhanevideos 5 ปีที่แล้ว +1

    i love ur intro song btw

  • @THAILANDCANUCK
    @THAILANDCANUCK 10 วันที่ผ่านมา

    Can you use the same method with images?

  • @nububu
    @nububu 4 ปีที่แล้ว

    thank you very much !

  • @rajendraumrao9674
    @rajendraumrao9674 4 ปีที่แล้ว +1

    You can also press "space" to move the canvas

  • @deepankardey5935
    @deepankardey5935 5 ปีที่แล้ว

    wonderful work!!

  • @PraveenAV
    @PraveenAV 4 ปีที่แล้ว

    Awesome tutorials!

  • @lapatjani3171
    @lapatjani3171 6 ปีที่แล้ว +1

    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?

    • @mychkineplot7677
      @mychkineplot7677 5 ปีที่แล้ว

      I've the same shaky kind of things problem...

  • @jinanks
    @jinanks ปีที่แล้ว

    Brilliant Boy...

  • @chrisr6314
    @chrisr6314 4 หลายเดือนก่อน

    How can I then take the text off the background, and use it on another image?

  • @medotata5356
    @medotata5356 4 ปีที่แล้ว

    At 12:40 I select black but color of the font doesn't change. Can somebody help?

  • @nkmfuncraft893
    @nkmfuncraft893 6 ปีที่แล้ว

    Thanks! Great tutorial.

  • @jarkmann3977
    @jarkmann3977 2 ปีที่แล้ว

    Unsure how you turned your grayscale to 170. Mine only goes from 0-100. I am in the HSL tab

  • @ameenlouie717
    @ameenlouie717 3 ปีที่แล้ว

    impressive!!!!!!!

  • @antibording6213
    @antibording6213 6 ปีที่แล้ว

    SO GOOD

  • @user-ry4ck8tl5z
    @user-ry4ck8tl5z 4 ปีที่แล้ว

    I used your tutorial to create my logo :)

  • @zakaryaa7484
    @zakaryaa7484 2 ปีที่แล้ว

    Awesome

  • @joshlaurance8698
    @joshlaurance8698 3 ปีที่แล้ว

    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':

  • @Average_Kpopper_Mideko
    @Average_Kpopper_Mideko 7 หลายเดือนก่อน

    This method did not work for me. Is there any other way to create a neon sign?

  • @approxahmed
    @approxahmed 6 ปีที่แล้ว

    Thanks this was really helpful

  • @Delivery-Witch-Express
    @Delivery-Witch-Express 6 ปีที่แล้ว

    When I interpolate, the other 2 colors of text do no appear. Is that a bug?
    Edit: I got them to show up when I re did everything but for some reason the text isn't the same. They are 2 different fonts.

  • @Gritt4reel
    @Gritt4reel 6 ปีที่แล้ว +1

    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)

    • @LogosByNick
      @LogosByNick  6 ปีที่แล้ว

      Yes that would work as well. Thanks for the suggestion!

  • @per_sev
    @per_sev 3 ปีที่แล้ว

    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?

  • @robertstriker6290
    @robertstriker6290 6 ปีที่แล้ว

    well done, sir! Thanks

  • @ThiagoPrego
    @ThiagoPrego 10 หลายเดือนก่อน

    Thank you. May the Lord bless you always.

  • @halvarmc671
    @halvarmc671 2 ปีที่แล้ว

    Well, I guess, I need to find updated tutorials. :/ InkScape doesn't have that option in interpolate.

  • @bigman7856
    @bigman7856 ปีที่แล้ว

    They seemed to change the Interpolation method to two bubble options. I keep getting "at least two paths need to be selected."

  • @thefacts9830
    @thefacts9830 3 ปีที่แล้ว +1

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

  • @bhinderbinder
    @bhinderbinder 6 ปีที่แล้ว +1

    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!

    • @ignis1511
      @ignis1511 6 ปีที่แล้ว

      Exact same thing for me...

    • @ignis1511
      @ignis1511 6 ปีที่แล้ว +4

      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.

  • @joaohenriquemacedo7588
    @joaohenriquemacedo7588 4 ปีที่แล้ว

    Maaaan you are FUCKING AWESOME that worked like a charm i was trying to create a logo for my website and it's beautiful

  • @christinicolle
    @christinicolle 6 ปีที่แล้ว

    Hey Nick, would you know if this font can be legally used (in a banner) for a business if it's modified this way? Just verifying so that I don't have any type of legal issues

  • @r0075h3ll
    @r0075h3ll 4 ปีที่แล้ว

    Awesome Video!

  • @IrmaWalter
    @IrmaWalter 5 ปีที่แล้ว

    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.

  • @mykerotch3053
    @mykerotch3053 2 ปีที่แล้ว

    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

  • @BenBen-lf8wg
    @BenBen-lf8wg 6 ปีที่แล้ว

    So good ! Thank you :)

  • @thuhuongduong3827
    @thuhuongduong3827 6 ปีที่แล้ว

    hey guys can I ask you about converting file .svg to .png? even when I save it as .png or convert it by some websites, it would be broken or have font error. Please help! 😅

  • @yoxxilja
    @yoxxilja 5 ปีที่แล้ว

    that is awesome