Modular Isometric Pixel Art | Tutorial

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

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

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

    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 ปีที่แล้ว +44

    "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 ปีที่แล้ว +460

    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 ปีที่แล้ว +100

    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~!

  • @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 💀

  • @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!

  • @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!

  • @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

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

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

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

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

  • @Kane_the_Newschool_DM
    @Kane_the_Newschool_DM 22 วันที่ผ่านมา

    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.

  • @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!

  • @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 !

  • @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

  • @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!

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

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

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

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

  • @peter8261
    @peter8261 9 หลายเดือนก่อน

    Hi Brandon: thanks a lot for showcasing this system for making isometric pixel art buildings. I've been compiling a bunch of notes and I'm planning on developing a story driven game in the next few years. I was contemplating maybe doing pixel art for the world design and I think this video just persuaded me. It might take me some time to make all the little pieces, but having a template of pieces I can pull from to make lots of different structures opens up an ability to make a quite large game world full of small towns and large cities.

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

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

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

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

  • @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.

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

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

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

    This looks like a really nice tool for brainstorming designs!

  • @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.

  • @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!

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

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

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

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

  • @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!

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

    i just got started on learning pixel art, i love your channel !

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

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

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

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

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

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

  • @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.

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

    This is absurdly satisfying to both watch and do.

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

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

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

    always so excited whenever you upload a video :D

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

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

  • @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

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

    Super dope Brandon!

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

    Thank you! You are so skilled and inspirational

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

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

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

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

  • @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.

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

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

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

    This is so cool, im gonna have to give pixel art a try now

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

    I like this concept! Makes me wonder if any studios have used this technique before 🤔

  • @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!!

  • @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!

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

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

  • @BVK.
    @BVK. ปีที่แล้ว

    YEEEESSS!!! This would do wonders for my cousin!

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

    The building block phase reminded me of the old ZX Spectrum Game 'Ant Attack'.

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

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

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

    Mans made an asset system for pixel art

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

    This is so cool! Thank you!

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

    thanks Brandon you helped me in my game a lot!

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

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

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

    це справді геніально та дуже просто у використаніі, дякую)))

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

    Very well executed!

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

    Really inspiring! Thanks!

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

    this is an awesome concept!

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

    It's similar how the old 1st person Dungeon crawlers were done where you create the illusion of 3d with modular blocks to create an infinite of maze layouts.

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

    yoooow! this is so informative. thanks for sharing

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

    Awesome video, truly inspiring and at the same time relaxing to watch ^^

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

    Cool idea for the isometric stuff. I am a lego fanatic so seeing this is like digital legos... but the artwork for "detailing" the pieces escapes me.

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

    This looks fun to do, I'm gona try it

  • @duartejerilson
    @duartejerilson 3 หลายเดือนก่อน

    you're a genius! thanks for share

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

    Your videos never fail to disappoint !

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

    Beautiful and so well explained! You’re as talented teacher as you are an artist. I would love to see how you approach isometric character designs, such as those in Final Fantasy Tactics Advance someday.

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

      Not quite the exact thing you're looking for, but he DOES have a video where he made an isometric RPG battle screen mock-up.

  • @chaos.corner
    @chaos.corner ปีที่แล้ว

    I wrote a program to do something like this on my ZX Spectrum back around '84. Only cubes. I still have the project I submitted for the class (all printed out on paper, of course).
    There were many isometric games at the time, many of them by Ultimate (who were responsible for Rare).

  • @wideface344
    @wideface344 4 หลายเดือนก่อน

    You are actually a god damn genius

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

    You make it look easy

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

    I wish you had an exhibition IRL and I could attend!

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

    I don't understand English very well, but this video is really VERY useful. Thanks! I wouldn't have thought of that myself :)

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

    i love pixels and voxels and now they've fused

  • @lyfe345
    @lyfe345 4 หลายเดือนก่อน

    using this for my game. thanks!

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

    Great video!
    Thank you!

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

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

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

    wow this is awesome!!

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

    This is so cool!!!

  • @EliezerGrawe
    @EliezerGrawe 4 หลายเดือนก่อน

    Nice technique. 🎉

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

    wow man nice tutorial
    ty

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

    Awesome!

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

    This kinda sounds like voxel art but with extra steps. Looks great though.

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

    Interesting way to draw!

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

    Is is awesome i love this idea and im definitely going to try it

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

    first of all nice to have you back!
    i want to know i simple thing !
    when i create a pixel art sheet , should i scale it up to be used in different game engines ? or should i just keep it at its size !

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

    This is so cool

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

    This is a good tutorial

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

    I would like to see how you made the vending machine asset here at the end

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

    "Superintendent! I was just uh... s-stretching my calves on the window sill! Modular Isometric exercise. Care to join me?"

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

    That technique would make a decent randomly generated pixel art city

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

    You could actually assemble a number of buildings pre-styling using smart objects.

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

    i love the way you speak

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

    thank you so much

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

    This is great. I've always loved isometric art but never had the patience to do any. Unfortunately I still use PSP 7 for all my pixel work because It still works with Windows 11 after all these years. I've tried many times to move to something else like Photoshop or Gimp etc, but struggle with all the keyboard shortcuts and to this day cannot get my head around layers. This guide seems to make layers really easy to use. Any chance you could show how you acheived this so easily with iso art? Regardless, this video gets a thumbs up and subs button hit from me. :)

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

    Knightlore! 🧙‍♂

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

    I'd spend hours drawing this kind of stuff on graph paper as a kid.

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

    Really nice video, thumbs up. May I ask, how you do these animations? Which software do you use and how do you did them, can you make a short video about that, please? Would be really nice. I would like to become an indie game dev sometimes in the future and therefore I would like to do some videos with explanations as well, but I have no clue whats the best or fastest way, to create some small explanatory 2D animations. Maybe someone else as a good tip for a tutorial for that as well from the community or yourself, I would appreciate it. Thanks in advance.

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

    love it