Inkscape Tutorial: Add Simulated Shading To Characters

Рет қаралды 60,901

Күн бұрын

In this tutorial I’ll be demonstrating how you can use Inkscape to add a simulated shading effect to your vector illustrations that makes the design pop and look more lively. This technique assumes the position of a hypothetical light source, and uses manually-drawn shapes with the Bezier Pen to simulate shadows and highlights.
You can download a vector copy of the example design I used in this tutorial here: logosbynick.com/add-shading-t...
Want to learn more about how Inkscape works? Check out the Inkscape Master Class - a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it's useful: logosbynick.com/inkscape/
Check out Davies Media Design's video on creating vector characters with Inkscape where he also covers shading techniques: • How to Make a Simple V...
Intro song: "In Da Mood" by Combustibles, used with written permission

Пікірлер: 110

@paullovescoffee 4 жыл бұрын

Everytime I watch any one of your tutorials, my brain muscles get stronger like that of the shark's muscles :)

@dwilliams21 4 жыл бұрын

I appreciate that you repeat the shading/highlighting steps a few different times so we can follow along, then do timelapse...These tutorials are so well timed and well paced. You don't belabor points, but you still cover everything that's needed at an appropriate pace. Hearts to you!

@biomcanx1 4 жыл бұрын

Another great one Nick, just those little changes make a HUGE difference on the logo. Thanks!

@ElectricEdje 3 жыл бұрын

I wouldnt have some much fun with Inkscape if it wasnt for Nick! Your tuturials are very clear, and you manage to make quite complex techniques understandable. Thanks a lot!

@posceve 4 жыл бұрын

What you call "simple steps" is actually your professionalism, developed over years of work and experience.

@LogosByNick 4 жыл бұрын

Hopefully I've made it simple to learn!

@IAmBejo 4 жыл бұрын

@@LogosByNick Yep. The logic is simple enough to follow :)

@GraphicDesignStudio 3 жыл бұрын

Yes. Simple but useful.

@dj4mc 4 жыл бұрын

OK, I have been watching your tutorials and using Inkscape for years, I never knew you could grab the Edit Paths by Nodes tool and just move a line into a curve! Best 12 minutes and 58 seconds I spent yesterday!

@nahtesalinas1917 4 жыл бұрын

Great. I've been working on an original character design for weeks now and this helps in my mission to take it from the page to the computer screen.

@youssefbasiony3919 4 жыл бұрын

I love how you make the tutorial ❤️

@kctsp6631 3 жыл бұрын

This is a great tutorial, it really helps to learn. Thank you for sharing.

@SciFidelity 3 жыл бұрын

Great tutorial, you have a smooth, intuitive teaching style :)

@englischdude 3 жыл бұрын

thanks for this. I also blurred the edges which gave the shadows and highlights a nice soft transition.

@ADSaaron 4 жыл бұрын

Quality videos every time. Thank you 👍

@yusufoladunni 4 жыл бұрын

Great video as usual Thank you, Nick

@bobbonham4823 4 жыл бұрын

Wow. I learn something every time. Thanks!!

@cesarrincon9033 4 жыл бұрын

Awesome! Thank you so much. Greetings from Bogotá, Colombia.

@davidvarga2916 2 жыл бұрын

I get it now. Use shapes to start off without the outlines. Modify them into the picture you need. Then add the outline and shading. I was trying to draw shapes with outlines and I couldn't fathom how people add shades to that. Now I know they are separate. Thanks

@thiagoguimaraes406 4 жыл бұрын

Amazing tutorial. I have been looking for something like this. Seems to be simple but it's actually very useful. My shadows were terrible hahaha.

@luminrabbit9488 3 жыл бұрын

Nick man, you are awesome and you make it look so easy 👍👍👍

@HATL201 4 жыл бұрын

Thanks a lot Nick for these precious tutorials! I've been having a lot of fun with Inkscape lately, I don't think there's literally anything that you can't achieve in this software in terms of vector design. The only functionality I'm desperately waiting for is the CMYK export feature and somewhat easy way to save files as .AI for clients. I hope these 2 features get addressed in future through the support of community. Keep up the good work 👍

@LogosByNick 4 жыл бұрын

