Pixel Art Class - Isometric Tile Basics!

Поділитися
Вставка
  • Опубліковано 22 тра 2024
  • Welcome back, pals!
    This week, we're got a hotly demanded introduction to isometric perspective in games. I wanted to focus on tilesets for this episode, but perhaps in a later one we'll tackle character sprites and animation?
    Let me know what you want to see and I'll queue it up for upcoming videos.
    Thanks again for all of your invaluable support. I appreciate your enthusiasm for pixel art and your supportive comments!
    Sprites created with Aseprite : www.aseprite.org/
    Tilemaps made using Tiled: www.mapeditor.org/
    Check out Super Tiled2Unity here: seanba.itch.io/supertiled2unity
    Chapters:
    0:00 - Introduction
    0:45 - About Isometric
    9:09 - Making Your First Tile
    11:45 - Starting a Tileset
    12:54 - Elevations
    13:20 - Half Step Tile
    14:25 - Slope Tiles
    16:41 - Stair Tiles
    17:47 - Walls Tiles
    19:36 - Corner Tiles
    20:43 - Importing Into Unity
    21:52 - On Collisions
    23:19 - On Bespoke Isometric Art
    24:42 - Outro
    ----
    This video features clips from my stream. Catch it live: Mon, Tues, Thurs and Fri 1-6pm AEST.
    Twitch: / adamcyounis
    Twitter: / adamcyounis
    Discord: / discord
    Become a Patron at / adamcyounis
    Download assets and games from the stream at uppon-hill.itch.io/
    Later, pals!
  • Наука та технологія

