Inkscape Tutorial: Neon Text Effect

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2024

Комментарии • 208

  • @richarddowney8722
    @richarddowney8722 Год назад +13

    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!

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

  • @carlosmaldonado3202
    @carlosmaldonado3202 6 лет назад +116

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

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

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

  • @RUSTICW0LF
    @RUSTICW0LF 3 года назад +2

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

  • @sahilsagwekar
    @sahilsagwekar 3 года назад

    this makes me fall in love with vector art

  • @mayureshwaghmare46
    @mayureshwaghmare46 6 лет назад +11

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

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

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

    Extremely beautiful.

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

  • @argenisjimenez8118
    @argenisjimenez8118 4 года назад

    You are a magician of Inkscape

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

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

  • @princejoemonie2839
    @princejoemonie2839 4 года назад

    This guy is just good he knows what he is doing

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

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

  • @ONEMusic801
    @ONEMusic801 3 года назад

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

  • @HeidiSchigt
    @HeidiSchigt 6 лет назад +10

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

  • @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😂

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

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

  • @mlbullbooks
    @mlbullbooks Год назад

    Really cool tutorial 👍

  • @dancu9271
    @dancu9271 2 года назад

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

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

  • @sivadmg
    @sivadmg 3 года назад

    good job Nick

  • @RachelBruner
    @RachelBruner 6 лет назад +1

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

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

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

  • @monicascott9687
    @monicascott9687 3 года назад

    Great tutorial ✔️

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

  • @LifeGeneralist
    @LifeGeneralist 2 года назад +1

    Impressive

  • @dahlbergt
    @dahlbergt 2 года назад

    Fantastic! Thank you! 👍

  • @ProgrammerSheep
    @ProgrammerSheep 6 лет назад +6

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

  • @LanoraZhanevideos
    @LanoraZhanevideos 5 лет назад +1

    i love ur intro song btw

  • @recycledminis
    @recycledminis 2 года назад

    It’s like magic

  • @colig54
    @colig54 6 лет назад

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

  • @PraveenAV
    @PraveenAV 4 года назад

    Awesome tutorials!

  • @michaelkrailo5725
    @michaelkrailo5725 4 года назад +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.

  • @chadzulu4328
    @chadzulu4328 5 лет назад

    Really great explanation, nicely paced too!

  • @thefacts9830
    @thefacts9830 4 года назад +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!!!!

  • @ОлегГусев-ж5ж
    @ОлегГусев-ж5ж 4 года назад

    I used your tutorial to create my logo :)

  • @r0075h3ll
    @r0075h3ll 4 года назад

    Awesome Video!

  • @DiegoAmorim
    @DiegoAmorim 7 лет назад +6

    Parabéns pelo canal. Material muito bem feito!

  • @michaelwebster8844
    @michaelwebster8844 5 лет назад

    LOVE THIS TURORIAL!!!

  • @miztee1891
    @miztee1891 6 лет назад

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

  • @bhinderbinder
    @bhinderbinder 7 лет назад +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.

  • @julietadiazstafuza6781
    @julietadiazstafuza6781 5 лет назад

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

  • @mykodagames
    @mykodagames 6 лет назад +1

    Absolutely amazing love this tutorial!!!

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

  • @deepankardey5935
    @deepankardey5935 6 лет назад

    wonderful work!!

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

  • @mimiShiratama
    @mimiShiratama 5 лет назад

    Thanks a lot. Your tutorial is very helpful.

  • @timtrevlig
    @timtrevlig 5 лет назад

    Thank you for this high quality tutorial!

  • @wowerman
    @wowerman 4 года назад

    Great stuff. How many years have you been doing it Nick?

  • @rinkydas8074
    @rinkydas8074 5 лет назад

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

  • @hassanchedaf4127
    @hassanchedaf4127 2 года назад

    Thank you so much bro

  • @grizzlycougar
    @grizzlycougar 7 лет назад

    Great tutorial as always, looks amazing

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

  • @Maverick_Gaming
    @Maverick_Gaming 6 лет назад +6

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

  • @kenkaras298
    @kenkaras298 6 лет назад

    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.

  • @ameenlouie717
    @ameenlouie717 3 года назад

    impressive!!!!!!!

  • @celialusma4618
    @celialusma4618 7 лет назад

    OOOOUuH that was dope thanks for the tutorial Nick

  • @rajendraumrao9674
    @rajendraumrao9674 4 года назад +1

    You can also press "space" to move the canvas

  • @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 👍

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

  • @robertstriker6290
    @robertstriker6290 6 лет назад

    well done, sir! Thanks

  • @antibording6213
    @antibording6213 6 лет назад

    SO GOOD

  • @nububu
    @nububu 4 года назад

    thank you very much !

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

  • @jinanks
    @jinanks Год назад

    Brilliant Boy...

  • @Focoedeterminacao1
    @Focoedeterminacao1 5 лет назад

    Consegui! Fiz azul 😃Ficou lindo! Obrigada 🙏

  • @akaliko22
    @akaliko22 2 года назад

    Thanks

  • @AxellTh
    @AxellTh 3 года назад

    Do you have a tutorial on doing interpolation in photoshop like you do in this video?

  • @surinfarmwest6645
    @surinfarmwest6645 6 лет назад

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

  • @nkmfuncraft893
    @nkmfuncraft893 6 лет назад

    Thanks! Great tutorial.

  • @marcfritz5281
    @marcfritz5281 3 года назад

    Thanks for this great tutorial.
    However, it seems that the font has changed because the letters are not connected when typing "neon".
    Or did you make a video cut and connect the letters by "stroke to path", "ungroup" and moving the letters together ?
    Thanks again for your great tutorials.
    BTW: I had also problems with the interpolation. I had an error and there were no duplications (Inkscape Version 1.0.1)

  • @zakaryaa7484
    @zakaryaa7484 2 года назад

    Awesome

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

  • @approxahmed
    @approxahmed 7 лет назад

    Thanks this was really helpful

  • @yoxxilja
    @yoxxilja 5 лет назад

    that is awesome

  • @inazaid
    @inazaid 4 года назад

    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 👍

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

  • @halvarmc671
    @halvarmc671 2 года назад

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

  • @freewings84
    @freewings84 2 года назад

    Thanks : ) 👍

  • @BenBen-lf8wg
    @BenBen-lf8wg 6 лет назад

    So good ! Thank you :)

  • @ThiagoPrego
    @ThiagoPrego Год назад

    Thank you. May the Lord bless you always.

  • @Dante-ev2mh
    @Dante-ev2mh 3 года назад

    I was like: "...wHAAAAAAATtttttt.....?!?!!!!!!!"
    nice

  • @qianbang_
    @qianbang_ 5 лет назад

    Nice

  • @rubenvanderzee7171
    @rubenvanderzee7171 7 лет назад

    Nice!

  • @fatkur
    @fatkur 4 года назад

    very awesome

  • @MadZell
    @MadZell 3 года назад

    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.

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

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

  • @gxmoe9570
    @gxmoe9570 3 года назад

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

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

  • @jarkmann3977
    @jarkmann3977 2 года назад

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

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

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

  • @ariandaky
    @ariandaky 6 лет назад

    awesome

  • @renaks1
    @renaks1 5 лет назад +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 5 лет назад

      me too

    • @a_d_z_y__
      @a_d_z_y__ 5 лет назад

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

  • @kavyanjaligavate449
    @kavyanjaligavate449 2 года назад

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