Inkscape Tutorial: Isometric Shop Icon
Вставка
- Опубліковано 24 лип 2024
- In today's tutorial I'll be demonstrating how to create an isometric icon of a store using the axonometric grids in Inkscape.
This tutorial is for Inkscape version 0.92 and is intended to teach beginners how to use the software. Inkscape is a great free alternative to Illustrator and Corel Draw.
Need a logo made? Request a design at: www.logosbynick.com
Ready to make some money with your design skills? Check out my freelancing guide: logosbynick.com/freelanceguide...
Facebook: / logosbynick
Twitter: @logosbynick
Want to support my channel? I don't accept donations, but if you feel compelled to support my work here on UA-cam in any way then a one-time purchase of my $17 online course outlining how to design a logo from start to finish would be greatly appreciated, and you may learn a thing or two about logo design as well. You can check it out here: blog.logosbynick.com/logo-desi...
Want to make Inkscape appear dark? Here's how: logosbynick.com/how-to-make-in...
Here's all of the software and hardware I use to make these videos:
logosbynick.com/make-youtube-v...
Intro song: "In Da Mood" by Combustibles, used with written permission
You are the best teacher ever I have met. May Jesus bless you.
Nick, thanks so much for all the great tutorials! I'm an indie author on a budget. You're helping me save money, learn and have fun.
I'll make sure to point people your way whenever I can.
Great tutorial! I learned a ton about isometric drawing, and the grid is SUPER helpful. Thanks Nick!
I love your work. So inspirational to have a man of your talent work with open source software for unbeleivable results. As a developer learning design, I wish the design community embraced Open Source alternatives more often.
Agreed! I feel like the software/tech world has embraced it a lot more
Hey Nick I just wanted to thank you so much for these tutorials!! You're great at explaining things and I have learnt so much, and a big thank you for doing this for free and without constant self promotion to a certain course or something😊
Just downloaded Inkscape and I think I found my go-to channel for learning the program!
THANK YOU SO MUCH FOR THE VIDEO. The introduction was enough to get me to make my own isometric building. I was trying to do it in GIMP but it was kinda hard to align stuff. Thanks. :)
Excellent video. This channel is a gold mine. Thank you!!
WOW this is amazing, great tutorials ideas ive never even thought were even possible. Subbed
This is just awesome Nick, thank you
Thanks for the tutorial! Exactly what I needed
Nick your awesome I've learned so much from your video than anybody else!
What a wonderful video. You got my respect dude, keep this nice work!
I love the inkscape tutorial man ♡
thanks so much for all the great tutorials
Amazing Tutorial. There is so much scope for Inkscape.
Cheers.
Thanks for this awesome tutorial!
awesome as always, thanks for share your knowledge
great tutorial !, I was doing everything wrong, from grid to isometric thinking. everything is easier now. thank you.
Great instructional video - careful step by step and very clear instructions. I will try to recreate a school building (where I work) with some sidewalk, lawn and parking plus sports field. I will also recommend your channel to my students. Inkscape is just great - simple, free and allows us to create without any cost. Best regards and keep up the good work Man! Hugs from Poland.
loved this one!
Thank you so much! It's a lot easier than I tought and than it looks like ;)
I love your channel, I just really hope Inkscape 1.0 take a interface remodel, cuz I really feel pain when working with the current interface.
Also, I learned many things from you. I'm making everything in my games with Inkscape now :D
Looks very nice!
Thank You ! Nice tutorial.
very nice tutorial, thanks
love you nick!
That was fun! Thanks for the awesome tut.
Fantastic work!!!!
uwwwoww! i just know that inkscape is that powerfull! thanks dude!
nice videos Nick .Keep them going
Great video. Thank you.
Fantastic tutorial ! i will try :)
Thank you so much for lessons
I really like your tutorials, they are so clean and so well explained, I love them ! Keep up the amazing work and effort you put into those videos ! Btw my profile picture is made from a tutorial of yours :)
Thank you man!!
If only I had discovered Inkscape and this video six years ago, I wouldn't have wasted time learning.
Hey your tutorial was great!👌 You need more subs. You were be doing a great job!👏
Thanks! My channel is growing faster and faster each month. I'll be reaching higher sub and view counts as time goes on :)
Amazing!!!
Please continue your tutorial... Thanks dude
Grate thanks it is very helpfol and clear tahnk you👍
Nick,
17:16 BINGO! Creating curves from/to ISO/flat plane. Time has dulled the rudimentary drafting skills and computers have added an extra layer! £ - pound sign, you get top marks. Thank you.
West
thank you so much from Thailand ^_^
Newbie here. I love the information packed in these videos. A word of advice to fellow newbies: slow the video down to at least 50%. He goes fast! (Interesting side note: at 50% playback speed, Nick sounds like he's had a couple of beers and the video is that more interesting!)
Thank you...😍😍😍
great video! your tutorials are really helpful. can you make a tutorial video on magazine design?
Hi, thanks for your tutorial. I have followed every instruction but in the end there are some white tiny vertices between the shapes, how can I fix it?
Thanks
Christ you're really good at teaching
Can you make a video on how to draw vector isometric objects as seen looking from a steeper angle than the normal 45 degrees? That is using angle values other than 30 degree in axonometric grid? For example, how a cube would look like if seen at a slight angle from the front. Awesome videos BTW!
Muito maneiro, acho que somente com auxilio das grades isométricas do Adobe Illustrator é possível fazer, nem mesmo no Corel Draw faria com facilidade.
Awesome
Hi Nick, this isometric tutorial has gotten my creative juices flowing. I am going to try to combine my favorite passion of football with my new found love of graphic design with the creation of isometric football stadia series. I am wanting to see if I can re-create all the top grounds from around the world (Old Trafford, Allianz Arena, San Siro, Camp Nou, Bernabeu, Anfield, Maracana, to name a few). I was just wondering how I can affect curved outside walls like with Emirates Stadium using axonometric grids? That is the only thing I am trying to wrap my head around. Any assistance would be greatly appreciated. I am hoping to start sometime this weekend. Thanks
A very useful shortcut is to paste a style with Strg + c and Strg + Shift + v. Then you don't have to change to the dropper tool and delete the stroke etc.. :)
I love learning new tips from viewers. Thank you!
You're welcome :)
Amazing tutorial Nick, keep it up.
By the way, what do you think about inkscape 0.92 ? is it worth to download it and give it a try ?
Thanks Ahmed. I don't really like Inkscape 0.92 to be honest. It has a lot of the bugs and kinks from 0.91 that I didn't like, plus new ones as well. This one feels like another step backwards for Inkscape. I wouldn't recommend upgrading unless you need a 64 bit option.
nice video
thanks sear
The rounded area on the top of the sign (ellipse) is missing a fill area,it was buggin me when you didnt fill it,im like when is he going to notice that lol. other then that,really nice and cleaver way to make a shop/building in inkscape :)
Hi Nick! Did you change your operating system? it looks a little different from before... Anyway, great tutorial! I'll be making this one soon :D
cool
Sorry if you have already done this (If so, please point me to it), but could you make a vid showing how use Inkscape to create a character ready for tween animation in software like Spriter, Dragonbones, Spine, etc? if possible, with outlines. I'm having a LOT of trouble with the joint (Elbows, knees, etc) sections.
PS:
I just sub'd to your channel.
wow, de que tamaño es tu pantalla, yo apenas veo los iconos :o
Thanks for the tutorial, but I have a little question. There is a problem with Inkscape, that seems to be quite common amongst the users, where white gaps appear between objects that are tightly snapped one to another. You, however, don't seem to have it (or didn't show getting rid of it). So, the question is, HOW did you get rid of it? Would really appreciate if you could help with that, thou sure no pressure at all) Thanks once more!
Honestly, I would just do this in blender! Good tutorial, though.
That would be great. I've been wanting to learn Blender in my free time.
Hi Nick, first great tutorial, I really enjoyed it! second, I have got an issue on Inkscape. I don't know whether you came across it, but when I select the squared tool, and I want to create a shape, it doesn't let me. The only thing that appear is a dotted box and Nothing else, if I go to the select too, the shape disappears and I can't select it. I hope, you've got a solution for this issue. Thanks!
Hi Nick, it's alright. I discovered, that the opacity was on 0. while it was on 100 before I closed and opened it. but thanks!
Tkank you!
maybe you should enlarge the Inkscape interface if possible, because the icons on the toolbars are a bit too small.
I'll have that corrected next time
Great!
Probably old news but I think this could have been more intuitive by building from the bottom up with newer layers on top instead of shaping cutouts before knowing the shape of walls / roof that would be cutting things out and casting shadows. Aside from that, 10/10 inkscape tutorials!
Hi Nick, I Am from Indonesia,
Thank you for your tutorial,
btw, i want ask you about something that i confused,
can you tell me how to put an arabic text to my design in inkscape??
ane biasa ngetik/copas tulisan arab di inkscape di windows 10 g ada masalah...emang masalah nt gimana?
And if anyone is feeling a bit lazy, you can check out a program called Marmoset Hexels which has this (Axonometric and others) built in and and you just paint as if it were...paint. Also has True .SVG support and not just flat .svg exporting (like Blender...)
Only problem is it can't create curves (top of the shop sign). :P
Oh, it also features Animation.
Hi Nick, love all your tutorials but your screen resolution is way too high on this one. It's really hard to see the icons and menus. Keep up the great work.
Sorry about that. Just switched to a new system and I'm still working out all the kinks. Thanks for the feedback though.
You can just use Windows10 DPI FIX to upscale your screen properly. You still get 1080p, while it seems to be 720p
Nick Saporito yeah... I also see that you're on Windows now... Sad...
Dito!!! I had to use two workspaces and system zoom aid...
Hi Nick, fine? please Tutorial for Water Gimp
Love iT so much! On my channel you see a roadmap and the RV logo That I made from learning from you! Can I put a link in the discription for your UA-cam Channel. This is our travel Channel and we just started. Thanks again! For all the work you do! Louise
2:26 how do the bezier tool find the cross on the isometric grid ? He fall exactly on the intersection but doesn't explain what keys does it, anyone have a clue ? thanks and great tuto
what applications are you using?
Why you do not use copy and past format to dubricate object with the same fill and outline?
Hello Nick. I appreciate your videos, I learn a lot You should sell tutorials at UDEMY. I would recommend not to use Windows for many reasons. If you want to change operating system test Ubuntu Studio or Linux Mint.
I have not used Windows or Mac for two years and I am happy ... If you have any doubts about configuration or compatibility in Linux I can gladly help you.
In 2019, with the latest version, selection does not work properly it seems. can't select the two tiny objects at 10:46
Great vid though.
Thanks for great tutorial. Your new screen is too large for video. Please, make the inkscape window smaller and capture it exclusively. Otherwise it is hard to see buttons and menus in the video.
Yes I will have that corrected next time
Hey Nick, every time i create object the background is also visible, the grid lines and all, unlike your. also if i copy a object over other, the below object also gets visible but looks like of low opacity. please help me on this one.
It's a late reply, but in case someone in the future has the same issue, it's because you set previous shape with opacity lower than 100% OR Alpha channel from the color lower than max. You can fix it by clicking the shape, then access menu Object > Fill and Stroke. There will be Opacity option in the bottom part of it, or check the Alpha from the color.
I see you're on Windows 10, I suggest hiding the cortana bar, because you can access search from the start menu. Just a suggestion (I do it)
If I accidentally forgot to remove some of the outlines (by forgetting to press Shift and the "X" button), is there any way to go back and remove the outlines? Also, for me, the blue grid lines show through the colours, is there any way to stop this?
Yes grab the edit paths by nodes tool (keyboard shortcut: n) and click on the object. Then you can remove the stroke.
Logos By Nick Thank you. :)
Sorry man one question...your videos are great,...but the shortcut for get rid of the outline doesn't work for me, and its very frustrating,...is it a (shift+x ).???..i've tried couple of times doesn't work...you know any other shortcut for this or what am i doing wrong,..maybe something in properties its not good set up..?
he means clicking the little icon on the color palette in the very left bottom corner of the screen that looks like an x, not pressing the [x] key. and do it while holding [shift].
@@23hangunder I know i figure it out as soon as i wrote the comment...:)))))
i cant disable grid with shit + 3 (pounds sign) :/ is there any other way? Awesome vids btw
Yup, just go to View > Grid
@@LogosByNick dw its fine i figured if u oress "#" it disables the grid temporarely
.Hello Nick .. Ubuntu setup is more better than windows.. but thank you for your tutorial
Yeah!
Aprendi! hahahaha
Ok i am new to Inkscape and i dig around but i can not find the solution. When i try to do this i get white seams between the components. Halp!
ua-cam.com/video/ugGgLiiUd0k/v-deo.html
Well thats a hack and a half but i guess that will work... thanks alot man. :)
i have white lines between 2 objects.
You prefer win10 or Ubuntu ?
Can't say for sure yet. I'm still testing out Windows 10 and I'd like to give it a month or so before I come to any conclusions. So far I'm really liking Windows 10. I might install an Ubuntu partition and just use Win10 for Illustrator and gaming if it doesn't work out though.
I see linux superiority when it comes to KRITA and BLENDER.
But you should not even wear them very much, right?
Where do you get the inspiration, ideas from? How do you convert your ideas into illustrations - What is your workflow?
Is your logo like 2 N
Now it's time to make a whole town out of small, isometric buildings.
Why do you have no windows and ubuntu
incrible #BRAZIL
Me: *Panics in beginner.*
i cant found the main line
Have you tried using an open source software called Captura to make your videos? It generates high quality mp4 videos with audio and the keys you are using in your vids. Thank you for the detailed, step by step videos you make for us. They are awesome!
R.I.P. Ubuntu...^(
Why did you move to Windows ?
because he want to use ilustrator
Many reasons, one of which is using Illustrator.
yes, i read that in your blog.
and i like your post about if inkscape can replace ilustrator
max 360p why? but nice video
Its a thing UA-cam does, it changes after a while.
UA-cam just takes a while to process higher qualities, it starts with the lower qualities first so that the video can be put out faster. After that it starts on the higher quality processing.
Just give it a few minutes at least so it has a chance :P
Yeah it's taking a while today. It's a problem with UA-cam and recently uploaded videos. The resolution of the original file is 1920x1080 and perfect clarity.
For any Brits watching, press # to show/hide the grid, not Shift-3 :)