Create Isometric Designs with Rounded Corners in Inkscape

[@shane410]

Just downloaded Inkscape because of you! I’m loving it!

[@abdurrahmantrimanto1894]

Creating a new object between 2 objects with extrude extension was a brilliant idea. Thanks for sharing!

[@MIZKhalid]

I've been using Inkscape for nearly 20 years now, mainly for sketching/scribbling while teaching CS. Today I learnt something new!

[@SeanGomesPortfolio]

This is super well explained and really useful. I appreciate that you use concrete examples with an intended purpose, rather than abstract "random objects on screen" style tutorials.

[@nicolasvigner699]

I learned everything I know from computer drawing from you and your tutorials. Thanks so much, you made my work of Agile Coach and facilitator possible while we were COVID-19 confined. Collaborative work using ‘Klaxoon’ application would have never been sexy without you.

[@finnflash23]

Excellent work again! You truly are the King of Inkscape pros! Keep up the brilliant designing work! :D

[@Itadakiman]

In Inkscape 1.3 in "Generate from path" --> "Extrude" there are 3 optioms: Lines / Polygoms / Follow curves (each with a possible toggle "Combine lines to path) unfortunately none of them give the result you show in the video EDIT: There is a function called interpolate, that does the job well.

[@wdwdHenry9022]

You are a magician. All your tutorials are fantastic. Thank you Nick!

[@brandonbrand2338]

I just love how simple you make it seem, and very creative. Well done Nick.

[@mzabs1871]

you create videos for things I didn't even know I needed to learn. Thank you.

[@jacobharris1084]

The shortcut is "shift + 3" (same as pound, hash, "#") because # looks like a grid!

[@skalifari]

Thanks for the hint with the #, for me as a German with a diffrent keyboard layout the shortcuts can be a little bit diffrent :). Any other Germans you just have to press # without holding shift !

[@ZeyNep-bv4ss]

İ pressed both of them but still doesn't work. Edit: work with "altgr + 3" for me 👍

[@kamius1]

Hi dear Nick. Thanks for this great tutorial. I learned so much through it and would recommend your videos for all who want to learn to use Inkscape.🙂👍👍

[@tarigeltom4903]

I thought I was an Inscape "advanced" user before watching this video! But just now discovered how easy and amazing to use the grid to make wonderful shapes! Another great tutorial by Nick👌👍

[@TiffanyNg100]

When you Like and save the video to your playlist before watching the video

[@TiffanyNg100]

Nick ! Thank you!

[@pickitupdope]

you plan to procastinate...lol

[@sudrajad4743]

Please add more tutorial like this. Thank Nick. You 're doing great job

[@fabianf.2165]

I needed this tutorial! I wanted to make designs of this style, it is easier than I thought Everything was explained very well

[@regalraccoon]

I can't express how much I enjoy these video's. Thank you.

[@animationcreations42]

The fact that one side of the phone is one unit wider than the other made it very hard for me to concentrate lol! This will come in very handy for a project I have planned

[@grey_mouse]

Yes, I noticed it too. So I just didn't draw the phone as he did.

[@jennifersamith7773]

This is great. The version of inkscape I'm using I had to choose follow curves instead of polygon when extruding. Edit: nvm polygon works too it's just that the nodes weren't where they should be for it to extrude a line where I wanted. As long as I add a node the center of the 2 rounded corners and then duplicate the item etc it works.

[@maxmeier532]

Is there another way to do connect the corners without the extrude function? It's a huge pain in the ass to do it like that even if it worked (which it doesnt in my case). That seems like an unnecessary workaround for an obvious function. Inkscape doesnt offer that? Something that EVERYONE needs ALL the time? I am just now looking at illustrator sub prices and while it's pricey, I'll give it ago. From the videos I have seen, it does the everyday function easily without 10 extraclicks.

[@kakanecfodik]

@@maxmeier532 Hey if I may ask, how was your experience with ilustrator? I was thinking of buying it aswell.

[@zidan8664]

mr. Nick, such a superhero

[@puregeek4895]

Man! You're awesome... it's been couple of months since I am following your videos and it really helps me exploring different functions of inkscape. HUGE Thanks brother :)

[@DanoLefourbe]

That's a much more elegant way to do what I've been doing for a while. Thanks.

[@ProjectV95]

Love isometric stuff, great content! Keep it up Nick!

[@akshatprasad3742]

You are so good at inkscape and vector images yet so underratted

[@a3gzuy]

Thank you very much for this video, it answered many questions and opened a box full of possibilities.

