How To Create Gradient Meshes In Inkscape

  Рет қаралды 19,303

Logos By Nick

Logos By Nick

Күн бұрын

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 ай бұрын
There is no better teacher than this guy. Thank you Nick, only using yours tips and tricks on KZfaq I was able to improve my incomes, learn how to use Inkscape was a game changer in my life.
@LogosByNick
@LogosByNick 10 ай бұрын
Congrats on your success 🥂
@vintprox
@vintprox 10 ай бұрын
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 ай бұрын
Fabulous!
@rklauco
@rklauco 10 ай бұрын
This was amazing, I thought the CD in the thumbnail was a photo... Great tutorial, thanks!
@LogosByNick
@LogosByNick 10 ай бұрын
Glad you liked it
@bmc_
@bmc_ 10 ай бұрын
LETS GOOOOOOO, I ALWAYS WANTED THIS
@TGFGamesta
@TGFGamesta 10 ай бұрын
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 ай бұрын
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 ай бұрын
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 ай бұрын
Always interesting and concise.
@ondrejprinda
@ondrejprinda 10 ай бұрын
Thanks Nick! 👍
@TeddyBearKilla
@TeddyBearKilla 10 ай бұрын
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 ай бұрын
@@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 ай бұрын
Damn, you are a legend!
@LogosByNick
@LogosByNick 10 ай бұрын
Thank you
@onefour5513
@onefour5513 10 ай бұрын
Thank you very much.
@user-mh4nc5tr6l
@user-mh4nc5tr6l 10 ай бұрын
thank you
@derpderp9281
@derpderp9281 8 ай бұрын
Wow! I never thought about using the mesh gradient tool like that o.o
@leinexkeith291
@leinexkeith291 10 ай бұрын
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 ай бұрын
How to save all your settings when updating inskape?
@NCHEstudio
@NCHEstudio 10 ай бұрын
wow,, cool!
@Krishanjot
@Krishanjot 10 ай бұрын
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 ай бұрын
You can change the icon size from preferences. Also, please check your screen resolution.
@LogosByNick
@LogosByNick 10 ай бұрын
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: kzfaq.info/get/bejne/d5-Yp7ed2sfbgJ8.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 ай бұрын
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 ай бұрын
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 ай бұрын
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 ай бұрын
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 ай бұрын
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 ай бұрын
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 ай бұрын
Newer generations: "What is a CD!?"
@LogosByNick
@LogosByNick 5 ай бұрын
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 ай бұрын
The Tiled Clones feature would be perfect for that (Edit > Clones > Create Tiled Clones.) I don't have a tutorial for it on KZfaq 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
5 Things Inkscape Can Do That Illustrator Can't
12:26
Logos By Nick
Рет қаралды 72 М.
Inkscape Tutorial: Mesh Gradient Background
10:58
Logos By Nick
Рет қаралды 78 М.
Heartwarming: Stranger Saves Puppy from Hot Car #shorts
00:22
Fabiosa Best Lifehacks
Рет қаралды 20 МЛН
I CAN’T BELIEVE I LOST 😱
00:46
Topper Guild
Рет қаралды 102 МЛН
DO YOU HAVE FRIENDS LIKE THIS?
00:17
dednahype
Рет қаралды 84 МЛН
Sketch To Graphic In INKSCAPE 1.3
15:51
Button Press Graphics
Рет қаралды 7 М.
How to Add a Gradient Fill to Text in Inkscape
11:46
Davies Media Design
Рет қаралды 6 М.
Advanced Node Editing in Inkscape
21:52
Logos By Nick
Рет қаралды 24 М.
How To Make Noise Gradients In Inkscape
7:47
Logos By Nick
Рет қаралды 12 М.
Using GRIDS In INKSCAPE
25:47
Button Press Graphics
Рет қаралды 6 М.
Create a Burning Match in Illustrator Using Gradient Meshes
9:20
Envato Tuts+
Рет қаралды 85 М.
10 Hidden Secrets In Inkscape That Will Improve Your Workflow
7:09
Logos By Nick
Рет қаралды 154 М.
Inkscape Tutorial : Create 3D Text Effect with Interpolate
13:11
Zakey Design
Рет қаралды 12 М.
Heartwarming: Stranger Saves Puppy from Hot Car #shorts
00:22
Fabiosa Best Lifehacks
Рет қаралды 20 МЛН