Це відео не доступне.
Перепрошуємо.
Create Isometric Designs with Rounded Corners in Inkscape
Вставка
- Опубліковано 13 сер 2024
- In this tutorial I’ll be demonstrating how to create vector isometric designs using Inkscape. This is a technique that I’ve taught in the past, but thanks to some of the new features in Inkscape version 1.0, it now makes it easier to give your isometric drawings rounded corners, as you’ll see in the tutorial.
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.co...
Intro song: "In Da Mood" by Combustibles, used with written permission
![Illustrator 3d Cube with Rounded Corners [Isometric Cube] & Transparency Effect](/img/n.gif)
Just downloaded Inkscape because of you! I’m loving it!
Creating a new object between 2 objects with extrude extension was a brilliant idea. Thanks for sharing!
I've been using Inkscape for nearly 20 years now, mainly for sketching/scribbling while teaching CS. Today I learnt something new!
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.
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.
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.
When you Like and save the video to your playlist before watching the video
Nick ! Thank you!
you plan to procastinate...lol
Excellent work again! You truly are the King of Inkscape pros! Keep up the brilliant designing work! :D
I just love how simple you make it seem, and very creative. Well done Nick.
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
Yes, I noticed it too. So I just didn't draw the phone as he did.
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.🙂👍👍
You are a magician. All your tutorials are fantastic. Thank you Nick!
mr. Nick, such a superhero
I needed this tutorial!
I wanted to make designs of this style, it is easier than I thought
Everything was explained very well
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👌👍
The shortcut is "shift + 3" (same as pound, hash, "#") because # looks like a grid!
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 !
İ pressed both of them but still doesn't work.
Edit: work with "altgr + 3" for me 👍
Another great tutorial. Phone buttons are not centred on phone though!
I'm glad I'm not the only one who got a little eye-twitchy when I noticed that.
Yeah, Nick was a bid lost on that one, but it’s still an amazing tutorial as always 👌🏼
you create videos for things I didn't even know I needed to learn. Thank you.
Please add more tutorial like this. Thank Nick.
You 're doing great job
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.
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.
@@maxmeier532 Hey if I may ask, how was your experience with ilustrator? I was thinking of buying it aswell.
I've been using Inkscape for quite a while, but not half as proficient. Thanks for making these awesome tutorials *liked and subscribed*
This is brilliant!! I was never sure how they made this type of design
Thank you very much for this video, it answered many questions and opened a box full of possibilities.
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 :)
Love isometric stuff, great content! Keep it up Nick!
I can't express how much I enjoy these video's. Thank you.
That's a much more elegant way to do what I've been doing for a while. Thanks.
You are so good at inkscape and vector images yet so underratted
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!
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.
This is a really great video. I really hope that this channel can grow more, because this is quality content for free. Thanks nick.
This tutorial is great 👌, excellent work!!
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!
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" 😯
awesome way to use the grid function, thank you. I'm guessing you can also change the angle to change the "camera perspective" basically
I’m dedicating my entire life with Inkscape
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.. 🙏
Excellent tutorial as always!
Great Effect!
I Love it!
..... SUPER NICK !!!!!!! LIKE !!!!
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.
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.
great tutorial Nick
'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!'
Another awesome tutorial!
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.
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.
Thank you very much for sharing your experience, I had the same problem and was able to solve it for you
Awesome, I'm definetely trying this one!
#logosbynick I have crash issues since "new" Inkscape. Have you got the same experience if so any solution for that ?
Thanks
Daniel
Edtruding is great! No need to apply tricks and do it manually! Thank you!
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)...
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
Thanks sir for this knowledge your are sharing with us.
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
Great tutorial Nick!!
Just noticed that home button is not on center. Phone is wider one "grid cell" to the left. 😁
Wow, ¡Excelente!
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?
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.
@@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.
@@ninjaspeedone I tried and it worked, thanks, you literally saved my day ^^
@@AlexCasadiego Glad it worked for you too. Yeah, I'm wondering the same thing.
@@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.
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?
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?
Good job nick....thank u very much
u r great, thnx for the share. sounds soo easy but i will give a try.
Your videos have really helped me a lot and allowed me to start my own UA-cam channel
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?
Awesome job. Thank you.
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.
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 ?
Sadly, the extrude extension doesn't work for me. It crashes Inkscape all the time on Ubuntu.
I can't get past the union part. Mine won't curve like in the video. Help?
Thanks for you
Iam from indonesia
I like your vidio
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!
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.
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?
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?
Something is wrong with extruding when I was making the Chat Bubble. Any recommendations on what to do?
Very good content.
I just need subtitles, because there are so many words that I still don't know.
Thanks Nick,
Instead of rounding the parallelograms close to ellipses, you could just use the ellipse from points path effect :)
Awesome work! You should sign up as a creator on Brave Browser so you can receive tips! Cheers!
Really enjoy your tuts.... u should have a channel for Affinity Designer too. :) Excellent job dude!!
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
Perfect.
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?
Having the same issue
same problem for me
@@dungeonrobot Try moving the speech bubble far away from the phone before applying extrude. Hope this helps.
@@matteobarbieri2989 Try moving the speech bubble far away from the phone before applying extrude. Hope this helps.
@@MontyAttzs thank you, its work
thanks a lot!
I would live to see this and many Inkscape videos “translated” to Affinity Designer
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. 😊
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?
You could shear it with the select tool.
This is a great channel. You do some small mistakes just to teach us :)
yeasr keep passing, and i'm still commig back to learn
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.
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.
@@LogosByNick thanks Nick. All clear now.
@@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!
great 🖤
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.
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!!
I Like OBS Studio
Brilliant
Phenomenal
how can i use that "extrude" option on Adobe illustrator?
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.
Because Of You My Website is a Success
(There is Your Name in The Website Credits)
How Did You Create Your Website?
perfect!!
extrude extension not working : "ModuleNotFoundError: No module named 'lxml'".
It's work after installing `python3-lxml`
shift+3 to temporary disable the grid dont work for me
Just curious. Why do you always use custom view? Not default?
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.
How can we add corners in path effects? I can't get in mine
what language is your inkscape? if your search with the bar you have to use your language.
Make a video on how to run huion drivers on linux
Did anyone else have issues with Extrude seriously distorting the speech bubble? It worked great on the phone, but badly distorts the speech bubble.
Yes, I did. Just as you described. Glad I found someone else with the same issue. Any solutions?
Robert Schubert I just kept undoing and doing it again until it finally worked the way it was supposed to.
Ninjaspeedone below has a solution. Copy it to another document, etc. It worked for me.
I got the exact same issue. phone worked but bubble doesn't