[@DoodleDan]

This is brilliant!! I was never sure how they made this type of design

[@ervankurniawan414]

Recently, i just used Rounded Corners extension (0.92.5) instead of Chamfer on Path Effect, and after watch this video i'm interest to upgrade to 1.0, but so lag on my old netbook 😭 Thank you for this tutorials, i got something new like how to use "Extrude" 😯

[@jesusflota]

This tutorial is great 👌, excellent work!!

[@HiEnergyMusic]

I've been using Inkscape for quite a while, but not half as proficient. Thanks for making these awesome tutorials *liked and subscribed*

[@ifedolapoajetunmobi6258]

This is a really great video. I really hope that this channel can grow more, because this is quality content for free. Thanks nick.

[@JULIUSCOOLX]

I’m dedicating my entire life with Inkscape

[@matteopisi]

Excellent tutorial as always!

[@JuniorRibeiro2016]

I'm just loving your videos! I'm so lucky for finding your channel!!! This time i only watched until 3:06 and I found it so beautiful haha Thanks bro! You rock!

[@thehexterminal]

Thanks dude for such an amazing tutorial. I have inkscape and I don't know what to do. But this tutorial really helped me to do such things.

[@derpderp9281]

Awesome, I'm definetely trying this one!

[@WagnerDeQueiroz]

Great Effect! I Love it!

[@pickitupdope]

great tutorial Nick

[@fmpwizard]

Another awesome tutorial!

[@dinorahadhyan2232]

wow, been using corelDraw last year and just switching to inkscape since about 3 months now.. and I think I just hardly underestimated the possibilities with how inkscape could do

[@geoffphil]

Another great tutorial. Phone buttons are not centred on phone though!

[@SeanGomesPortfolio]

I'm glad I'm not the only one who got a little eye-twitchy when I noticed that.

[@cube_view]

Yeah, Nick was a bid lost on that one, but it’s still an amazing tutorial as always 👌🏼

[@MAbdilahi]

Thanks sir for this knowledge your are sharing with us.

[@sunilchristian3430]

Edtruding is great! No need to apply tricks and do it manually! Thank you!

[@ayoubthegreat]

awesome way to use the grid function, thank you. I'm guessing you can also change the angle to change the "camera perspective" basically

[@apatkany49]

'Oh, fine. Now I am understanding the concept of 3D styling in Inkscape. I'll try something simple!" Brain: 'A 1979 Cadillac Eldorado will do it!'

[@moesliems9491]

Good job nick....thank u very much

[@MikhailPavstyuk]

Awesome job. Thank you.

[@hankypanky9380]

u r great, thnx for the share. sounds soo easy but i will give a try.

[@ryanhadley921]

Great video, thank you. One issue ... I can't get Extrude to work no matter what I do. I've created and re-created shapes numerous times and every time I go to Extrude, select polygons, apply, it thinks for a bit and then doesn't do anything. Any guidance would be greatly appreciated, thank you!

[@francostellini1082]

..... SUPER NICK !!!!!!! LIKE !!!!

[@Indiedude]

I can't get the extrude to work, the polygon not shown in the corner. I have to use Bezier line to draw a triangle by myself and then union it. It works well.

[@maxmeier532]

there's several people having the same problem with the extrusion function and since nobody including the author of this video ever addressed it, there likely wont be a solution for it. Possibly he used a version where the function worked differently.

[@Cr42yguy]

Instead of rounding the parallelograms close to ellipses, you could just use the ellipse from points path effect :)

[@rahuls7039]

This is great, each video I learn something new. Thanks a lot again, Nick. 🙂 One Question- How can we create the background? Is there any extension to do that?

[@rayagustioardi]

Thanks alot. But i have any issue, why when i "extrude" on mine, the result is not the same..? Thanks if you know n answer this.. 🙏

[@zuniaricfirmanalfianoor1405]

Thanks Nick,

[@kDizajn]

Great tutorial Nick!! Just noticed that home button is not on center. Phone is wider one "grid cell" to the left. 😁

[@danielorosz8493]

#logosbynick I have crash issues since "new" Inkscape. Have you got the same experience if so any solution for that ? Thanks Daniel

[@RG-sv4qb]

Doing this July 2023 - was struggling with the extruding not giving the same results, only 8 new objects created, not 12. So after a bit of fiddling reaslised that my large rectangle with rounded corners didn't have nodes at the apex of the curve, so if you select all the points then use the "add node" button, it'll add in extra nodes at the "apex", and then you can proceed.

[@rkelly62]

