How To Create Gradient Meshes In Inkscape

In this tutorial we'll be going over how to create both mesh and conical gradients in Inkscape.
This is a sample lesson from my Inkscape Master Class. You can watch more like it here: logosbynick.com/inkscape/
🔗 RESOURCE LINKS
Hire me to design your logo: logosbynick.com
Get 200+ free design templates: freetemplates.design/
Get my premium logo templates: logosbynick.store/
Upgrade to the latest version of Inkscape here: inkscape.org/release/
🎓 EXPLAINER COURSES
Inkscape: logosbynick.com/inkscape/
Affinity Designer: logosbynick.com/affinity-desi...
GIMP: logosbynick.com/gimp/
Adobe Illustrator: logosbynick.com/illustrator/
Take my logo design workshop: logosbynick.com/learn/
▶️ MY OTHER CHANNELS
Adobe & Affinity tutorials: / designmadesimple
Mobile tutorials: / @make_it_mobile
🎵 MUSIC USED
In Da Mood - Combustibles
CHAPTERS
00:00 Intro
00:28 Mesh Gradients
05:47 Conical Gradients
13:47 Learn More

Пікірлер: 65

  • @victorgeorgegalvao
    @victorgeorgegalvao11 ай бұрын

    There is no better teacher than this guy. Thank you Nick, only using yours tips and tricks on KZread I was able to improve my incomes, learn how to use Inkscape was a game changer in my life.

  • @LogosByNick

    @LogosByNick

    11 ай бұрын

    Congrats on your success 🥂

  • @vintprox
    @vintprox11 ай бұрын

    This is an insane functionality and timely tutorial! Before anyone gets feral with those in prototyping, note that mesh gradients are only getting traction and won't work in the tools like Penpot, for the time being. For the future reference, I'd suggest using guides to make a calculated work with those nodes - you CAN do a perfect gradient, it just takes a good minute to prepare.

  • @piggysister01
    @piggysister013 ай бұрын

    Fabulous!

  • @rklauco
    @rklauco11 ай бұрын

    This was amazing, I thought the CD in the thumbnail was a photo... Great tutorial, thanks!

  • @LogosByNick

    @LogosByNick

    11 ай бұрын

    Glad you liked it

  • @TGFGamesta
    @TGFGamesta11 ай бұрын

    I have never played around with the meshes. I think its safe to say I will be doing now. Thanks Nick

  • @Bob-of-Zoid

    @Bob-of-Zoid

    11 ай бұрын

    They can be tricky little buggers that take some getting used to, so have at it!

  • @TGFGamesta

    @TGFGamesta

    11 ай бұрын

    The amount of apps I have learnt that are now second nature is unbelievable so I guess this is just the next in a long line haha @@Bob-of-Zoid

  • @bmc_
    @bmc_11 ай бұрын

    LETS GOOOOOOO, I ALWAYS WANTED THIS

  • @chuckmoney1688
    @chuckmoney168811 ай бұрын

    Always interesting and concise.

  • @apatsa_basiteni
    @apatsa_basiteni11 ай бұрын

    Damn, you are a legend!

  • @LogosByNick

    @LogosByNick

    11 ай бұрын

    Thank you

  • @ondrejprinda
    @ondrejprinda11 ай бұрын

    Thanks Nick! 👍

  • @GraphicdesignforFree
    @GraphicdesignforFree11 ай бұрын

    Amazing tool, great tutorial.

  • @CTRL_SMarcos
    @CTRL_SMarcos11 ай бұрын

    Fantastic, thanks for the video. I always felt that this tool was a bit underrated. It has a lot of potential. The CD looks great.

  • @bob14072
    @bob1407211 ай бұрын

    Awesome!

  • @onefour5513
    @onefour551311 ай бұрын

    Thank you very much.

  • @TeddyBearKilla
    @TeddyBearKilla11 ай бұрын

    The drop down menu on the sidebar where layers, align etc is also has all the panel options in it, you can get align & distribute and things like path effects there.

  • @TechieSewing

    @TechieSewing

    11 ай бұрын

    Thanks, I never realized Font collections were there too, that's the fastest way to get to them.

  • @TeddyBearKilla

    @TeddyBearKilla

    11 ай бұрын

    @@TechieSewing You're welcome, it's also very fast to get to path effects

  • @user-mh4nc5tr6l
    @user-mh4nc5tr6l11 ай бұрын

    thank you

  • @Bob-of-Zoid
    @Bob-of-Zoid11 ай бұрын

    Thanks for this! Gradient meshes have so far for me not been very intuitive in Inkscape, and add to that in previous versions, I experienced some problems with the nodes not behaving as they should, after much work getting desired results (or at least close) finding a gradient being reset to a basic one with no way to reapply it, and things like that! I sure hope some of the bugs are also worked out too. I will find out one way or another, hopefully not the hard way! Happy editing!

  • @Nuttoz
    @Nuttoz10 ай бұрын

    It's so useful.

  • @jonathandawson3091
    @jonathandawson309110 ай бұрын

    Hi I found this lesson very useful.

  • @leinexkeith291
    @leinexkeith29111 ай бұрын

    Brilliant

  • @TS-fh4un
    @TS-fh4un11 ай бұрын

    ありがとうございます♪

  • @derpderp9281
    @derpderp92818 ай бұрын

    Wow! I never thought about using the mesh gradient tool like that o.o

  • @NYProductions
    @NYProductions10 ай бұрын

    thanks!

  • @NCHEstudio
    @NCHEstudio11 ай бұрын

    wow,, cool!

  • @markozeArts
    @markozeArts10 ай бұрын

    I always admire by your productivity, but more important your content is great Quality. I consider you an expert in Inkscape. Btw, do you know of any simple way in Inkscape to create gradients along closed path, for example like "waves around island"...

  • @FAKKER_rap
    @FAKKER_rap11 ай бұрын

    How to save all your settings when updating inskape?

  • @Kaycii.Austine
    @Kaycii.Austine11 ай бұрын

    Nicks is an amazing tutor. God bless you always

  • @conc35
    @conc3511 ай бұрын

    very 👍

  • @Krishanjot
    @Krishanjot11 ай бұрын

    How to see all tools icon in single line without scrolling down to see all tools in inkscape . As like your screen I can see all tools icon

  • @talk2devid

    @talk2devid

    11 ай бұрын

    You can change the icon size from preferences. Also, please check your screen resolution.

  • @LogosByNick

    @LogosByNick

    11 ай бұрын

    You're probably using a lower resolution screen. You can click and drag the tool bar to expand it. I have a video here demonstrating it: kzread.info/dash/bejne/c22c1ralpcTdgM4.html

  • @educationstuff7816
    @educationstuff781611 ай бұрын

    I love your inkscape videos and your thumbnails too. Which software you use for thumbnail PS or other. Can we create this type of thumbnail in inkscape

  • @ArnsRidom

    @ArnsRidom

    11 ай бұрын

    Yes . We can make this thumbnail in inkscape as well as in gimp which is open source alternative of PS

  • @educationstuff7816

    @educationstuff7816

    11 ай бұрын

    @@ArnsRidom thankyou for answering. Do you know any practice videos on making thumbnail in inkscape

  • @joggo426

    @joggo426

    11 ай бұрын

    I think Nick already has a video on it, I may be wrong though. And yes you can easily make this kind of thumbnail and even more complex ones with inkscape.

  • @LogosByNick

    @LogosByNick

    11 ай бұрын

    I create the design in Inkscape then I bring it into Affinity Photo to enhance the colors and adjust the sharpness, brightness, contrast, etc. Inkscape alone can certainly create thumbnails like these though. It's mostly just screenshots of the app + text on top of rectangles.

  • @clintquasar

    @clintquasar

    11 ай бұрын

    @@LogosByNick Why Affinity Photo and not Inkscape filters or GIMP?

  • @amrtrea6325
    @amrtrea632510 ай бұрын

    What you used the green around a cursor? And the corner left bottom for tutorial? I want to make tutorial using that tool

  • @kamilrenczewski5151
    @kamilrenczewski515111 ай бұрын

    What aro those 4 big color squares next to a palette in the lower left corner of your screen? Can this be used to hold custom colors next to a regular palette (or customized in any way)?

  • @LabGecko

    @LabGecko

    5 ай бұрын

    Those are (left to right) no fill, black, 50% gray, and white. Left-clicking them affects fill and right-clicking affects the stroke. I not sure if those specifically can be changed, but the palette to the right of them can be changed by making a row of colors and saving them in the palette folder as .palette file. Then it should show up as an option on the 3 bar menu button to the far right of that bar. Clicking the 3 bar menu button on the far right will also allow you to Configure it, if you're just wanting larger palette buttons or the something. I'm sure I missed a step, but there are tutorials on making your own palette.

  • @muhammedfarispk1687
    @muhammedfarispk168711 ай бұрын

    Can you make a video about logo designing with grids

  • @dennyskerb4992
    @dennyskerb499211 ай бұрын

    👍👍

  • @latifaboumehdi4423
    @latifaboumehdi442311 ай бұрын

    Hi, thank you for all the information about inkscape.please l have a probleme with the logiciel ,l can 't do a design with it .present here a personne that have the same problem like me

  • @thadeku
    @thadeku3 ай бұрын

    when i select 30% grey it basically colors the sphere and gets rid of the mesh gradient. if i click again with the mesh gradient it goes back to how it looks when you first make the gradient and won't let me change the whole thing to grey

  • @thadeku

    @thadeku

    3 ай бұрын

    seems like when i select with the mesh gradient cursor, it isn't selecting any mesh nodes, what am i doing wrong?

  • @orphydiancg7759
    @orphydiancg77596 ай бұрын

    I understand that even Affinity Designer doesn't have the mesh gradient tool until this day?

  • @merribethstanfield2900
    @merribethstanfield290011 ай бұрын

    Anytime I make something with a gradient or pattern fill, if I move the obejct is changes/messes up the fill. Is that just an Inkscape thing or am I missing something?

  • @LogosByNick

    @LogosByNick

    11 ай бұрын

    It’s a setting in the Select Tool that fixes gradients to the canvas. It can be changed in the toolbar.

  • @merribethstanfield2900

    @merribethstanfield2900

    11 ай бұрын

    @@LogosByNick Thank you!! Been driving me nuts forever

  • @codzlaw
    @codzlaw10 ай бұрын

    Note to Nick: Don’t think Inkscape knows how to vector these meshes so if you want to save an svg you have to save png 1st then an svg of that. Try exporting as svg see if you have same issue where the mesh was not on output, not in preview box to right but where you save it too, open it with photos or another program not ink.

  • @ishmadrad
    @ishmadrad6 ай бұрын

    Newer generations: "What is a CD!?"

  • @LogosByNick

    @LogosByNick

    6 ай бұрын

    Wait until I show them how to make a rotary phone 🤯

  • @ishmadrad

    @ishmadrad

    6 ай бұрын

    @@LogosByNick Indeed you made a cassette 🤣

  • @yvanvan3729
    @yvanvan372911 ай бұрын

    Great tutorial like always. BTW if you are lacking inspiration for a tutorial, I would appreciate a tutorial on the best way to create a 1024x1024 pixel color palette with 4x4 pixel color squares, and how to automatically change the colors of multiple squares according to a certain rule (for example red from 0 to 255 in steps of 8). Have a wonderful day.

  • @LogosByNick

    @LogosByNick

    11 ай бұрын

    The Tiled Clones feature would be perfect for that (Edit > Clones > Create Tiled Clones.) I don't have a tutorial for it on KZread but the menu interface will guide you through it

  • @coralnichols5878
    @coralnichols587811 ай бұрын

    Can you show us how to do the 3D inflate effect that Illustrator does? Or is it even possible?

  • @GraphicDesignStudio
    @GraphicDesignStudio11 ай бұрын

    So This is why I used to suggest to watch Logos by nick videos.

  • @Neo--X
    @Neo--X10 ай бұрын

    I've never seen a more capable application in this domain, but it is completely unusable for anyone who is familiar with Adobe Illustrator or Affinity Design due to InkScape's UI/UX.

  • @fetB
    @fetB11 ай бұрын

    Some constructive criticism. You repeat so many things like, click here, move over her etc. Like we see that you clicked there. Same with 5:45. You just said whats next, and a sec later, you repeat what you just announced. Its so annoying