Inkscape Tutorial: Vector Power Button

Design a vector power button icon on brushed steel with an illuminated variation.
Brushed steel texture: pixabay.com/en/scratched-meta...
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.logosbynick.com
Ready to monetize your design skills? Check out my free guide on landing freelancing gigs: logosbynick.com/freelance/
If you feel compelled to support my work here on KZread 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.com/designcourse/
Want to make Inkscape appear dark? Here's how: logosbynick.com/how-to-make-i...
Facebook: / logosbynick
Twitter: @logosbynick
Instagram: @itslogosbynick
My design setup: logosbynick.com/look-new-desi...
Intro song: "In Da Mood" by Combustibles, used with written permission

Пікірлер: 87

  • @Sunlit_Sea
    @Sunlit_SeaАй бұрын

    6 years later but thankyou this is a great tutorial.

  • @izeckx
    @izeckx7 жыл бұрын

    I've watched many of your videos, but I've never commented. I want to thank you for your tutorials. My daughter and I have learned a lot from you.

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    That's great to hear, thanks for the support!

  • @alexthornburg7156
    @alexthornburg71563 жыл бұрын

    Freaking love these videos man. ~4 years later, lol.

  • @shubham_dalvi
    @shubham_dalvi7 жыл бұрын

    Wow!!! This couldn't go more perfect!! 👌👌👌

  • @WendyMarieMedia
    @WendyMarieMedia Жыл бұрын

    With every step the button looked more and more 3d. It's like magic. Ah, I love working with vectors.

  • @user-bx7rw1pt4p

    @user-bx7rw1pt4p

    Жыл бұрын

    You will love linear algebra

  • @SwarnimArun
    @SwarnimArun7 жыл бұрын

    Well I have been doing vector for some time(~1 year as a hobby) but really not watched many tutorials but this UI tutorial was something I needed. Hope to see more of these.

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    Thanks

  • @bullfolio
    @bullfolio6 жыл бұрын

    Just awesome tutorial. I'm developing a video game and this will really gonna help me in designing UI. Thank you so much.

  • @bricereed7252
    @bricereed72526 жыл бұрын

    Thank you for your tutorials. They are very well done. They make following along step by step very easy. Great Job!

  • @carlos3765
    @carlos37653 жыл бұрын

    This was really amazing to watch. I'm just getting started with Inkscape. It's such a powerful tool. Love it. Well done!

  • @sandysingssongs
    @sandysingssongs7 жыл бұрын

    These are really great tutorials. What an excellent resource you're creating.

  • @seemsas
    @seemsas7 жыл бұрын

    This button looks very nice. Thank you.

  • @alfredorichardohaurissa801
    @alfredorichardohaurissa8017 жыл бұрын

    hey nick. just want u to know how much i love every single of your video. i learn a lot from you. thanks so much and wish u success

  • @jackflash2787
    @jackflash27877 жыл бұрын

    thank you for all this tutorials

  • @paglo89
    @paglo896 жыл бұрын

    Thank you so much for your tutorials, it's all explained so well :)

  • @andrefilgueiras
    @andrefilgueiras7 жыл бұрын

    Excellent Video Nick!!!

  • @DMWill79
    @DMWill797 жыл бұрын

    really cool one this time. I enjoyed this one a lot.

  • @eterno1610
    @eterno16107 жыл бұрын

    Oh yes! This is neat idea thank you!

  • @krischlapek6939
    @krischlapek69396 жыл бұрын

    Great job. your tutorials are great.

  • @geauxadventuring6039
    @geauxadventuring60396 жыл бұрын

    Very Nice Tutorial Using this Program.

  • @pstevenson39
    @pstevenson396 жыл бұрын

    Really good video. I have definitely learned a bunch from you.

  • @albertgalvez2556
    @albertgalvez25567 жыл бұрын

    Nice, thanks Nick.

  • @junglechow7481
    @junglechow74817 жыл бұрын

    very helpful, Thx Nick!

  • @sosasees
    @sosasees3 жыл бұрын

    I'm amazed at how these simple steps are sufficient to make that button look photoreal, like something you'd see on a coffee machine. It turns out the biggest trick is using a photorealistic background and that somehow makes the less realistic button look photoreal. When I watched this video, I didn't actually want to make that button but I got too curious on how complicated it'd be.

  • @SlimeyNoCommentary
    @SlimeyNoCommentary7 жыл бұрын

    realistique button very nice

  • @dnaldoog3114
    @dnaldoog31143 жыл бұрын

    Amazing! Thank you

  • @Mjuziks
    @Mjuziks6 жыл бұрын

    Huge thanks! Keep it up.

  • @salmanbabar
    @salmanbabar7 жыл бұрын

    I made a Power button myself, but that wasn't as good as this one. I'll make this one. Awesome tutorial Nick.

  • @jayashrishobna
    @jayashrishobna7 жыл бұрын

    This is awesome.

  • @derrickmcfarland8521
    @derrickmcfarland85217 жыл бұрын

    You're a wizard!

  • @SimonFabcic
    @SimonFabcic3 жыл бұрын

    Good job, really!👍

  • @hedgievg
    @hedgievg7 жыл бұрын

    I've been watching you for quite some time. Now I can recreate most of your tutorial result images just by looking on it. Thank you for your awesome tutorials! p.s soz for my bad english lul

  • @assage
    @assage7 жыл бұрын

    It's awesome lesson 👍

  • @ginnynorman3323
    @ginnynorman33237 жыл бұрын

    yet another awesome and useful tutorial. thx bud. you help us learn to use these tools to bring out our creativity, which lets our imagination soar. let your ink-SCAPE the land before you as you sail the digital wave. oops, used the wife's account, shh, don't tell her! lol :)

  • @dennyskerb4992
    @dennyskerb49925 жыл бұрын

    Wow, amazing

  • @LogosByNick

    @LogosByNick

    5 жыл бұрын

    Thanks, go birds!

  • @sgtfoose8842
    @sgtfoose88426 жыл бұрын

    Great thanks!

  • @tokomastotan
    @tokomastotan2 жыл бұрын

    Thank nick.. 😁

  • @sheaulle
    @sheaulle7 жыл бұрын

    Great as always. :-)

  • @nicholass286
    @nicholass2867 жыл бұрын

    BRAVO

  • @LayGraPhix
    @LayGraPhix7 жыл бұрын

    God Bless Tutor

  • @james-rz3so
    @james-rz3so7 жыл бұрын

    Hey nick I love your vids and they help me a lot though I'm wondering if there's a way you can make an effect that looks like static tv screen/ Screen glitching? If you can that would be great! Thanks

  • @luxlumen4605
    @luxlumen46056 жыл бұрын

    First off I have to say "You're The Man" your videos are great and I'm sure going to learn a lot from them. With that being said I do have one question about a part in the video, instead of making the power icon could I just us a solid color png logo in its place??

  • @flyingsquirrel3271
    @flyingsquirrel32716 жыл бұрын

    This button looks so cool!! One question though: How would you make it look like it's in pushed down state?

  • @juricakalamir9202
    @juricakalamir92027 жыл бұрын

    Can you make a tutorial how to make a 3-fold brochure in Inkscape, or a flyer?

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    That's a good idea, I may do that next

  • @juststop2272
    @juststop22727 жыл бұрын

    Please do a video on how to make a logo using GIMP. BTW love your vids...

  • @aligonzalez5580
    @aligonzalez55807 жыл бұрын

    I really like all your videos, especially about Inkscape. One thing is causing me to make an extra effort to see your black screen. The icons are very tiny and in sometimes I must guess what button you pressed or selected. I think that you configured Inkscape that way to have a bigger working area. And that's ok for you, but I don't have such a big monitor but a 19" one. Yes, perhaps I must change my glasses.

  • @edgarvillalba4234
    @edgarvillalba42346 жыл бұрын

    how do you select different duplications without selecting the upper ones

  • @makuikui
    @makuikui6 жыл бұрын

    How about the brushed metal background, can it be archived with Inkscape?

  • @alanwashington7231
    @alanwashington72317 жыл бұрын

    Unable to rotate clockwise or anti-clockwise after applying linear gradient. Running Win10 Pro and Inkscape 0.92. Please advise.

  • @michaelthevamp1978
    @michaelthevamp19787 жыл бұрын

    How do i post my drawing when im done.

  • @deathstrokegaming3591
    @deathstrokegaming35914 жыл бұрын

    is there a way to make this into rectangle?

  • @pedro_bezerra
    @pedro_bezerra7 жыл бұрын

    muito bom, se você fizesse no blender seria muito mais rápido.

  • @przecietnyjanusz6215
    @przecietnyjanusz62157 жыл бұрын

    I made it in Illustrator once

  • @DmitriyUV
    @DmitriyUV7 жыл бұрын

    Сколько усилий для того чтобы создать, на первый взгляд, простую кнопку =)

  • @sleepy900
    @sleepy9007 жыл бұрын

    How do you get the other tools like the gradient tool?

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    If you're using a laptop, tablet or monitor with a small resolution those tools may not be visible. In that case there will be a small arrow at the bottom of the toolbar. If you click on that, a fly out menu will bring up those missing tools.

  • @sleepy900

    @sleepy900

    7 жыл бұрын

    Nick Saporito thanks

  • @pazconagua5022
    @pazconagua50227 жыл бұрын

    I'm download Inkscape in order to folllow your GREAT tutorial, but why my Inkscape interface is white and yours is black with different left buttons aspect? My inkscape is also 0.92 version... Thanks for all!!!

  • @jdawg761

    @jdawg761

    7 жыл бұрын

    He has a tutorial for this on his website: logosbynick.com/how-to-make-inkscape-go-dark/

  • @pazconagua5022

    @pazconagua5022

    7 жыл бұрын

    Jeremah, thank you very much Jeremah, have a nice day!

  • @approxahmed
    @approxahmed7 жыл бұрын

    I tried rotating the ellipse that I made in Inkscape but it wont rotate (clockwise and counter clockwise) I can rotate it however by clicking it twice with the move tool and holding ctrl and moving it 90 degrees Do you know why that's happening tho?

  • @approxahmed

    @approxahmed

    7 жыл бұрын

    Update can't flip it vertically using the move tool rip..

  • @bellah-1supercobra513
    @bellah-1supercobra5135 жыл бұрын

    2:35 - why can't I rotate the circle?

  • @radic0088
    @radic00887 жыл бұрын

    can someone tell me which version of inkscape is this? :)

  • @jdawg761

    @jdawg761

    7 жыл бұрын

    v0.92

  • @venkateswarans1012
    @venkateswarans10122 жыл бұрын

    How do I only save that button as SVG

  • @LogosByNick

    @LogosByNick

    2 жыл бұрын

    Select the button and copy and paste it into a new document. Then resize the document around the button by selecting it and pressing control + shift + r on your keyboard. Then you can save it as a svg file.

  • @Uveryahi
    @Uveryahi5 ай бұрын

    Noice.

  • @sped5770
    @sped57703 жыл бұрын

    Pozdro od Kocoła

  • @illusionistdave1
    @illusionistdave17 жыл бұрын

    I love your videos, and I"m just giving you a hard time, but did you almost say "80% gay" at 2:19?

  • @Kalrox1

    @Kalrox1

    7 жыл бұрын

    neckbeard I was just about to comment on that XD

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    lol almost

  • @LegendaryJed
    @LegendaryJed7 жыл бұрын

    1st!

  • @mohamedbelafdal6362
    @mohamedbelafdal63627 жыл бұрын

    or u could just use a filter

  • @Kaybe23
    @Kaybe237 жыл бұрын

    Nick please take a look at this music video with the backgrounds: watch?v=Nwp2XQhwQQQ Can you tell me how they animate them? Is this possible with gimp? Some of them are really awesome

  • @caustic_4828
    @caustic_48286 жыл бұрын

    voodoo witchcraft

  • @bauerGio
    @bauerGio7 жыл бұрын

    Your tutorials are really helpful! Thank you! Just did the design and put it inside a Qt5 application and then installed on a Raspbery Pi. Take a look at the video bellow showing the button in action with a touchscreen: kzread.info/dash/bejne/i3l41siRaLKZdco.html

  • @efremnovak3140
    @efremnovak31407 жыл бұрын

    nod_bat.svg

  • @MEDICx87
    @MEDICx874 жыл бұрын

    Only 80% gay!

  • @ishujha1450
    @ishujha14507 жыл бұрын

    use a better screen recorder