I am having the same issue in 1.3. I think this is a bug with path effects or rounded corners. I am also noticing a lot of bugs with rounded corners, like when I union an object to a rounded corner to create the extruded look, even if it is lined up, it sticks out a bit with an extra node. If I delete that node, I lose the rounded corner.

[@SmokioWrld]

Thank you very much for sharing your experience, I had the same problem and was able to solve it for you

[@shankariab1687]

Love your tutorials Nick! Your videos are very simple and easy to follow.. I have a question, Can I draw illustration for each frame in inkscape and then use those svg images in blender for 2d animation?

Very nice and easy. But two small errors: The buttons and screen are off by one and the extrusion of the bubble does not follow the grid. But still a good tutorial!

[@8nbits149]

Wow, ¡Excelente!

[@johnlin6121]

Perfect.

[@xand05]

Very good content. I just need subtitles, because there are so many words that I still don't know.

[@seedsiv]

Extrude doesn't seem to work in Inkscape 1.2.2 the way it does in 1.0. I did the same as you (at 11:00) but I don't get those corner polygons (even though I have selected mode = polygons)...

[@seedsiv]

In 1.2.2 you need to add extra nodes to the corners on both the upper right and lower left corner (where it should fill the gap) and the use extrude

[@jimbob7424]

Nick, I want to start learning to make vector designs, hoping to one day create logos and website graphics. Should I pay for Affinity Designer or should I just start with Inkscape?

[@icy3198]

Your videos have really helped me a lot and allowed me to start my own KZbin channel

[@sulfrum]

thanks a lot!

[@ariharaahap]

Thanks for you Iam from indonesia I like your vidio

[@flxnotch778]

Because Of You My Website is a Success (There is Your Name in The Website Credits)

[@flxnotch778]

How Did You Create Your Website?

[@Sebastian-zs8cp]

Do you draw it first on the sheet of paper and then in Inkscape, or do you just shake it out of your sleeve ? What is the workflow for that?

[@toomasvendelin]

Thank you for another nice video. A question: why don't you create rectangles and circles first, and then just skew them without any fancy tools?

[@danieliniguezv]

Awesome work! You should sign up as a creator on Brave Browser so you can receive tips! Cheers!

[@gabrielafolabi3327]

Hi nick, I truly enjoy your channel because you use alternative editing software other adobe which helped me a lot with my job, please is the a way you can show us how to edit pictures or graphics for a crisp instagram upload? I hope this reaches you, thanks a lot

[@bircemataselim5995]

This is a great channel. You do some small mistakes just to teach us :)

[@lumm71]

Thanks for this great tutorial. But by the way I have to say: you missed to make the bubble 100% isometric. The backpart was not snapped into the grid and has not 30° angle.

[@musclemanking3880]

Brilliant Phenomenal

[@sunsun3953]

Hey. In my case, extruding creates all polygons but the ones I need, i.e. the the ones filling the space between two phone layers. Is there anything 'smart' I can do about it?

[@shahriaremon4399]

great 🖤

[@sabbath13]

yeasr keep passing, and i'm still commig back to learn

[@behramcooper3691]

Very nice insight into isometric grids and extruding objects. I hope the Inkscape people come out with an actual extrude function like in Corel Draw or Xara Designer, soon. Question: During the extrude process, you shift-clicked on the segments you wanted to keep, but when you hit Delete, it deleted the unwanted segments. Is that correct or do you have to invert selection before you hit Delete? Question: When creating the Chat Buttons, you started with squares and turned them into ellipses. Could you not have started with ellipses and skewed them? I am still getting used to Inkscape 1.0 and this was a very good instructional video.

[@LogosByNick]

1.) There is no inverting selections in Inkscape like in GIMP. When I ungrouped the objects, they were all selected. Shift-clicking an object deselects it. So basically I just wanted to deselect the objects I want to keep so that I can easily delete the rest. 2.) Creating ellipses and skewing them doesn't produce the same result unfortunately. It distorts the rounded corners.

[@behramcooper3691]

@@LogosByNick thanks Nick. All clear now.

[@TechieSewing]

@@LogosByNick There is inverting selection now. I use it often along with 'Select same' and 'Pate style'. Not sure how long they are there since I only started using Inkscape a lot recently. That's a great video, I learned a lot!

[@sherifelgazar4089]

perfect!!

[@martinrammelmaier977]

hello Nick, great tutorial! If i want to insert a text in such a speech bubble, how can I adjust it to fit the shape of the speech bubble?

[@LogosByNick]

You could shear it with the select tool.

