Create Isometric Designs with Rounded Corners in InkscapeCreate Isometric Designs with Rounded Corners in Inkscape https://logosbynick.com/wp-content/uploads/2020/07/inkscape-isometric-designs.png 800 470 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
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.
Learn How To Design Logos
If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.
The following is just a brief written overview of the steps taken to set up our document and isometric grid in Inkscape so that we can draw as we please. For complete step-by-step instructions, please watch the video tutorial at the top of the page.
Create Isometric Design with Inkscape
The first thing we have to do is set up our document.
Set Up an Isometric Grid in Inkscape
To set up an isometric grid in Inkscape, open the Document Properties menu (control + shift + d) and create an Axonometric grid from the Grids tab.
As you’ll see in the video, I set the spacing of the grid lines to 50 px. Here’s how your canvas should look with the isometric grid added…
150+ Logo Templates
Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.
Draw Your Design
Now you’re free to use the Bezier Pen to draw shapes and objects that follow the direction of the page grid lines.
For this tutorial I’ll be drawing a phone with some chat bubbles above it. I always like to draw the smallest objects first, then work outwards to the larger objects.
We’ll be drawing the design with sharp corners first, then rounding them later on.
Once the object is drawn, we can use the new Corners (Fillet/Chamfer) path effect from Inkscape version 1.0 to round the corners of our objects as needed.
Then we’ll use the Extrude extension to give our drawing some depth and the appearance that it is 3D.
Once we have the skeleton/wire frame of the design completed, we can now color it in and add a subtle drop shadow.
Then we can repeat the same technique to manually draw some speech bubbles…
Again, be sure to refer to the video at the top of the page for the full tutorial.
Here is how our isometric design with Inkscape looks once it’s finished…
That should do it for today;s tutorial! If you have any questions just leave a comment below. As always, thanks for watching!
Become A Master of Inkscape!
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.
Want Me To Design Your Logo?
I'm Nick, and I design logos. I can help you enhance your image and make an impactful impression with some next-level branding. Check out my portfolio to see how I've helped others and learn more about how I can do the same for you.
You might also like
How To Add Shading To Vector Illustrations with InkscapeHow To Add Shading To Vector Illustrations with Inkscape https://logosbynick.com/wp-content/uploads/2020/07/character-shading.png 800 470 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
How To Change The Default Background Color in InkscapeHow To Change The Default Background Color in Inkscape https://logosbynick.com/wp-content/uploads/2020/07/inkscape-dark-workspace.png 800 470 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g