How To Create Gradient Meshes In Inkscape

Подписаться 483 тыс.

Просмотров 18 тыс.

50% 1

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

Опубликовано:

4 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 65

@victorgeorgegalvao 9 месяцев назад

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

@LogosByNick 9 месяцев назад

Congrats on your success 🥂

@vintprox 9 месяцев назад

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.

@rklauco 9 месяцев назад

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

@LogosByNick 9 месяцев назад

Glad you liked it

@piggysister01 Месяц назад

Fabulous!

@chuckmoney1688 9 месяцев назад

Always interesting and concise.

@bmc_ 9 месяцев назад

LETS GOOOOOOO, I ALWAYS WANTED THIS

@GraphicdesignforFree 9 месяцев назад

Amazing tool, great tutorial.

@ondrejprinda 9 месяцев назад

Thanks Nick! 👍

@TGFGamesta 9 месяцев назад

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

@Bob-of-Zoid 9 месяцев назад

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

@TGFGamesta 9 месяцев назад

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

@bob14072 9 месяцев назад

Awesome!

@CTRL_SMarcos 9 месяцев назад

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.

@jonathandawson3091 8 месяцев назад

Hi I found this lesson very useful.

@onefour5513 9 месяцев назад

Thank you very much.

@apatsa_basiteni 9 месяцев назад

Damn, you are a legend!

@LogosByNick 9 месяцев назад

Thank you

@Nuttoz 8 месяцев назад

It's so useful.

@user-mh4nc5tr6l 9 месяцев назад

thank you

@leinexkeith291 9 месяцев назад

Brilliant

@NYProductions 9 месяцев назад

thanks!

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

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

@NCHEstudio 9 месяцев назад

wow,, cool!

@Bob-of-Zoid 9 месяцев назад

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!

@TS-fh4un 9 месяцев назад

ありがとうございます♪

@TeddyBearKilla 9 месяцев назад

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 9 месяцев назад

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

@TeddyBearKilla 9 месяцев назад

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

@Kaycii.Austine 9 месяцев назад

Nicks is an amazing tutor. God bless you always

@markozeArts 9 месяцев назад

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

@amrtrea6325 9 месяцев назад

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

@FAKKER_rap 9 месяцев назад

How to save all your settings when updating inskape?

@conc35 9 месяцев назад

very 👍

@Krishanjot 9 месяцев назад

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 9 месяцев назад

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

@LogosByNick 9 месяцев назад

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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-A9htTluawPk.html

@kamilrenczewski5151 9 месяцев назад

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 3 месяца назад

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 9 месяцев назад

Can you make a video about logo designing with grids

@educationstuff7816 9 месяцев назад

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 9 месяцев назад

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

@educationstuff7816 9 месяцев назад

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

@joggo426 9 месяцев назад

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 9 месяцев назад

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 9 месяцев назад

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

@dennyskerb4992 9 месяцев назад

👍👍

@orphydiancg7759 5 месяцев назад

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

@latifaboumehdi4423 9 месяцев назад

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

@merribethstanfield2900 9 месяцев назад

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 9 месяцев назад

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

@merribethstanfield2900 9 месяцев назад

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

@codzlaw 9 месяцев назад

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 4 месяца назад

Newer generations: "What is a CD!?"

@LogosByNick 4 месяца назад

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

@ishmadrad 4 месяца назад

@@LogosByNick Indeed you made a cassette 🤣

@thadeku Месяц назад

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 Месяц назад

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

@yvanvan3729 9 месяцев назад

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 9 месяцев назад

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

@coralnichols5878 9 месяцев назад

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

@GraphicDesignStudio 9 месяцев назад

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

@Neo--X 9 месяцев назад

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 9 месяцев назад

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