[@jjccbbxxyt]

Something is wrong with extruding when I was making the Chat Bubble. Any recommendations on what to do?

[@williammagill2704]

How do I get the colour palette that runs along the bottom of the screen? I have looked everywhere and can't find how to make it visible. Cheers.

[@TugaOrigami]

Hi Nick. Not sure want I did wrong but my "create rectangles and squares" isn't working. It only draws circles. How can I fix this? Thanks.

[@nicolasmace7566]

Sadly, the extrude extension doesn't work for me. It crashes Inkscape all the time on Ubuntu.

[@ninjaspeedone]

When I used the extrude on the cell phone it worked great but for some reason when I use the extrude on the speech bubble, it resizes top object really huge and extrudes it really far away. Is that a bug in version 1.0?

[@AlexCasadiego]

I'm having this exact same problem. I tested with a cube and an elipse oriented in the same direction as the speech bubble and worked propperly, but the bubble shape still came out disastrous with the back shape projected far from the rest elements.

[@ninjaspeedone]

@@AlexCasadiego Try this, it worked for me and I don't know if it was luck or not but I copied the speech bubble right before the extruding step into a new document and did the extruding there and it worked then I copied it and pasted it back into the original document where the cell phone was. Weirdly enough after I did this I was able to make it work going forward in the same document where the cell phone was. I would love to hear if this works for you or not.

[@AlexCasadiego]

@@ninjaspeedone I tried and it worked, thanks, you literally saved my day ^^

[@ninjaspeedone]

@@AlexCasadiego Glad it worked for you too. Yeah, I'm wondering the same thing.

[@MontyAttzs]

@@ninjaspeedone Hi, it worked for me too. I also got it to work when I moved the speech bubble far away from the phone before applying extrude. Hope this helps.

[@kasranourani2098]

I don't have fillet and chamfer in my path effects list, is there another way to make round corners for paths like that ? or is there a way to restore/add the fillet and chamfer effect ?

[@kaito9]

I can't get past the union part. Mine won't curve like in the video. Help?

[@be9083]

Really enjoy your tuts.... u should have a channel for Affinity Designer too. :) Excellent job dude!!

[@MarlonFrancisS]

Wow!

[@sparzan6063]

Excuse me!! Could please tell me what screen recording software do you use? Or maybe you could suggest me some of those which are free? Thankyou nick!!

[@LogosByNick]

I Like OBS Studio

[@SkyFly19853]

Just like those Isometric RPG games...

Now I can make backgrounds by this..

[@SkyFly19853]

@ Yeah, why not?

[@AlexEgiyan]

I would live to see this and many Inkscape videos “translated” to Affinity Designer

[@tonylifesteel]

I think that if one gets to know the tools of the programs you can follow a tutorial of any vector program in another. I generally watch affinity and illustrator videos to make them in inkscape. But it would also be good to do them in affinity. 😊

[@harveyfelipe2436]

When i extrude the message bubble, the thing on top is being scaled up, and the extrusion i get is also scaled. Is it normal to have bugs like this?

[@dungeonrobot]

Having the same issue

[@matteobarbieri2989]

same problem for me

[@MontyAttzs]

@@dungeonrobot Try moving the speech bubble far away from the phone before applying extrude. Hope this helps.

[@MontyAttzs]

@@matteobarbieri2989 Try moving the speech bubble far away from the phone before applying extrude. Hope this helps.

[@barlingreload1060]

@@MontyAttzs thank you, its work

[@souravroy6910]

how can i use that "extrude" option on Adobe illustrator?

[@154Colin]

I went through the tutorial several times to get the process down. Have an old Sylvania sign from the 60s that is a .jpg 🤮 and I am slowly converting it to a vectorized image. One of the components shown on the old circuit board is a vertical rectangle. I have drawn the base with the Bezier Curve tool, but when I try to apply the path effect "Corners..." it only will do 3 and not all 4. I thought I figured it out. I was disheartened why it was doing the same thing.

[@DavenportDecals]

Just curious. Why do you always use custom view? Not default?

[@LogosByNick]

I like having all of the icons at the top of the screen rather than some at the side and some at the top. Just personal preference, and mostly habit. It doesn't matter in the grand scheme of things though.

[@hussainsh3998]

Make a video on how to run huion drivers on linux

[@flxnotch778]

Howdyu create your website?

[@mohamadilhamramadhan6354]

extrude extension not working : "ModuleNotFoundError: No module named 'lxml'".

[@mohamadilhamramadhan6354]

It's work after installing `python3-lxml`