КОМЕНТАРІ • 289

  • @XZaneLP
    @XZaneLP 3 роки тому +208

    No matter how much one is aware of how "simple" it ought to be, seeing it happen is a completely different thing. Thanks and keep these coming! ^^

  • @adamdoom7651
    @adamdoom7651 Рік тому +65

    a few days ago I decided to teach myself pixel art with asesprite, and thanks to you I am already animating. I am an 45yr old oil painter, and feel like I am back in art school. and am so excited to translate this to pixel art. Thank you, you are an amazing instructor.

    • @jayroi1814
      @jayroi1814 2 місяці тому

      >I am an 45yr old oil painter
      >an 45yr old
      Literacy doesn't check out

  • @polter5195
    @polter5195 3 роки тому +91

    I was literally thinking about trying some isometric stuff this morning, so you can imagine my excitement when this popped up in my feed. Verrrrry helpful as always Adam, thanks!

  • @arizahmad9850
    @arizahmad9850 3 роки тому +154

    Love this. Would love to see characters as well if you're planning it.

    • @whigmalwhim4760
      @whigmalwhim4760 3 роки тому +6

      The characters in the thumbnail are character sprites from Final Fantasy Tactics ( either the GBA version or A2 tactics). I would love to see a sprite work tutorial as well!!

    • @VoylinsLife
      @VoylinsLife 3 роки тому +4

      Seeing how we could make characters/sprites in this art style (isometric) would be very helpful ^^

  • @ThePixelExpedition
    @ThePixelExpedition 3 роки тому +4

    Overly tutorial, Adam! I've always loved the isometric style. There is something so pleasing about seeing the depth of objects and the world. Age of Empires was really my first experience with it and my love of strategy games.
    I would really love to see you do more with this style. Your little castle/dungeon isomeric art was stunning!

  • @Sundji
    @Sundji 3 роки тому

    I love the in-depth explanations before the demonstrations. I hate doing things without understanding the details so it helps a bit. I know there are inevitably going to be things that I don't quite grasp right away but your videos REALLY help.

  • @cassandra2037
    @cassandra2037 3 роки тому +1

    I am so glad you did an isometric pixel video! I would love to see you make a game In this perspective and am stoked to see more iso content from you! Love your work as always, thanks for sharing! :D

  • @llareia
    @llareia 3 роки тому +4

    Thank you for this! For some reason isometric always seemed like a daunting thing but as always you make it look easy and approachable. Also I love how you timestamp your videos.

  • @GaryParkin
    @GaryParkin Рік тому +10

    I know this is a year old but I wanted to thank you for sharing your art and how to make it. Coming from a 3D world, 2D is hard to wrap your head around but isometric perspective makes the transition feel better.

  • @blacknoisyblue
    @blacknoisyblue 3 роки тому +13

    I was literally working on an isometric drawing, thanks Adam!

  • @eyrifos
    @eyrifos 3 роки тому

    Thank you for all of your tutorials, Adam! I am most interested in isometric pixel art. I have just started dabbling in the pixel world as it is, and this reignited some much needed inspiration. :) I would love to learn more about isometric pixel art sprites/characters from you in the future. Can't thank you for your generosity enough.

  • @delta_yd
    @delta_yd 3 роки тому +3

    This is amazing. Thanks for bringing such a high quality content!

  • @rikman81
    @rikman81 3 роки тому +10

    Isometric is so fun because it's like playing with Lego but you can make your own bricks!
    Future videos on isometric characters and animation would be awesome.
    Thanks for the video, big fan of your content here and on Twitch.

  • @pixelricebowl
    @pixelricebowl 3 роки тому

    I'm currently working on an isometric game and the workflow ideas you have here will save me a lot of time. Thanks so much for this tutorial!

  • @nipixgames2292
    @nipixgames2292 3 роки тому +8

    This is one of the best videos I've ever watched. Congrats man! Now I want to give up of the game I'm developing just to create an isometric one haha

  • @DanielOliveira-rt1pq
    @DanielOliveira-rt1pq 3 роки тому

    This is perfect!! I always got overwhelmed by the amount of work while doing iso art so this come as a solution to the only barrier between me and exploring it xD superb content!!

  • @Verbalaesthet
    @Verbalaesthet 2 роки тому +1

    I always loved isometric view ever since I played Snake Rattle n Roll. This was so fascinating to watch. Thanks for the video.

  • @treyfore9512
    @treyfore9512 3 роки тому

    Love the video! Always been fascinated by isometric! Would love to see even more! Thank you!

  • @MaxYoung-Maxinfet
    @MaxYoung-Maxinfet 3 роки тому

    Great video, I have been trying to wrap my head about making isometric assets like this for a while. I have been using premade ones since I was not making progress on making my own so this really helped a ton. Also your content is by far the easiest to understand on this topic so thank you for taking the time to approach this from principles. Please keep up the great content and I hope to see more Isometric tutorials in the future!

  • @johnnyfreakdev
    @johnnyfreakdev 3 роки тому +1

    The quality of your content is astonishing!

  • @shrimp4328
    @shrimp4328 3 роки тому

    Dude your videos help so much its unreal. I absolutely love your channel.

  • @GreggBolinger
    @GreggBolinger 2 роки тому

    This is THE best tutorial I've seen on this process. Great job.

  • @billjspooner
    @billjspooner 2 роки тому

    Just discovered your videos Adam, love the way you explain and create. You are a calm, gently spoken god of the indie games world :)

  • @erc0re526
    @erc0re526 3 роки тому

    You're such a good teacher, thank you for sharing your knowledge with us!

  • @BiimGamesDev
    @BiimGamesDev 3 роки тому

    I was searching if I could easily find my Construct 2/3 Tilemap tutorials as first result and I have found this video.
    I couldn't believe that's you making these videos!
    Well done, by the way. The video is really helpful and goes a lot into the details.
    Hopefully see you again around in Sydney ;-)

  • @tyreldelaney
    @tyreldelaney 3 роки тому

    I would love to see you visit isometric again! I really appreciated this video! 🙏🏻
    One thing I would be interested in seeing is a workflow for creating isometric auto-tile tilesets. I'm finding it difficult to get nice repeating patterns without just a lot of manual trial and error.

  • @DerekLuetjen
    @DerekLuetjen Рік тому

    I really liked this video Adam and found it super helpful! I'm just starting out learning to make games and learned a lot of what I am going for from this.

  • @DanKayser
    @DanKayser 3 роки тому

    Thanks for sharing all your knowledge with us. Goshh this is magic!

  • @felipelopes3171
    @felipelopes3171 8 місяців тому

    This was one of the best videos I've seen in a while. Thanks youtube recommendations!

  • @BreakneckWalrus
    @BreakneckWalrus 3 роки тому

    Incredible video Adam. Please keep them coming! I love isometric games, and would love to make one someday.

  • @zoricgames
    @zoricgames 3 роки тому

    This has seriously helped me understand isometric really well. Thank you!

  • @JBartus913
    @JBartus913 3 роки тому

    I just subbed your channel a few days ago. I was also recently thinking I was going to try to do an isometric tactics like RPG but I didn't know where to start. Thanks for the video, the timing was perfect.

  • @eduardos7946
    @eduardos7946 3 роки тому

    Amazing video! Hope you keep doing more isometric tutorials. Keep it up man!

  • @matejzajacik8496
    @matejzajacik8496 4 місяці тому

    High quality video, concise, very well explained and put together!

  • @marilu597
    @marilu597 2 роки тому

    This is a lot of quality content. Thank you Adam!

  • @minorseven8134
    @minorseven8134 Рік тому

    This discussion about the advantages and disadvantages of isometric projections was really interesting

  • @rhnirsilva652
    @rhnirsilva652 3 роки тому

    dude this is the BEST isometric video i ever seen,,,, and I see a lot cuz I love isometric and wanna do a game with it but danm, you made it so much easier

  • @KrisHesselmark
    @KrisHesselmark 3 роки тому +37

    Adam. Can you please make all of the tutorials about everything? :D You are really good at explaining things!

  • @connorlawless235
    @connorlawless235 3 роки тому

    This was pretty much what I've been looking for for a while
    Thanks!

  • @lcsteam9310
    @lcsteam9310 3 роки тому +4

    thanks for this video Adam!

  • @shadyether1451
    @shadyether1451 День тому

    greatly appreciate wht you doing here

  • @FDark-wg6jz
    @FDark-wg6jz 3 роки тому +24

    Hey, it reminds me about old Digimon series. I really love pixel-art

  • @Mystical-TEDDY_
    @Mystical-TEDDY_ 3 роки тому

    This is a life saver man, I recently started trying to make my first game which is isometric, and this helped a lot

  • @jotaeagles8749
    @jotaeagles8749 3 роки тому

    Amazing! I really enjoyed it, basically these are the building blocks to come up with great concepts.
    I am looking forward to see more of this, for example drawing / animating a simple character and a monster in your sandbox isometric world.
    I am curious to know the steps you will take to make the player use the slope, stairs etc.
    PS: Let's home Aseprite devs release the tilemap feature soon, but using Tiled is a good trick.

  • @gauravsalunkhe4870
    @gauravsalunkhe4870 3 роки тому

    Totally and clearly understood everything. this video really motivated me to approach isometric art with a new perspective. Pls can you explain platformer tiles in a similar format. Thankyou very much and keep such fun and pixel art information coming!

  • @Strag440
    @Strag440 7 місяців тому

    Thanks. I ended up not using iso for my game cause of your intro and it saved me a lot of time.

  • @DjCtavia
    @DjCtavia 3 роки тому

    Best isometric pixel art tutorial seen so far!

  • @talia_scianna
    @talia_scianna 2 роки тому

    You are an excellent teacher. Thank you for this!

  • @Mercymurv
    @Mercymurv 9 місяців тому

    Very cool! I'm glad to have found this.

  • @aleks99800
    @aleks99800 3 роки тому

    I waited for something like this for so long! Thanks

  • @ironphan24
    @ironphan24 2 роки тому

    Great video. I learned a lot and finally was able to get started on this overwhelming task :)

  • @mmmmmmmmmmm10
    @mmmmmmmmmmm10 3 роки тому +24

    I like the way you explain things. You would make an excellent tutor or lecturer at a uni/school.

    • @AnoterosHershy
      @AnoterosHershy 3 роки тому +4

      Yeah for sure I'd have enjoyed uni so much more if he taught lol

  • @pietertalens1256
    @pietertalens1256 3 роки тому

    I would love to see more videos on isometric game design and production!

  • @ryukusu_luminarius
    @ryukusu_luminarius Рік тому

    Thank you for the explanation. It is really useful!

  • @darrellpidgeon6440
    @darrellpidgeon6440 Рік тому

    Playing with wood blocks was always fun as a kid. And now digital art helps recapture that joy.

  • @supertren
    @supertren 3 роки тому

    Thank you very much, now we want to see characters moving :)

  • @gargoyled_drake
    @gargoyled_drake 2 роки тому

    this was a cool showcase and good advices along the way too.

  • @iria9755
    @iria9755 2 роки тому

    Finally, I found someone who explains graphical projections in pixel art in a rational manner, with game design in mind, not only aesthetics. I am about to cry.

  • @paulvictor7489
    @paulvictor7489 4 місяці тому

    I'm using isometric at the moment for my game and one thing I really like is the ability to show height. In a simple sprite game making stairs, hills, etc in isometric are very easy to feel massive compared to platform or top down which can feel very flat in comparison.

  • @fishercawkey
    @fishercawkey Рік тому

    Awesome! I couldn't help but think "Marble Madness" as soon as I saw those ramps...

  • @orlandopimiento4492
    @orlandopimiento4492 3 роки тому

    Awesome art, me encanta tu arte 😍

  • @abyssianknight736
    @abyssianknight736 9 місяців тому

    watching those tiles turning into a level so quickly was magic

  • @greyrifterrellik5837
    @greyrifterrellik5837 2 місяці тому

    Small note on the "angles of movement" segment.
    This entire benefit goes straight out the window, with both cameras being equalized to 4 animation angles, if you have an asymmetrical character design.

  • @LukeF
    @LukeF Рік тому +3

    Love this tutorial! I'd be really interested on a crash course on Tiled, it seems like a really powerful program but I'm having trouble navigating the menus and setting up my first tile map like how you have here. Are there any tutorials you'd recommend?

  • @kit1427
    @kit1427 3 роки тому

    This is exactly what I needed, thanks!

  • @jordanfry2899
    @jordanfry2899 3 роки тому

    I started experimenting with isometric pixel art very recently. What a nice surprise to see this video in my feed!

    • @jordanfry2899
      @jordanfry2899 3 роки тому

      Wait why is everyone in the comments saying the same thing... That's weird. lol

  • @Admirablesmc
    @Admirablesmc 3 роки тому +2

    Wow im fast!
    Love your work, and im using your colorpalete 💖🤩

  • @adhdraw
    @adhdraw 3 роки тому

    love this, coincidentally helpful and timely ty

  • @IvanRadovanovic
    @IvanRadovanovic 2 роки тому

    Thank you for this. This was great.

  • @Armitox
    @Armitox 7 місяців тому

    Hey found your channel awhile been watching your stuff. I have just recently realized there was an art term for this. I've always been into architecture design and legos. never thought of looking for a term in art

  • @arsenbabaev1022
    @arsenbabaev1022 3 роки тому +7

    The nuclear throne for example uses only 1 animation and just flips it on X-axis. This style allows making only 1 animation top-down projection. works for 45 angle view i feel like/

  • @giraffe357
    @giraffe357 3 роки тому +1

    Love the videos and the haircut!

  • @michaelcross8392
    @michaelcross8392 3 роки тому

    Honestly there's two things on this I would LOVE to see. Movement on this if it had bridges and things. And the ability to rotate the map at like 45 degree intervals

  • @jamiebrownhill_
    @jamiebrownhill_ 3 роки тому

    This is really useful, thank you!

  • @spiritconsumer
    @spiritconsumer 3 роки тому

    Amazing sir. Thank you so much.

  • @flameofthephoenix8395
    @flameofthephoenix8395 Рік тому

    I self-taught myself how to do this, but the pit fall of that is that I don't have perfect measurements for the cube art, I just estimated what the cube should look like, and through a lot of trial, and error got some grid spaces that worked.

  • @chris.davidoff
    @chris.davidoff 3 роки тому

    I just spent the last 3 days hunting for information on isometric tiles. This is incredible! It's missing one thing though, drawing isometric tiles for Neighbour rules

  • @IAcePTI
    @IAcePTI 3 роки тому +3

    This is so good to create DnD maps :D

  • @tictactoc9311
    @tictactoc9311 3 роки тому

    Thank you for a great video!

  • @framex_media
    @framex_media 3 роки тому

    Great tut, thanks!

  • @ersatztutor
    @ersatztutor 3 роки тому

    Exactly when I needed it

  • @jura2997
    @jura2997 2 роки тому

    Best tutorial on youtube for isometric game.

  • @JohnTheRipper6
    @JohnTheRipper6 3 роки тому

    This was fantastic!

  • @bitmammothOG
    @bitmammothOG 2 роки тому

    This might not be totally relevant to what I am doing BUT you truly kick a** in your explanation!

  • @kaletchi
    @kaletchi 3 роки тому

    This is probably one of the easiest and simple isometric tutorials ive ever seen and im getting so many ideas. THANK YOU SO MUCH

  • @MrNickolay1986
    @MrNickolay1986 2 роки тому

    You, sir, are one skilled person!

  • @bastiendocquois2104
    @bastiendocquois2104 2 роки тому

    Amazing video, thanks a lot

  • @liquidtea9347
    @liquidtea9347 2 роки тому

    Thank you so much. I'm new to making games and no matter what I could Google, I could never find HOW to make a tile for a tilemap. Everyone only said that they imported a pre-made tileset. I've been bleeding my eyes out for 3 days straight with 0 progress just trying to figure out how to make a damn square. THANK YOU.

  •  3 роки тому

    Thanks for this awesome video

  • @TIR4NO
    @TIR4NO Рік тому

    I tried to follow the tutorial step by step, but I become crazy every time you do something between cuts of recording. Thank you very much anyway!

  • @artunblock9433
    @artunblock9433 2 роки тому

    Great tutorial

  • @reekooism
    @reekooism 3 роки тому

    useful and clear, thanks a lot

  • @lukethelegend8241
    @lukethelegend8241 3 роки тому

    thank you so much this was so helpful

  • @NWigi
    @NWigi 2 роки тому

    I learned a lot from you. Thank you soo much.

  • @christoffsmuts3343
    @christoffsmuts3343 2 роки тому

    Thanks I learned alot from this tutorial. Subbed.

  • @michaelwallace9461
    @michaelwallace9461 8 місяців тому

    I realise now that I used go do a tiny bit of pixel art back in the day on Civ2, editing the units and terrain for scenarios

  • @kukinhabh
    @kukinhabh 5 місяців тому

    Great video.

  • @WyMustIGo
    @WyMustIGo 3 роки тому

    Well done

  • @kielkaiser
    @kielkaiser 3 роки тому

    nice... seeing vids like this revive my wishes.... oooh how i wish to make an isometric game as tactics ogre.... one thing is keeping me far from doing it, is characters, im so bad at making em.... good video...

  • @XZaneLP
    @XZaneLP 3 роки тому +1

    As for things we may be curious about:
    How would one go about developing a semi-3D (world) map like Stellaris, Galactic Civilization etc. in Unity? What graphical elements and functions need to be considered, e.g. if rotating planets are to be put in a map with (later added) functions etc.?