There's workarounds for both saving AI files and working with CMYK. I have a couple of videos about them if you want to check that out.

@anjaylo 3 жыл бұрын

You are simply awesome!

@GraphicDesignStudio 3 жыл бұрын

Amazing Tutorial

@cristiandiassarmento930 2 жыл бұрын

Jogada de mestre! Parabéns pelo feito.

@onesyphorus 2 жыл бұрын

tutorial on adding shading, not WHERE it's supposed to be placed, which you stated from the start. 10/10 tutorial

@jesusflota 4 жыл бұрын

Good turotial 👌

@krisnaxda 4 жыл бұрын

I love how you support each other with davies

@user-yc2ry2uz4h 4 жыл бұрын

I really want this kind of content!!!!!!

@81studio 4 жыл бұрын

Gracias por el tutorial!

@mondskiez309 4 жыл бұрын

Always love your work Nick.. Can you do a tutorial on how to vector frontal noses and how to shade it? Like, if we try to trace a face and we would not want a black outline running thru the nose.. How would you approach solving that? Be soooo interested to see how you'll do it.. TIA..

@danilonascimento393 3 жыл бұрын

Greate video!.

@humanbeing5529 3 жыл бұрын

It's actually real close to real shadows. Can you please make a tutorial for making like animations using this illustrations?

@jeonjungguk966 4 жыл бұрын

dude I really love your channel because you really go in depth in your explanations, but I always find it really confusing because your interface is a lot better than mine. Even tough I already edited the interface on the preference tab. (I'm using 1.0 ver btw) The tool controls bar thingies on the top side of the interface and the docking areas on the left side are both really wide. I would be more than grateful if I could also make my interface look very similar to yours, that'll help me a lot in following your tutorials :)

@dysb 11 ай бұрын

Using black & white fills with the opacity turned down can give you shadows & highlights, but lets you keep the effects when you change the base color. Playing with the blend modes (there are darken & lighten modes & others) can help you find just the right combination.

@thatbeefboi4119 4 жыл бұрын

Very good

@redthezero9659 4 жыл бұрын

i like your tutorial, can i request all about photo retouching, specially for product photo retouching on gimp or similar FLOSS? what we must do, and what tools we must use..... thanks for sharing.

@bim41337 3 жыл бұрын

I'd be really interested in how you created this shark to begin with. It looks so smooth and well formed ... I'm doing some comic style characters with Inkscape to, but I'm struggling with getting my characters so smooth.

@jacastevens5056 4 ай бұрын

Did you ever find a tutorial?

@fraserhobbs24 4 жыл бұрын

Hey love the vids! Seen a poll a while back about possibly doing affinity designer based videos? I could never find anything after that, just wondering if you’re planning that? Either way I’ll be watching your videos and learning. Keep up the great work!

@LogosByNick 4 жыл бұрын

I haven;t started making Affinity tutorials yet, but when I do they will be on my other channel "Design Made Simple"

@gaVraNN__ 4 жыл бұрын

That was the only problem that I had with logo design :D

@luckyluck333 4 жыл бұрын

Hello everyone, is there any video, which shows how to create „Nicks Logo“ (the logo of the Intro)? ☺️ Thank you very much!

@ONEMusic801 3 жыл бұрын

@logosbynick can you do a tutorial of making a character like this? Ive looked thru all your videos and on KZfaq and havent found one that teaches how to do these kind of characters. Would be greatly appreciated by many of us.

@camillo8575 8 ай бұрын

@thefacts9830 3 жыл бұрын

Can you make a video showing us how to make an esports character, I have been having a lot of trouble making one, It would be great if you made a tutorial!!!!

@WorldOFSebson 4 жыл бұрын

Could you explain to me how to set up the panel that you have on top? It is on the right as default. + if u could tell how to customize it I would be very grateful :)

@ChristopherWanha 4 жыл бұрын

Light source on the right, stomach is darker XD. I still enjoyed watching :)

@cheez982 2 жыл бұрын

I love you bro

@DlnRyn94 4 жыл бұрын

Is there a video making this shark - is this darker blue line work from the pre-shaded graphic ellipse line? Would love to learn the white and grey layers behind as well - maybe I gotta download the vector art to see haha

