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!

[@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.

[@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

[@wdwdHenry9022]

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

[@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.

[@brandonbrand2338]

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

[@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.. 🙏

[@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.🙂👍👍

[@mzabs1871]

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

[@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

[@zidan8664]

mr. Nick, such a superhero

[@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.

[@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 :)

[@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 👌🏼

[@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!

[@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👌👍

[@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.

[@a3gzuy]

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

[@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

[@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 👍

[@sudrajad4743]

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

[@akshatprasad3742]

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

[@HiEnergyMusic]

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

[@regalraccoon]

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

[@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

[@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.

[@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" 😯

[@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.

[@ProjectV95]

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

[@DanoLefourbe]

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

[@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

[@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

[@DoodleDan]

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

[@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.

[@danielorosz8493]

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

[@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?

[@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!

[@icy3198]

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

[@jesusflota]

This tutorial is great 👌, excellent work!!

[@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

[@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?

[@pickitupdope]

great tutorial Nick

[@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.

[@matteopisi]

Excellent tutorial as always!

[@derpderp9281]

Awesome, I'm definetely trying this one!

[@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 ?

[@sunilchristian3430]

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

[@fmpwizard]

Another awesome tutorial!

[@kaito9]

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

[@kDizajn]

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

[@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.

[@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

[@jjccbbxxyt]

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

[@MAbdilahi]

Thanks sir for this knowledge your are sharing with us.

[@JULIUSCOOLX]

I’m dedicating my entire life with Inkscape

[@WagnerDeQueiroz]

Great Effect! I Love it!

[@hankypanky9380]

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

[@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.

[@nicolasmace7566]

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

[@moesliems9491]

Good job nick....thank u very much

[@souravroy6910]

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

[@francostellini1082]

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

[@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?

[@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?

[@8nbits149]

Wow, ¡Excelente!

[@be9083]

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

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!

[@Cr42yguy]

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

[@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

[@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.

[@MikhailPavstyuk]

Awesome job. Thank you.

[@amaljith1316]

How can we add corners in path effects? I can't get in mine

[@nobrainer2058]

what language is your inkscape? if your search with the bar you have to use your language.

[@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?

[@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?

[@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.

[@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!'

[@mohamadilhamramadhan6354]

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

[@mohamadilhamramadhan6354]

It's work after installing `python3-lxml`

[@xand05]

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

[@zuniaricfirmanalfianoor1405]

Thanks Nick,

[@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. 😊

[@flxnotch778]

Howdyu create your website?

[@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

[@danieliniguezv]

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

[@ariharaahap]

Thanks for you Iam from indonesia I like your vidio

[@shahriaremon4399]

great 🖤

[@sulfrum]

thanks a lot!

[@jhonrain8788]

shift+3 to temporary disable the grid dont work for me

[@johnlin6121]

Perfect.

[@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!

[@charitygamble]

Did anyone else have issues with Extrude seriously distorting the speech bubble? It worked great on the phone, but badly distorts the speech bubble.

[@robertschubert5765]

Yes, I did. Just as you described. Glad I found someone else with the same issue. Any solutions?

[@charitygamble]

Robert Schubert I just kept undoing and doing it again until it finally worked the way it was supposed to.

[@robertschubert5765]

Ninjaspeedone below has a solution. Copy it to another document, etc. It worked for me.

[@nobrainer2058]

I got the exact same issue. phone worked but bubble doesn't

[@roughworkman5318]

Couldn't you have created a rectangle and shear it vertically to align to grid lines and then make the corners rounded? Also, those circular dots could have been rounded squares and sheared to same alignment.

[@LogosByNick]

That doesn't work unless you somehow know the exact width and height the rectangle needs to be in order to fit the grid after it's sheared. Same with the rounded squares. There's no way to make it fit the grid.

[@roughworkman5318]

@@LogosByNick I have experience with isometric engineering drawing and know how to make the sheared rectangle to fit into the grids. I tried that but apparently the Extrude function is having trouble calculating the paths for the rounded corners, Path Effects is the way to go. But, I also found that if planned ahead with the shapes to fit the grids, you don't even need the Extrude function, you can use the Bezier pen to draw the edges in that perspective as it's a relatively simple design in this case.

[@maxmeier532]

@@roughworkman5318 but after the bezier tool, how do you combine/union the underside with the new edges.

[@bircemataselim5995]

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

[@kirubakaranRashmika]

i cant understand properly at 10:57

[@flxnotch778]

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

[@flxnotch778]

How Did You Create Your Website?

[@musclemanking3880]

Brilliant Phenomenal

[@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.