Inkscape Tutorial: Isometric Shop Icon
Рет қаралды 94,943
Күн бұрын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 KZfaq 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
@YogiPaolo 7 жыл бұрын
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.
@NoaRoxPlaysMC 7 жыл бұрын
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😊
@KrishnaDasLessons 4 жыл бұрын
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. :)
@rumengotsev4443 3 жыл бұрын
You are the best teacher ever I have met. May Jesus bless you.
@MrPresidentSmith 6 жыл бұрын
Great tutorial! I learned a ton about isometric drawing, and the grid is SUPER helpful. Thanks Nick!
@ObraxThePaladin 7 жыл бұрын
Just downloaded Inkscape and I think I found my go-to channel for learning the program!
@mitchynz 2 жыл бұрын
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.
@lemonline3719 2 жыл бұрын
Agreed! I feel like the software/tech world has embraced it a lot more
@JordanTelezino 7 жыл бұрын
WOW this is amazing, great tutorials ideas ive never even thought were even possible. Subbed
@ikuroineko3533 6 жыл бұрын
Thanks for the tutorial! Exactly what I needed
@LFlores_ 7 жыл бұрын
Excellent video. This channel is a gold mine. Thank you!!
@Babidisama 5 жыл бұрын
This is just awesome Nick, thank you
@pigdev 7 жыл бұрын
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
@helltycoon 7 жыл бұрын
Amazing Tutorial. There is so much scope for Inkscape. Cheers.
@kc498 6 жыл бұрын
Nick your awesome I've learned so much from your video than anybody else!
@ianyonezawa2591 4 жыл бұрын
What a wonderful video. You got my respect dude, keep this nice work!
@siddiqahali9193 5 жыл бұрын
Thanks for this awesome tutorial!
@hector_diaff4245 7 жыл бұрын
awesome as always, thanks for share your knowledge
@piotrgorczyca8488 2 жыл бұрын
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.
@allen_graphics 6 жыл бұрын
I love the inkscape tutorial man ♡
@joseetcheverry1344 3 жыл бұрын
great tutorial !, I was doing everything wrong, from grid to isometric thinking. everything is easier now. thank you.
@AhmedFAyezAbuZayed 3 жыл бұрын
thanks so much for all the great tutorials
@wejt5454 7 жыл бұрын
Thank you so much! It's a lot easier than I tought and than it looks like ;)
@JustoShowCartoons 5 жыл бұрын
That was fun! Thanks for the awesome tut.
@bedhunbaladewa 4 жыл бұрын
Thank You ! Nice tutorial.
@ItiosHelpadog 7 жыл бұрын
loved this one!
@Don1080 7 жыл бұрын
Looks very nice!
@14arushi 6 жыл бұрын
uwwwoww! i just know that inkscape is that powerfull! thanks dude!
@lucasviana473 2 жыл бұрын
very nice tutorial, thanks
@melissaagathasoave2655 3 жыл бұрын
Fantastic work!!!!
@surinfarmwest6645 6 жыл бұрын
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
@rusdzo 7 жыл бұрын
Great video. Thank you.
@kimeiga 7 жыл бұрын
love you nick!
@MajestyMajety 6 жыл бұрын
nice videos Nick .Keep them going
@totodilesilver3966 7 жыл бұрын
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 :)
@VincentGohStudio 5 ай бұрын
If only I had discovered Inkscape and this video six years ago, I wouldn't have wasted time learning.
@yvesfrebet9288 7 жыл бұрын
Fantastic tutorial ! i will try :)
@mahmodabdulsalam99 7 жыл бұрын
Thank you so much for lessons
@buldantour3373 5 жыл бұрын
Please continue your tutorial... Thanks dude
@eladyihie2502 4 жыл бұрын
Grate thanks it is very helpfol and clear tahnk you👍
@daniloribeiro4794 6 жыл бұрын
Thank you man!!
@shp6854 7 жыл бұрын
Hey your tutorial was great!👌 You need more subs. You were be doing a great job!👏
@LogosByNick 7 жыл бұрын
Thanks! My channel is growing faster and faster each month. I'll be reaching higher sub and view counts as time goes on :)
@streamwagon 7 жыл бұрын
great video! your tutorials are really helpful. can you make a tutorial video on magazine design?
@muidotcom958 7 жыл бұрын
thank you so much from Thailand ^_^
@EliederSousa 7 жыл бұрын
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?
@mikelovesphotography Жыл бұрын
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!)
@GuxMartin 7 жыл бұрын
Amazing!!!
@ProgrammerSheep 5 жыл бұрын
Honestly, I would just do this in blender! Good tutorial, though.
@LogosByNick 5 жыл бұрын
That would be great. I've been wanting to learn Blender in my free time.
@andreazevedodesign 7 жыл бұрын
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.
@VikasVJois 7 жыл бұрын
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!
@NoureddineKiran 3 жыл бұрын
Thank you...😍😍😍
@ahmadrezariyadi5359 3 жыл бұрын
Thanks
@dioro1117x 7 жыл бұрын
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.. :)
@LogosByNick 7 жыл бұрын
I love learning new tips from viewers. Thank you!
@dioro1117x 7 жыл бұрын
You're welcome :)
@victoriagooner9907 7 жыл бұрын
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
@ldane1991 6 жыл бұрын
Christ you're really good at teaching
@jfrank1500 6 жыл бұрын
Awesome
@annasusanna7624 7 жыл бұрын
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 :)
@ahmeddeiaa3943 7 жыл бұрын
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 ?
@LogosByNick 7 жыл бұрын
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.
@nirajacharya6668 4 жыл бұрын
nice video
@josiasvallejos161 7 жыл бұрын
wow, de que tamaño es tu pantalla, yo apenas veo los iconos :o
@tintow_uk 7 жыл бұрын
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.
@LogosByNick 7 жыл бұрын
Sorry about that. Just switched to a new system and I'm still working out all the kinks. Thanks for the feedback though.
@not_just_burnt 7 жыл бұрын
You can just use Windows10 DPI FIX to upscale your screen properly. You still get 1080p, while it seems to be 720p
@PatriceFERLET 6 жыл бұрын
Nick Saporito yeah... I also see that you're on Windows now... Sad...
@EdiFerreiranet 4 жыл бұрын
Dito!!! I had to use two workspaces and system zoom aid...
@canvastic 7 жыл бұрын
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
@user-pn9dv4fr2h 7 жыл бұрын
thanks sear
@DerrickBommarito 5 жыл бұрын
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!
@izeckx 7 жыл бұрын
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.
@desinergy720 7 жыл бұрын
Hi Nick, fine? please Tutorial for Water Gimp
@wanzimar4243 2 жыл бұрын
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!
@DxBlack 7 жыл бұрын
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
@DxBlack 7 жыл бұрын
Oh, it also features Animation.
@superart366 2 жыл бұрын
Why you do not use copy and past format to dubricate object with the same fill and outline?
@user-fq3mg9lf7q Жыл бұрын
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
@microcosmos9143 5 жыл бұрын
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.
@theajayyy 7 жыл бұрын
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)
@rana-3d 7 жыл бұрын
cool
@juliojesus1976 7 жыл бұрын
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.
@Pi7on 7 жыл бұрын
Tkank you! maybe you should enlarge the Inkscape interface if possible, because the icons on the toolbars are a bit too small.
@LogosByNick 7 жыл бұрын
I'll have that corrected next time
@Pi7on 7 жыл бұрын
Great!
@iqbalabizars9870 7 жыл бұрын
what applications are you using?
@valentinkovshik 7 жыл бұрын
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.
@LogosByNick 7 жыл бұрын
Yes I will have that corrected next time
@vincentmidna6248 6 жыл бұрын
i have white lines between 2 objects.
@groofdesigns7808 7 жыл бұрын
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!
@groofdesigns7808 7 жыл бұрын
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!
@theglobetrottersnl7597 7 жыл бұрын
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 KZfaq Channel. This is our travel Channel and we just started. Thanks again! For all the work you do! Louise
@dailysigma4907 7 жыл бұрын
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??
@keyboard-bender 7 жыл бұрын
ane biasa ngetik/copas tulisan arab di inkscape di windows 10 g ada masalah...emang masalah nt gimana?
@Iglum 5 жыл бұрын
Is your logo like 2 N
@bliiindx0x274 6 жыл бұрын
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.
@Yassir.A.P. 4 жыл бұрын
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.
@M_a_b_a_ch_i 7 жыл бұрын
Why do you have no windows and ubuntu
@mohzizo 7 жыл бұрын
.Hello Nick .. Ubuntu setup is more better than windows.. but thank you for your tutorial
@EdigleyAlexandre 6 жыл бұрын
Yeah!
@RanjeetkumarYadav 3 жыл бұрын
Where do you get the inspiration, ideas from? How do you convert your ideas into illustrations - What is your workflow?
@viiperbiite 4 жыл бұрын
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?
@LogosByNick 4 жыл бұрын
Yes grab the edit paths by nodes tool (keyboard shortcut: n) and click on the object. Then you can remove the stroke.
@viiperbiite 4 жыл бұрын
Logos By Nick Thank you. :)
@Ishmael_118 Жыл бұрын
i cant found the main line
@samuil_maxim 5 жыл бұрын
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..?
@23hangunder 5 жыл бұрын
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].
@samuil_maxim 5 жыл бұрын
@@23hangunder I know i figure it out as soon as i wrote the comment...:)))))
@shethek1733 6 жыл бұрын
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!
@evertsprockel 6 жыл бұрын
kzfaq.info/get/bejne/q813mq-azrvIYJ8.html
@shethek1733 6 жыл бұрын
Well thats a hack and a half but i guess that will work... thanks alot man. :)
@BagaSand 3 жыл бұрын
i cant disable grid with shit + 3 (pounds sign) :/ is there any other way? Awesome vids btw
@LogosByNick 3 жыл бұрын
Yup, just go to View > Grid
@BagaSand 3 жыл бұрын
@@LogosByNick dw its fine i figured if u oress "#" it disables the grid temporarely
@GregoryGustavo 7 жыл бұрын
You prefer win10 or Ubuntu ?
@LogosByNick 7 жыл бұрын
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.
@GregoryGustavo 7 жыл бұрын
I see linux superiority when it comes to KRITA and BLENDER. But you should not even wear them very much, right?
@victorwestmann 6 жыл бұрын
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!
@dungandhisstuffs 7 жыл бұрын
why does the UI of your Inscape so strange, it looks like Illutrator
@EdigleyAlexandre 6 жыл бұрын
Aprendi! hahahaha
@Ayonneosa 7 жыл бұрын
Why did you move to Windows ?
@josiasvallejos161 7 жыл бұрын
because he want to use ilustrator
@LogosByNick 7 жыл бұрын
Many reasons, one of which is using Illustrator.
@josiasvallejos161 7 жыл бұрын
yes, i read that in your blog.
@josiasvallejos161 7 жыл бұрын
and i like your post about if inkscape can replace ilustrator
@djpg7804 6 жыл бұрын
incrible #BRAZIL
@apatkany49 4 жыл бұрын
Now it's time to make a whole town out of small, isometric buildings.
@dublinforest9105 7 жыл бұрын
R.I.P. Ubuntu...^(
@simondukat9098 7 жыл бұрын
max 360p why? but nice video
@levprotter1231 7 жыл бұрын
Its a thing KZfaq does, it changes after a while.
@RoboSchnitzel 7 жыл бұрын
KZfaq 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
@LogosByNick 7 жыл бұрын
Yeah it's taking a while today. It's a problem with KZfaq and recently uploaded videos. The resolution of the original file is 1920x1080 and perfect clarity.
@danjosan6740 3 жыл бұрын
your rooftop sign is one increment too long... you start on the outer edge of the roof, but only go to the inner edge of the opposite side, when both should be either only inner or only outer!