@camillo8575 8 ай бұрын

@AlexiHelligar 4 жыл бұрын

Using the keyboard, you can Ctrl+C to copy an object to the clipboard. Then Shift+Ctrl+V to paste only the color and outline properties of the object on the clipboard to another object. This is the fastest way to duplicate the color and stroke on multiple shade or highlight objects.

@salamiolamide805 4 жыл бұрын

Hi Nick. Love what you doing here. Please if I want to export a logo as a PNG format to use as my Instagram profile image, which size and DPI is most suitable

@daulatraopatil8486 4 жыл бұрын

Dude plz make some tutorial on how to make mascot logo (Beginner's to Pro) in Inkscape...... in like 3-5 vids ..... I mean like a playlist plz........ BTW Love ur tutorials !!! Most of GIMP is understood due to U !!!!

@ShaniTheBurningTree 4 жыл бұрын

Honestly I’m just three weeks in subbing you and my artwork has gone from okay to actually pretty darn good and continues to get better. I do have a question about path to text in a circle, the bottom font doesn’t snap correctly to the bottom of the circle path. I’ve tried almost everything. Help anyone!

@LogosByNick 4 жыл бұрын

Could it be that you have a stroke added to the circle? Try holding shift and clicking the red X at the bottom left of the page.

@softwarelivre2389 4 жыл бұрын

You have to center your text before using the text along path function. Then, it will snap perfectly to the place you need.

@jg7525 4 жыл бұрын

Hey Nick can you do a tutorial on How to create an album cover in Inkscape

@bonobobonobo2990 2 жыл бұрын

useful! Can't you use clipping mask like with Adobe illustrator?

@brandolfroyong3542 Жыл бұрын

Thank you but will it work in the newer version 1.2? I can't seem to do it

@finns 3 жыл бұрын

Did you draw the outlines? How did you let it look like different pressure types at certain areas?

@FaruqAbdillah 4 жыл бұрын

It's amazing tutorial! Excuse me, Can i download your videos, so i can play it offline?

@damaksaxena3450 4 жыл бұрын

How do you edit your videos? I always wanted to start with video editing but I don't know which software is the best.... there are so many out there.. BTW, great vid once again!

@eduardocuenca7695 Ай бұрын

is there an option to do it with like in Illustrator using a light gray shape and the opacity effects? i've made a vinyl record and it has different colors separating the record parts, i just want to add a light effect over them

@yourrecommend525 3 жыл бұрын

Super

@RandySnarsh 3 жыл бұрын

Very nice. I was thinking abotu buying your master class but what version of Inkscape do you use in them. I got 1.0

@xXLegitimateXx Жыл бұрын

I came to this video looking for help and I had a feeling this was the technique he was gunna show. The thing is... I really don't feel like doing that on a cluster of 100 bubbles all meticulously. I can't understand what I've done to myself in terms of the amount of clicks I need to take to get the same effect. Is there a way that can auto cell shade light and shadow with just the line art?

@Ahmad-td4ck 4 жыл бұрын

Thanks for the Tutorial But could you please give us some more samples to train with. Because the process varies from an Illustration to another. And thanks again

@MohamedOsama-hm9vo 4 жыл бұрын

great tutorial as usual, What if there isnt any stroke of my object ? i should then to edit the shade borders so it match the edges of the object? or there is an easier way?

@LogosByNick 4 жыл бұрын

You could make the shade shapes extend beyond the subject's boundaries, then duplicate the subject and do a Path > Intersection with the shaded shape. Then it will sit flush against the edge of the subject.

@MohamedOsama-hm9vo 4 жыл бұрын

@@LogosByNick Thats a great idea, never thought of that. Thank you 😊❤️

@Dempsity115 7 ай бұрын

Is there a video showing up to make the image from scratch

@FutureXXD 4 жыл бұрын

one question, why can't i use the "step down" function? it would erase my color and went back to original picture?

@nomeka6518 4 жыл бұрын

Whats inkscape version do u had?? I got the white theme and looks old school lol..i want to update the version but dk how

@FineStudios 4 жыл бұрын

Sir, Why you did not use the ctrl+L(for create corner cursp) in Pen(Beizer) tool Sir, how you create a website?if you use any plugin like elementor.please comment

@soullessleftover8427 4 жыл бұрын

As much as i love Inkscape, it crashes a lot.

@LogosByNick 4 жыл бұрын

I think it's a version 1.0 problem. I'm getting a lot crashing myself and I rarely had this problem with 0.92.5. I have both installed and use 0.92.5 for my day-to-day design work, and then 1.0 for tutorials.

@imyasharya 4 жыл бұрын

Have you reported the bug?

@soullessleftover8427 4 жыл бұрын

Yash Arya Yes i did, but it just crashes on small workflow. Thank god for auto saves. But that's as useful as much as reporting bug to Microsoft with Windows Explorer crash or the famous KZfaq app bug on iPad to Google. I report all of this, for months but still no fix.

@soullessleftover8427 4 жыл бұрын

@Logos By Nick I'll give it a try, I hope it won't crash as often. This has been a pain in the ass to deal with, and it's not like i got time to debug their software.

@soullessleftover8427 4 жыл бұрын

@Samuel Sarao Yeah i got that on, thank god. It's the only thing that keeps from getting compromised version of Illustrator, and that wouldn't work for me. Because Inkscape has much better features, and i'm used to using it.

@piyush.. 4 жыл бұрын

can i give shadows in GIMP too like this? how?

@juliapriest8331 3 жыл бұрын

Nick, can you please tell me if the shark you used is your own work or public domain, or someone else's art you paid for? I'd like to use it for personal use, but I don't want to steal it. Thanks so much!

@remijoel1448 2 жыл бұрын

Hello pls I need help, I followed what you did but it seems that when I try to move the shade back of the object, it just stays behind... Pls how do I fix this?... In your video it was easy and I don't know what I need to do to make the shade not move back entirely behind the object

@brianswanke4639 4 жыл бұрын

Another way to shade is group all the light blue areas together and use a gradient fill.

@viperzoid 11 ай бұрын

i cant find the enable snapping all the buttons at the top arent there just the file, edit, view, layer, object...

@hotgluegun6934 2 жыл бұрын

When I lower down the shadow object, it is still above the stroke. If I lower it down again, it disappears absolutely. There is no middle way, it is above both the object and the stroke of object, or it is under both of them. How can I solve this issue? Could you please help me?

@kurtisbatchler 3 жыл бұрын

How do I create a character?

@paulnavarro7747 3 жыл бұрын

I could be doing something wrong but i follow your steps up until i try to lower the layer so it sits behind the stroke of the image and it doesn't work. Im sure someone on here can steer me in the right direction thank you.

@velt8493 4 жыл бұрын

i can't see file and edit on inkscape or view and all the others i need help

@JohnBywaters 4 жыл бұрын

F10 shows menu bar or Try pressing f11 (windows) toggles full screen / windows view which will fit inkscape to your screen size or back to the "window view" size if you see the top of the inkscape in fullscreen menu bar then the "window" in windows view has accidentally somehow been over dragged out of the screen

@jawadahmed8956 2 жыл бұрын

Make a tutorial how to create this illustration

@MarcGameplays 3 жыл бұрын

Can shading be put in objects with normal border? Because with normal border you can't lower the shading... EDIT: I think I've found the answer. I should use the "Stroke to path" tool.

@palangimiko 4 жыл бұрын

Why do the clicks of your mouse and keyboard sound so different and satisfying to my ears?

@LogosByNick 4 жыл бұрын

It could be because I'm using a mechanical keyboard.

@Rurike 3 жыл бұрын

Is this program made for logos? Ive been using it to make ponies

@simplecontent 4 жыл бұрын

Hey, I used one of your videos, but I changed the language of the video to Arabic in order to benefit everyone, but KZfaq deleted the video because somone reported it and my channel got Strike, I did not mean anything but I just wanted to spread the benefit to everyone and it take from me The video and our time until I translated it and recorded the sound and all of this and I wish you to allow me to use it and remove the reporting because I did not mean to steal your content or anything like that and thank you and I hope you allow me to use it Your video i using is : Best Free Alternatives To Adobe Creative Suite