How To Create Gradient Meshes In Inkscape

Поділитися
Вставка
  • Опубліковано 9 лип 2024
  • 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
    @victorgeorgegalvao 10 місяців тому +29

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

    • @LogosByNick
      @LogosByNick  10 місяців тому +7

      Congrats on your success 🥂

  • @vintprox
    @vintprox 10 місяців тому +5

    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
    @piggysister01 2 місяці тому +1

    Fabulous!

  • @rklauco
    @rklauco 10 місяців тому +6

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

  • @bmc_
    @bmc_ 10 місяців тому +3

    LETS GOOOOOOO, I ALWAYS WANTED THIS

  • @TGFGamesta
    @TGFGamesta 10 місяців тому +4

    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 10 місяців тому +1

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

    • @TGFGamesta
      @TGFGamesta 10 місяців тому

      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

  • @CTRL_SMarcos
    @CTRL_SMarcos 10 місяців тому +1

    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.

  • @GraphicdesignforFree
    @GraphicdesignforFree 10 місяців тому

    Amazing tool, great tutorial.

  • @chuckmoney1688
    @chuckmoney1688 10 місяців тому +1

    Always interesting and concise.

  • @ondrejprinda
    @ondrejprinda 10 місяців тому

    Thanks Nick! 👍

  • @TeddyBearKilla
    @TeddyBearKilla 10 місяців тому +2

    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 10 місяців тому

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

    • @TeddyBearKilla
      @TeddyBearKilla 10 місяців тому +1

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

  • @bob14072
    @bob14072 10 місяців тому

    Awesome!

  • @Nuttoz
    @Nuttoz 9 місяців тому

    It's so useful.

  • @apatsa_basiteni
    @apatsa_basiteni 10 місяців тому +5

    Damn, you are a legend!

  • @onefour5513
    @onefour5513 10 місяців тому

    Thank you very much.

  • @user-mh4nc5tr6l
    @user-mh4nc5tr6l 10 місяців тому +1

    thank you

  • @derpderp9281
    @derpderp9281 8 місяців тому

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

  • @leinexkeith291
    @leinexkeith291 10 місяців тому +1

    Brilliant

  • @Bob-of-Zoid
    @Bob-of-Zoid 10 місяців тому

    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!

  • @jonathandawson3091
    @jonathandawson3091 9 місяців тому

    Hi I found this lesson very useful.

  • @NYProductions
    @NYProductions 10 місяців тому

    thanks!

  • @FAKKER_rap
    @FAKKER_rap 10 місяців тому +2

    How to save all your settings when updating inskape?

  • @NCHEstudio
    @NCHEstudio 10 місяців тому

    wow,, cool!

  • @Krishanjot
    @Krishanjot 10 місяців тому +4

    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 10 місяців тому +1

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

    • @LogosByNick
      @LogosByNick  10 місяців тому +1

      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: ua-cam.com/video/A9htTluawPk/v-deo.html

  • @TS-fh4un
    @TS-fh4un 10 місяців тому

    ありがとうございます♪

  • @amrtrea6325
    @amrtrea6325 10 місяців тому

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

  • @markozeArts
    @markozeArts 10 місяців тому

    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"...

  • @kamilrenczewski5151
    @kamilrenczewski5151 10 місяців тому +1

    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 4 місяці тому +1

      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.

  • @Kaycii.Austine
    @Kaycii.Austine 10 місяців тому +1

    Nicks is an amazing tutor. God bless you always

  • @muhammedfarispk1687
    @muhammedfarispk1687 10 місяців тому

    Can you make a video about logo designing with grids

  • @conc35
    @conc35 10 місяців тому +1

    very 👍

  • @thadeku
    @thadeku 3 місяці тому

    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?

  • @educationstuff7816
    @educationstuff7816 10 місяців тому +2

    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 10 місяців тому

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

    • @educationstuff7816
      @educationstuff7816 10 місяців тому

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

    • @joggo426
      @joggo426 10 місяців тому

      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  10 місяців тому

      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 10 місяців тому

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

  • @latifaboumehdi4423
    @latifaboumehdi4423 10 місяців тому

    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

  • @codzlaw
    @codzlaw 10 місяців тому

    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.

  • @dennyskerb4992
    @dennyskerb4992 10 місяців тому

    👍👍

  • @merribethstanfield2900
    @merribethstanfield2900 10 місяців тому

    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  10 місяців тому +1

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

    • @merribethstanfield2900
      @merribethstanfield2900 10 місяців тому

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

  • @orphydiancg7759
    @orphydiancg7759 6 місяців тому

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

  • @ishmadrad
    @ishmadrad 5 місяців тому +1

    Newer generations: "What is a CD!?"

    • @LogosByNick
      @LogosByNick  5 місяців тому +1

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

    • @ishmadrad
      @ishmadrad 5 місяців тому

      @@LogosByNick Indeed you made a cassette 🤣

  • @GraphicDesignStudio
    @GraphicDesignStudio 10 місяців тому

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

  • @yvanvan3729
    @yvanvan3729 10 місяців тому

    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  10 місяців тому +3

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

  • @coralnichols5878
    @coralnichols5878 10 місяців тому

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

  • @Neo--X
    @Neo--X 10 місяців тому

    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
    @fetB 10 місяців тому

    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