Modular Isometric Pixel Art | Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 พ.ย. 2024

ความคิดเห็น • 301

  • @dangerouscolors
    @dangerouscolors ปีที่แล้ว +868

    this is actually revolutionary for me. im a pixel artist but never did the "rite of passage" of making isometric pieces due to my difficulty with spatial visualization but this would make building 3d forms so much easier!

    • @thoracis
      @thoracis ปีที่แล้ว +10

      I hope this process helps you. Good luck! ❤

    • @goodfractalspoker7179
      @goodfractalspoker7179 ปีที่แล้ว +1

      I think that is because this technique best represents architecture in real life from a fundamental Euclidean aspect. Peace!

    • @dexlovesgames_dlg
      @dexlovesgames_dlg ปีที่แล้ว

      Seems fun too I’m excited to try it out. Not that far off from what I imagined, but now I don’t have to sort out the intricacies. Also I’m not tryna main art

  • @andeythomas7534
    @andeythomas7534 ปีที่แล้ว +51

    "i hope you found this workflow useful"
    homie i feel like you just blew my mind. i've always struggled with trying to conceptualize some creative process and some way to get a finished piece out of my beginner level artistic skills. i felt like this opened up a whole new world and super quick way to start building up my skillset and actually giving into those creative urges!

  • @Chironyx
    @Chironyx ปีที่แล้ว +463

    Quick tip, rather than having your squares be a 1:1 ratio (16x16, 32x32), try to have them as 1:1.10 (16x18, 32x35)
    If you keep them at 1:1, blocks of different heights will perfectly align and will throw off the depth of your piece and reduce its readability
    It will also appear more correct, if you'll look up an isometric cube, you'll notice that it's actually slightly taller than it is wide.
    The math isn't exactly 1:1.1, but that'll mostly be accurate and is all I can explain without external links, I think my previous comment got deleted because of links.

    • @vih-silva-36-7
      @vih-silva-36-7 ปีที่แล้ว +23

      hey, where can I find more info/resources about it? what should I search for? I am curious in how different it looks and why one over the other would be prefered

    • @Chironyx
      @Chironyx ปีที่แล้ว

      @@vih-silva-36-7
      It seems any comments with links get automatically deleted, try googling 'eniko fox / enichan isometric cube', you'll see a comparison.

    • @estebanod
      @estebanod ปีที่แล้ว +5

      What!?

    • @phillipgan
      @phillipgan ปีที่แล้ว +39

      @@vih-silva-36-7 an example of the problem can be seen at 5:57 in the video with the roof piece. The roof has the appearance that its off centered because of how it perfectly overlaps the blocks on the pillars.

    • @TheSpekhtra
      @TheSpekhtra ปีที่แล้ว +25

      there is actually many different isometric perspective variations that all over the world. This approach is the “real “ isometric one and the one that you are talking about is called “dimetric” because there are 2 angles that are same and 1 is different, the last one is called trimetric which is every angle is different. but you should note that the curves have also different regulations in the world that varies from region to region. ayou can choos whatever you like.

  • @ulrickai
    @ulrickai ปีที่แล้ว +101

    As someone who still struggles with the isometric look two years later and who kinda fears doing it, this actually is SUPER useful and is making me excited to try out making some more isometric works. So glad you made this video since this will help me out so much in the future~!

  • @stonecoat_art
    @stonecoat_art ปีที่แล้ว +19

    as someone who was a sculptor for years and got into pixel art only a couple of years ago, this is exactly the kind of crossover I needed. thank you

  • @yo5tan
    @yo5tan ปีที่แล้ว +73

    While this doesn't necessarily make the process more efficient, it certainly makes it substantially more accessible, and that's something always worthy of praise!

  • @squirll4828
    @squirll4828 ปีที่แล้ว +128

    An interesting thing in iso-pixel art, is that you can focus on the parts you do want to make, unlike in minecraft or lego, where you'd have to take more perspectives into account

    • @LoraLoibu
      @LoraLoibu ปีที่แล้ว +11

      they cannot see the unfinished back side

    • @doriantermini
      @doriantermini ปีที่แล้ว +14

      @@LoraLoibu Grian would love this type of building, he'd never need to make backs to any of his builds.

    • @stephen_2091
      @stephen_2091 ปีที่แล้ว +3

      ​@@doriantermini 💀

  • @nittayoshifumi8252
    @nittayoshifumi8252 ปีที่แล้ว +24

    seeing the blocks move during the CRT time makes it feel like old timey tv commercials on a brand new block toy, or educational videos for kids. great vibes!

  • @pipotm
    @pipotm ปีที่แล้ว +24

    its incredible how when you get creative there is really so many cool structures you can craft with just cubes and wedges,
    and seeing it go from a grid pattern to having texture and finally being a complete building is so satisfying.

  • @Jonas-Seiler
    @Jonas-Seiler ปีที่แล้ว +6

    I have no experience with pixel art whatsoever and I’m generally pretty artistically inept, but this seems like something I could pick up and produce quality artwork with in a few hours. Genius.

  • @thatanimeweirdo
    @thatanimeweirdo ปีที่แล้ว +3

    I love how this mirrors the workflow for 3d level design, where you create a blockout of a level and create props and cliffs after being happy with the general shape

  • @purplegunpowder1997
    @purplegunpowder1997 ปีที่แล้ว +8

    Really good for isometric map building where consistency is important throughout. Thanks for the tips!

  • @_miamango_
    @_miamango_ ปีที่แล้ว +15

    I never thought off doing this! Now I'm inspired to do more isometric pixel art illustrations❤

  • @angrypotato_fz
    @angrypotato_fz ปีที่แล้ว +8

    The assembly/disassembly animations look very cool :)

  • @joshuwamckinsey5666
    @joshuwamckinsey5666 ปีที่แล้ว +1

    I make Pixel Art Battle Maps for my DnD Campaigns. Doing a Technique like this will absolutely BLOW my Players Minds.

  • @jameshills6314
    @jameshills6314 ปีที่แล้ว +3

    That's soo cool. I appreciate the mini tutorial. The idea of creating a kind of lego block system is genius.

  • @alu2901
    @alu2901 ปีที่แล้ว +14

    I could actually see a strategy game about radios working and being pretty fun! Maybe with more types of media it could actually have a Rock Paper Scissors style balancing system, with the goal being to dominate the oposing side's communications building.
    As for the tutorial: This "cell" system sounds cool, and as always, the result was very good! I will try it. Maybe then I could make an Isomatric piece!

    • @BJGpixel
      @BJGpixel  ปีที่แล้ว +6

      Thanks! Yeah it's even quite fun to just move the blocks around and experiment with what to build! Hmm love the idea of the rock/paper/scissors balancing for the strategy game; maybe there's something there after all! :D

  • @foxclower
    @foxclower 10 หลายเดือนก่อน +1

    I can't wait to try out this medhod. I've been really overwhelmed by complex objects and been avoiding it, but this makes it very easy to visualize and block out the shapes.

  • @eboatwright_
    @eboatwright_ ปีที่แล้ว +4

    6:11 This is amazing, it looks like it would be in a top down isometric adventure / puzzle game

  • @rasmadrak
    @rasmadrak ปีที่แล้ว

    The joy and love for pixel artwork hasn't diminished since the 80's for me!

  • @Factoum
    @Factoum ปีที่แล้ว +1

    I love youtube. It's like learning and enjoying ur time at the same time.
    Thank you sir for this video !

  • @mr_catfry
    @mr_catfry ปีที่แล้ว +2

    The way the pieces of buildings come together reminds of building things in the lego games

  • @unown8202
    @unown8202 26 วันที่ผ่านมา

    this is absolute genius! i just dabbled on pixel art a few days ago and to me this is revolutionary! thanks!

  • @dialest
    @dialest ปีที่แล้ว

    I've been drawing isometric geometry since I was six, and that came with me when I started working on pixel art, but I never thought about approaching it in this modular way. You've really kind of blown my mind.
    So often, there are instructional videos that are correct, but implementing the information feels predicated on already possessing the instructor's skill level. In just seven minutes, you have improved me as an artist. Thank you so much!

  • @anthonymorris8891
    @anthonymorris8891 ปีที่แล้ว +2

    I was trying to make my own assets for G-Develop and making modular pieces like this was a great way to learn some perspective. The sprites were just place holders, and that was huge because it kept my brain from getting hung up on the aesthetics. 10/10 would recommend making these assets for yourself.

  • @Kane_the_Newschool_DM
    @Kane_the_Newschool_DM 2 หลายเดือนก่อน

    Was literally making my own shapes in minutes, thanks a TON for this idea. My biggest struggle with art is that I'm bad at visualization (probably why I'm primarily a writer), so being able to build stuff out of blocks first is extremely helpful.

  • @MondayHopscotch
    @MondayHopscotch ปีที่แล้ว +3

    Dang. Per usual, I'm just sitting here amazed at how you convey ideas while showing off your skill at pixel art as a whole. Thanks for continuing to put out great and inspiring content!

  • @davidkonevky7372
    @davidkonevky7372 ปีที่แล้ว +1

    I'm such a fan of isometric pixel art. Probably why I liked to play habbo for the aestethic and left instantly when I learnt you have essentially nothing to do unless you pay money 😅

  • @bronson8x993
    @bronson8x993 ปีที่แล้ว +1

    This is amazing. I love to watch new buildings and worlds come into life. Makes me wanna make a huge pixel art game world just to wander around. Then build up native folks and some weird lore. This is so inspirational, thank you. Subscribed.

  • @ninja55111
    @ninja55111 ปีที่แล้ว

    Amateur pixel artist here, your one of the reasons I started this journey! Its fun even if it's and your videos are the best content I have found on how to do pixel art. Just wanted to comment to both boost the video and show my thanks!

  • @BM-yy8db
    @BM-yy8db ปีที่แล้ว

    This video right here should be the gold standard for how to make tutorial videos

  • @DarkChaosMC
    @DarkChaosMC ปีที่แล้ว +8

    I’ve been waiting so long for a quality tutorial of this. Can’t thank you enough!

    • @Metrocysh
      @Metrocysh ปีที่แล้ว +2

      (They've been waiting for so long!)
      Heart-beat, Heart-beat, Heart-beat, Heart

    • @Orenshaii
      @Orenshaii 9 หลายเดือนก่อน +1

      ⁠​⁠​⁠​⁠@@MetrocyshWas NOT expecting to see a Rhythm Doctor reference here

    • @Metrocysh
      @Metrocysh 9 หลายเดือนก่อน +1

      @@Orenshaii Haha, thought no one would notice!!

  • @3BeatSketcher
    @3BeatSketcher ปีที่แล้ว +5

    Recently found your channel. Absolutely love your work! You've actually helped to get me over an art block and got me inspired to draw again and try out making my own pixel art! Keep up the amazing work!

  • @cream422
    @cream422 ปีที่แล้ว

    I'm watching out for your new videos not just because you're my inspiration/motivation to improve, but also a life saver!

  • @NefariousHippie
    @NefariousHippie ปีที่แล้ว

    This makes isometric art seem much more accessible and I want to give it a try now

  • @Frostbyte-Game-Studio
    @Frostbyte-Game-Studio ปีที่แล้ว +1

    you will never cease to amaze me. thank you for being who you are

  • @ARDIZsq
    @ARDIZsq ปีที่แล้ว +3

    Oooh, this is a game changer. I might have to use this technique in the future.

  • @mindelofortes12345
    @mindelofortes12345 ปีที่แล้ว +1

    This helps so much. Its a shame that Isometric Pixel Art is so hard to make. It looks so good when done well.

  • @segue2ant395
    @segue2ant395 ปีที่แล้ว +1

    This was great. I get really easily intimidated by a blank page, so anything that helps break the creative process into more manageable and isolated chunks is great for my productivity. I'll definitely be using this in the future :)

  • @jreid1990
    @jreid1990 ปีที่แล้ว

    Brandon you inspired me to make pixel art like pixel consoles pixel games scenes and logos thank you for being a you for being a youtuber you inspire me and hundreds of others who do pixel art thank you

  • @SirDrasticG
    @SirDrasticG ปีที่แล้ว

    I literally learned how to make voxel art because i kinda struggled with isometric, even tho i manage to made one back then lol, now with this idea i can see/understand it now. Thanks Brandon

  • @frost8077
    @frost8077 ปีที่แล้ว

    It's such a simple way of keeping uniform scale that it's blowing my mind. I took drafting in high school, so I would've been wasting time with measurements and stuff.

  • @CubeAtlantic
    @CubeAtlantic ปีที่แล้ว

    This is actually visually-appealing & serene to see direct pixels cubes look this isometric & a rest of realistic :)

  • @strixpixels
    @strixpixels ปีที่แล้ว

    I've wanted to try isometric for ages. This is going to be a big help.

  • @SethKotta
    @SethKotta ปีที่แล้ว +3

    Turn based strategy game about radio towers should be a thing.

    • @BJGpixel
      @BJGpixel  ปีที่แล้ว +2

      Haha yeah I'm thinking about it now - what about bringing in those Superfruit Radio Rangers from the CMYK video a few months ago ??? 🤔

    • @SethKotta
      @SethKotta ปีที่แล้ว +1

      @@BJGpixel Yes!

  • @Arachnid-Man
    @Arachnid-Man ปีที่แล้ว +1

    YOU INSPIRE ME!! Time to jump into Asprite again.

  • @dustieboots546
    @dustieboots546 ปีที่แล้ว

    This looks so beautiful. I'm really into pixel art but i haven't seen this kind of style in creating pixel art. This is very useful for game creation, instead of creating individual houses, we can easily copy paste the base form and just start adding details into it. Thank you for this!

  • @-hyphenated
    @-hyphenated ปีที่แล้ว +1

    Mans made an asset system for pixel art

  • @ZaynNaz
    @ZaynNaz ปีที่แล้ว

    I AM AMAZED. Been doing art for many years and I'm mind blown

  • @CKTDanny
    @CKTDanny ปีที่แล้ว +11

    Watching those blocks side together is blissss 😌
    Awesome demonstration of isometric pixel art principles! It's especially cool to see that it was all done within Photoshop with layers. Very crispy 😎
    Awesome CRT Time as usual!! 6:31 has to be my fav piece this time. It's giving me some very pleasant slice of life vibes ✨

    • @BJGpixel
      @BJGpixel  ปีที่แล้ว +6

      Thanks dude! It's so satisfying to see it the exploded views come together and build up. I'd love to also lay this out like the instruction manual of a Lego set, and label all the pieces and steps, etc. 😅
      And thanks, I love how even something like a simple shop on the corner looks in this perspective - the 3-colour palette is quite nice to work with for the lighting/contrast as well! :D

    • @CKTDanny
      @CKTDanny ปีที่แล้ว +3

      @@BJGpixel Oh man the Lego instructions layout idea is awesome, would love to see that one day!! 🤩

  • @umapessoa6051
    @umapessoa6051 ปีที่แล้ว +1

    Love your art style

  • @shoespeak
    @shoespeak ปีที่แล้ว

    the CRT animations are sooooooo nice to watch. so satisfying. this was awesome!

  • @TetsuDeinonychus
    @TetsuDeinonychus ปีที่แล้ว

    This is like the "cheat sheet" I've always wanted for making isometric art. Nice!

  • @djchappell1726
    @djchappell1726 ปีที่แล้ว

    Yet another piece of media that just reinforces my love of the Megaman Battle Network series of games.

  • @DavidBrocekArt
    @DavidBrocekArt ปีที่แล้ว

    I've been doing pixel art professionally for quite some time now, but damn, those isometric scenes, they will kill me one day.
    Thank you for this.

  • @HerrDoktorWeberMD
    @HerrDoktorWeberMD ปีที่แล้ว

    This tutorial was something I always kind of knew, but seeing it done in front of me has locked it in... I'm absolutely using isometric tiles to build my game world. This process will be hugely helpful in making buildings and stuff, and Godot has a pretty easy to use tilemap system for everything else, like terrain, fences, doodads, player-built stuff... your videos have me hyped, I thank you a ton.

  • @conman_raddish
    @conman_raddish ปีที่แล้ว

    Love the feel of your pixel art, makes me feel like I'm experiencing the marvel of super Mario world on the snes, or some old segas game from one of those 1000 games in one machines all over again

  • @DavidAlvarez-ln9zh
    @DavidAlvarez-ln9zh ปีที่แล้ว +1

    Total Game changer

  • @twostepghouls
    @twostepghouls 11 หลายเดือนก่อน

    This is absurdly satisfying to both watch and do.

  • @AlekCzarnodziej
    @AlekCzarnodziej ปีที่แล้ว +1

    That's actually so great! I'll need to try this soon, because the final effect looks amazing with all those small pieces attached.

  • @Ax2u
    @Ax2u ปีที่แล้ว +1

    Seeing a new video from you never fails to put a smile on my face. Lovely stuff, keep it up!

  • @ToniaGlitched
    @ToniaGlitched ปีที่แล้ว +2

    oh my, this is a really great technic tbh, and also, your creations look neat as always

  • @Parzival031
    @Parzival031 ปีที่แล้ว +1

    I was just trying to make an isometric piece, this video has a great timing

  • @kairon156
    @kairon156 ปีที่แล้ว

    Very neat method and I like that you've kept this video nice and short yet concise as well.

  • @CuriosityCore101
    @CuriosityCore101 ปีที่แล้ว

    I'm just starting to get into original pixel art (I've mostly just done sprite edits) and this is the first I've heard of isometric pixel art. I love this approach - part of why I'm taking so long to get into original work is because I have a hard time going from concept to design and just being able to play around with pseudo-voxels will be super helpful for that! (Also I love making mediocre voxel art in games so this is combining two of my favorite things!)

  • @craftminerCZ
    @craftminerCZ ปีที่แล้ว

    Not sure why, but the CRT segment at the end just hits different on this one. Like it really, really fits.

  • @chassotclement
    @chassotclement ปีที่แล้ว +2

    Your method is really interesting, I don't work much in isometric, but it's very inspiring.

  • @spooon5357
    @spooon5357 ปีที่แล้ว +7

    Really great video! I wonder how you would go about making isometric pixel art in a more lineless style. I've tried to do it many times, but I've had a bit of trouble.
    Also, I'd be super interested to see your take on making character sprites from a pre-rendered 3D models like in Donkey Kong Country. I feel like that method has a lot of unexplored potential to be used in conjunction with this sort of isometric pixel art. I tried it with Blender and got some really cool results!

  • @a_puntato29
    @a_puntato29 ปีที่แล้ว +2

    this is so awesome! i wish you got more views nowadays brandon :c

  • @erioto1115
    @erioto1115 ปีที่แล้ว +1

    This helps a lot! Thankyou, I always seem to struggle when it comes to shape in genral, so this will be a great tool to put in my tool box!

  • @Kenndo69420
    @Kenndo69420 ปีที่แล้ว

    Oh my god this is amazing. You are genuinely my favorite TH-cam channel as of late.

  • @5ilver42
    @5ilver42 ปีที่แล้ว

    I did this sort of thing in elementary school with MS-Paint. It was a tone of fun.

  • @theolebrave1713
    @theolebrave1713 ปีที่แล้ว

    SO SMART. This is the best art advice ive seen in a while. great video!

  • @Numakichi28
    @Numakichi28 ปีที่แล้ว

    いつもためになる動画をありがとうございます。
    日本語だからもしかしたら伝わらないけど、感謝しています。

  • @JayFolipurba
    @JayFolipurba ปีที่แล้ว

    I just love these wholesome nostalgic vibes. Why am I not subscribed yet? Now I am

  • @vimmasi1
    @vimmasi1 14 วันที่ผ่านมา

    Nice color palette, man! I think I'm gonna practice with these same colors. They look amazing for isometric art!

  • @oAndreGabs
    @oAndreGabs 6 หลายเดือนก่อน

    My god! That's so simple, versitile and fun!

  • @Uta-gz7jm
    @Uta-gz7jm ปีที่แล้ว

    You make me save so much time, i’ll try this one on my project, thank you so much dude.

  • @CrafterPrime203
    @CrafterPrime203 ปีที่แล้ว +1

    this video is very cool. I'm glad with the thumbnail and in the video you made me feel like I could make Pixel art like Lego builds

  • @cailreagh9398
    @cailreagh9398 ปีที่แล้ว

    This was my FAV video you have ever done. It is soooooooo goood.

  • @mehwish36
    @mehwish36 ปีที่แล้ว +1

    always so excited whenever you upload a video :D

  • @robtheblob_
    @robtheblob_ ปีที่แล้ว +1

    very fun way to work with pixel art

  • @julianapegas2043
    @julianapegas2043 ปีที่แล้ว

    This looks like a really nice tool for brainstorming designs!

  • @Maggi1108
    @Maggi1108 6 หลายเดือนก่อน

    Your videos make me want to try pixel art for the first time of my life. :)

  • @Hekkenok
    @Hekkenok ปีที่แล้ว

    this style of art is actually really amazing, want to give it a try when I get home

  • @nekokna
    @nekokna ปีที่แล้ว

    This method can be totally applied with vector art as well and then weld the proper shapes out of the piles,maybe or just trace again.thank you!!

  • @alexatedw
    @alexatedw 11 หลายเดือนก่อน

    Bro. Bro. You are working on a different level. Make your own virtual legos

  • @UTJK.
    @UTJK. ปีที่แล้ว +1

    Very well executed!

  • @Skeffles
    @Skeffles ปีที่แล้ว

    Brilliant! I love seeing all the components come together as one.

  • @stephanl5546
    @stephanl5546 ปีที่แล้ว

    Could you make more about this? More stone types, more about coloring and so on? I love this tutorial and technique!

  • @VectoRaith
    @VectoRaith ปีที่แล้ว

    Nice video! There was this old and dead website from 2010 that encourage pixel artists to use modular isometric block. They even have _mind-blowing_ tutorial on how to create isometric swimming pool using such technique complete with detailed water texture.
    Legend said there's two ways to create irregular shapes in high-res isometric pixel art:
    1. Modular isometric block building (a.k.a Lego-ing)
    2. Modular isometric block sculpting
    I hope you can show how the second way is done, too.

  • @rmt3589
    @rmt3589 ปีที่แล้ว +1

    Love the concept. I'm using voxel art, and will need to figure out building modularity. This'll be great for inspiration!

  • @Gaven7r
    @Gaven7r ปีที่แล้ว

    wow, just wow!
    Something so simple, yet, so mindblowing.
    this was a really cool pixelart video!

  • @jamesacademya5433
    @jamesacademya5433 ปีที่แล้ว +1

    This technique is so good, thank you for sharing lodi.

  • @kristopher215
    @kristopher215 ปีที่แล้ว

    I love your videos been a big fan. This video made pixel art much more easy and fun to understand. Thanks so much will continue to look forward to your new videos and art.

  • @UzumakiheroGaming
    @UzumakiheroGaming ปีที่แล้ว

    This made my brain go 😮. It's like that itch I used to have for Minecraft now focused elsewhere

  • @_Geist
    @_Geist ปีที่แล้ว

    this brings me back to my furcadia days. :] so satisfying.. excellent tutorial!!

  • @DangerSideburns
    @DangerSideburns ปีที่แล้ว

    i'm not a pixel artist and i'm not going to use any of this but I love watching it.

  • @orangerazzz
    @orangerazzz ปีที่แล้ว

    I could also see this be usefull for DMs in DnD, creating some simple buildings / structures to easier explain the terrain.😀

  • @ElDonitazz
    @ElDonitazz ปีที่แล้ว

    :ooo the best technique for isometric buildings!!!!