Isometric RPG Battle | Pixel Art Timelapse

Поділитися
Вставка
  • Опубліковано 18 чер 2024
  • This week I’m returning to some isometric pixel art study with a mock-up RPG-style battle scene! Follow along as I discuss the design approach and play with the secret extended Pico-8 palette!
    #pico8secretpalette:
    lospec.com/palette-list/pico-...
    ----
    0:00 Intro
    0:20 Grid and Framework
    2:36 Sprite Design
    6:24 Detailing the Battle Platform
    9:09 HUD
    9:27 Animation
    11:34 FINAL ARTWORK
    12:33 CRT Time
    13:07 VID OVER
    ----
    Check out my art here:
    / brandonjamesgreer
    / bjgpixel
    Shop:
    rdbl.co/bjgpixel
    ----
    Software used: Adobe Photoshop (CS6)
    Need help picking a pixel art program? Watch this: • What Program to use fo...
    ----
    Title sequence theme music by Failpositive:
    www.failpositive.bandcamp.com/
    / failpositive
  • Навчання та стиль

КОМЕНТАРІ • 168

  • @roastingnerd8545
    @roastingnerd8545 2 роки тому +362

    I challenge you to make pixel art with soft shading, just like the pixel style in Blasphemous or Castlevania. It eould be an interesting study.

  • @serpentsforhair
    @serpentsforhair 2 роки тому +222

    I used to do pixel art for fun in the 90s and had a "sprite adoption" webpage! Were you aware of those? People would "adopt" and collect sprites on their personal websites which were linked back to the creator's webpage (no hotlinking!) So you'd see a cute page (some people called them a "Toybox") filled with various little pixeled sprites or animated kaoani from different creators. Good memories! Anyway, even though I don't do pixel art anymore, I enjoy watching your videos thoroughly :-)

    • @BJGpixel
      @BJGpixel  2 роки тому +77

      Wow I've not seen those but that sounds really cool! I love the idea of being able to showcase a collection like that, and to have the adopted sprite linking back to the creator :D

    • @Amieee
      @Amieee 2 роки тому +4

      @@JamesTDG it really would

    • @TimConceivable
      @TimConceivable 2 роки тому +4

      bring back geocities!

    • @serpentsforhair
      @serpentsforhair 2 роки тому +12

      @@BJGpixel Back then it was just a fun novelty to have on your blogsite, but I can totally see it as a mini portfolio of sorts and a great way connect with other artists!

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

      @@unoriginalusername4416 Ah, cool cool I took a peep, would be interesting how they develop.

  • @saultoons
    @saultoons 2 роки тому +58

    Your pixel art is amazing but what is most impressive about this is how well you establish a world from your designs and characters. Looking at the final animation, I'm convinced this is not just a single screen game mock-up but a larger world that exists, with an environment, characters and creatures that could easily have full backstory and lore, and we're just getting a glimpse into that world with this piece. What do you think helps you achieve that?? Thanks for sharing Brandon, always blown away by your work!

    • @BJGpixel
      @BJGpixel  2 роки тому +15

      Thanks so much dude, that's exactly what I like to feel with my art as well! I can't say I've got all the lore _actually_ worked out for myself, but I thinks what helps to achieve the world-building aspect within a solo piece like this is finding the inspiration "along the way". I tend to look for connections within the aesthetic (in this case, as simple as "sci-fi fantasy" + "dinosaurs 😆) and then think about how to build upon it or just tie together existing elements. The real test will be to actually try and develop the idea some more to see what else is there! :D

  • @brentwalker173
    @brentwalker173 2 роки тому +6

    Tricerator and T. Commander are PERFECT names for those enemies.

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

      ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IM/v-deo.html

  • @jordiklavers9491
    @jordiklavers9491 2 роки тому +40

    I'm not into pixelart but watching these channels leave me no choice to get into it

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

      I used to dislike Pixel Art when I was young. But now at 20, I'm obsessed with Pixel Art

  • @crupplemcsplits792
    @crupplemcsplits792 2 роки тому +6

    Honestly, I would love if you expanded on this in another video. Maybe a boss battle or even new party members, there's just so much potential here.

  • @scrubsandwich1050
    @scrubsandwich1050 2 роки тому +6

    The love the use of the pico8 color palette with the often over looked extended palette. I’ve been using pico8 for like three years and it’s always nice to see art made with it

  • @CKTDanny
    @CKTDanny 2 роки тому +65

    Okay *wow* - the amount of attention to detail in this piece is phenomenal! Was this all done within the week? I definitely got that sense of an going battle in-game, so you achieved that effect nicely, with the animation sets you created 😁
    Also it was nice to see an alternative take on the Pico-8 palette! I appreciated the brief explanation of where the extended colours come from. Now I'm just curious to see how it's been implemented in some PICO-8 productions 😱✨

    • @BJGpixel
      @BJGpixel  2 роки тому +13

      Thanks so much! Yeah this was completed within the week; I originally thought it might be a static piece but going further with adding animation was really necessary to bring the concept to life :D
      Yeah the palette was awesome! Gonna have to look into how that works; it's funny reading about it because it sounds as if people just discovered these colours "hidden" within the program lol

  • @MisterTroglodyte
    @MisterTroglodyte 2 роки тому +16

    Pico-8 is still limited to 16 colors overall - you can use any 16, but not more than 16, on the same screen. For example, you can pick a color and remap that single color to be different colors on different levels and such. It’s a fun system - I’m working on a de-make of Mr. Do’s castle! 🤓

    • @retrocademedia-announcements
      @retrocademedia-announcements 2 роки тому +4

      I'm pretty sure you can swap entire lines between palettes to have both on screen at once. That sonic demo used it that way for dipping in and out of water

  • @unoriginalusername4416
    @unoriginalusername4416 2 роки тому +8

    The Gameboy Advance is such a cool era of pixel art to explore. It was like the hardware limitations all fell away except for the screen itself. The classic SNES approach still worked the best with the additional hardware mostly going to better effects animations or more parallax layers, but the internals were powerful enough to handle what were arguably 3D graphics (through raycasting and spritestacking, as well as the classic DK Country bitcrushed-render approach) on a much larger scale, so a lot of times you end up with these really fun or weird blends of the new and the old. I generally associate the GBA style with those disconnected styles, like how in the GBA Crash games the environments are these nasty crunched down textures, the UI is in sleek gradients, and the crates and characters are done in really crisp bright pixel art. Or in a lot of licensed games with 3D characters like Jimmy Neutron and Shrek, you'd get sort of dimly lit sprite-sheeted 3D renders walking around a really bright pixel art background. I can't say in good faith that it was nice looking all the time but it's a very distinctive look you don't really see anymore.

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

    that life bar animation of taking damage looks really nice. Definitely games should start doing that

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

    Amazing as always! I always look forward to watching your videos on Sunday mornings.

  • @garwert
    @garwert 2 роки тому +4

    A neat little proof of concept for a game. Good job, as always!

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

    Man’s helping us recreate the style of Mario RPG

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

    The health bar animation is super neat. And at 10:45 the arrow on the ground to show us what you meant. 😌

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

    Great job, man! I really like the way you make things look simple, but super beautiful.

  • @heello2u465
    @heello2u465 Рік тому +1

    I misread this twice.
    I did not see the humans at first, and thought we were going to get to play as little lizard armies fighting each other. And got disappointed.
    Then I realized it was just art.

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

    i luuuuuuuuuv this one! everything about it is so good! well done.

  • @DeadShot-zb2by
    @DeadShot-zb2by 2 роки тому

    Dude tbh I've learned so much from you and have seen huge improvements in my pixel art over the course of like a year and I hope one day I can make it look this easy lol your amazing!

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

    The FFTA vibe hits me during the animated time, I love it so much !

  • @7excess
    @7excess 2 роки тому

    Man, this channel is a gem. Thank you

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

    This is absolutely fantastic!

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

    Thanks, just recently got into Pixel Art and your channel has been an inspiration. :)

  • @kurocle
    @kurocle 6 місяців тому

    very good work guys! and thank you for the tutorial.

  • @Mattno.777
    @Mattno.777 2 роки тому +1

    This is awesome!

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

    How cool you do it! Very interesting! 🔥

  •  2 роки тому

    Awesome as always!

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

    Amazing work, of course!

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

    This is fantastic. I think I will try this too.

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

    You sir, are my hero. A billion thank you's - every video you post I learn so much, I can hardly believe! Best artist & best teacher 🔥

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

    Dang! You make it look soo easy 🤯

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

    Great looking piece!

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

    Gorgeous!

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

    simply awesome

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

    Oh I love this, I want to play this game now!

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

    I like this, this is cute and so cool

  • @dilsency6101
    @dilsency6101 2 роки тому +2

    The nostalgia for a game that doesn't exist.

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

    Pixel art and crt is an undefeated combo

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

    Making an isometric grid like that blew my fricken mind hahaha it seems so simple but I never thought about it before!! I can already tell that's going to help me out a ton :D

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

    Wow this was awesomeness

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

    love this art

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

    Thank you, Brandon! Really cool looking mock-up ;)
    I will try to repeat it soon!

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

      ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IM/v-deo.html

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

    Love this !
    Miss my Amiga and the deluxe paint files..

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

    It's super cool!

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

    So cool!!!

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

    you are just so talented wow

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

    Awesome!!!

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

    As someone who grew up on Final Fantasy Advanced Tactics and recently got into Tactics Ogre, I really love this, I'd play this game anytime!
    On another note, I made my first pixel art yesterday and find your content really inspiring. I was sort of losing momentum after I first attempt, but videos like this keep me going :D

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

    This is so CUTE :D

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

    Really nice!

  • @NaitsirhcCheck
    @NaitsirhcCheck 11 місяців тому

    Love the health bar idea

  • @xxsuperproductionsxx138
    @xxsuperproductionsxx138 Рік тому +1

    AMAZINGGGGGGGGG!!!!!!

  • @segamai
    @segamai 2 роки тому +5

    Great job, this reminds me a lot of Breath Of Fire 3! God I miss those games, what a shame how it went down with the last one they made (BOF 6 on mobile 🤮)

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

    love it .....i wish i could be this good

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

    This is superb. I love all of your work!!
    I wonder if you have any plan on doing some analysis on Ghost trick: Phantom Detective.

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

    Wow this looks really good!!

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

      ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IM/v-deo.html

  • @psychogaze
    @psychogaze 2 роки тому +6

    Great project! Wouldn't mind you just making a series of isometric rpg characters/enemies.

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

    EVERYTIME I watch a video of yours it inspires me to immediately start working on my Pixel art for my current game I'm developing (slowly, but surely it will get made). Keep this up!

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

      ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IM/v-deo.html

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

    Very nice pixel art.

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

    lovely
    :D

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

    FF tactics and megaman battle network are what I think of when I hear isometric game. Very nostalgic games.

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

    love the vibes of the videos man also I’m called branden 😂

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

    niiiiiiiiiiiiiiiiiiiiiiiiiiiiiiice thank you for the tips!

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

    Mega Man Battle Network is another good reference for isometric designs.

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

    This made me want to replay the final fantasy tactics games

  • @Logandroid
    @Logandroid 2 роки тому +2

    I love Benjam and Nell. It would be cool to see bigger more detailed sprites of them like the ones that appear during dialogue or the file select for some games.

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

    Reminds me a lot of Breath of Fire 3 on Ps1 (my wife and I just replayed it so could be a biasing factor!). Had a really cool 2.5D artstyle (2D sprites, 3D world)

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

    Reminds me of Golden Sun and Advanced Wars on the GBA. I love that style.

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

    You definitely should revisit this world sometimes it's really good

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

    So good :)

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

      ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IM/v-deo.html

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

    Now for an isometric action rpg!

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

    exquisite

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

    The squishing health bars are a pretty neat effect. I wonder why more games (particularly ones where not all units are onscreen at once) don't use something like that to indicate that unit X got damaged, maybe go do something about that.

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

    Until this day Nell and benjam are still said that they keep fighting the overgrown dinosaurs

  • @katherinedobbs52
    @katherinedobbs52 2 роки тому +21

    I've been doing more isometric stuff lately, and it's so validating to see that your workflow is similar to mine! Your ideas are always so fun and creative - what inspires them?

    • @BJGpixel
      @BJGpixel  2 роки тому +10

      That's awesome, I'm also glad to hear about the shared workflow! And thanks, a lot of my ideas are inspired by games/movies/aesthetics I like - for this one there's some Final Fantasy and Breath of Fire influence, with a touch of sci-fi thrown in for good measure :D

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

    Good job man

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

      ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IM/v-deo.html

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

    Legends say, Benjam and Nell are still fighting...

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

    wow.. another game I wish would exist *_*

  • @LukeHwarang
    @LukeHwarang 2 роки тому +2

    Always a very polished work! I would love to see a Sprite Analysis video about King of Fighters XIII characters like you did for Megaman, Street Fighter and the ninja turtles. o/

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

    Muchas gracias

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

    I feel like it would advantageous to save a separate file of the isometric grid to remove some of the tedium of the prepwork. Like as an asset.

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

    its really cool to see the art on a crt afterwards bc you see just how much dimension that display adds to pixel art. it looks more fully rendered that if you're seeing only the sharp pixels and i really like how you include that. also i was wondering how do you do your timelapses at the end? do you stop and take screenshots ad every stage as you're working or do you glean them from the footage you record for the video? i really love how you put them at the end of the video so we can get a brief overview of how everything comes together.

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

      If I remember right, he copies his progress to extra layers in Photoshop and make the time lapse from them. Unfortunately I don’t recall where he explained that.

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

    Hi Brandon! I was wondering if you could make a study of the upcoming game Eastward? I think it has a very modern and distinct style to it, especially its color palette, and the character design is what makes it unique. Also, I think the Asian futuristic environment is something that resembles some of your work so it would be cool to see you analyze it or make something similar.

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

    video suggestion:
    try making isometric platform but kinda looks like the Penrose triangle, cube, etc.
    it would be interesting to pull off

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

    You should try "sub-pixel animation" It's a pretty useful and interesting technique used in some games like Metal Slug and Nuclear Throne

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

    Awesome work!
    I loooved FFTA's art style, are there many other GBA games that made use of an isometric perspective?

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

    Cool

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

    You always make such good pixelart. Do you make Games too?

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

    This is great! I definitely enjoy the isometric grid being a somewhat skewed ten by ten. Oh, what was the final number of frames for the animation loop? I'm guessing 24 as the focus is on four characters attacking and reacting...

    • @BJGpixel
      @BJGpixel  2 роки тому +2

      Thanks, it ended up being a really comfortable sizing! And you're absolutely right, it's 24 frames! ✌️😊

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

    Great work, as usual! Do you have a background in art or is this something you picked up as a hobby?

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

      Both, AFAIK. He has some sort of background in non-pixel art, tho I don’t recall what. Sometimes he mentions general art principles that he’s using. And I believe he picked up pixel art as a hobby.

  • @MaxwellCatAlphonk
    @MaxwellCatAlphonk 11 місяців тому

    "Give the yellow lizard long pointy ears with white rings on them"

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

    Poggers

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

    hears a fun challenge
    make nano as a celeste character
    i just want to see nano in a different game style

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

    This is honestly incredible. It wouldn’t look out of place on the GBA 😍
    Where is the battle music that you used from? Did you compose it yourself?

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

      ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IMh/v-deo.htmlttps://ua-cam.com/video/hjh2JPy-3IM/v-deo.html

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

    hey man love the art and your timelapses. What program would you recommend for pixelart in an ipad? procreate or pixaki or anything else?

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

      I’m hardly an expert, but I would avoid Procreate for pixel art. There are a few tutorials on how to do it, but ultimately the way it handles things at the pixel level causes problems. Pixaki looks to me like the best, tho it’s a bit pricey. i bought it but I haven’t used it much yet because I took a break from pixel art shortly after. I can recommend the less-expensive Pixel Studio, with the caveats that the interface needs refining and doesn’t match iPadOS, the file-saving is weird, and it has a few other little annoyances that I can’t remember (some or all of these things may have changed since I last used it). But it’s quite capable and the developer seems enthused about his work. Most of the other apps I tried were too limited, broken, or wonky in some way.

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

    It would be cool if you did something like this in picocad (or however you spell it)

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

    I think it'd be great if you started showing your keyboard shortcuts on the screen, as I'm sometimes wondering exactly what you're doing!

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

    The player names could’ve been the perfect spot to put your name for sort of a “water mark”

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

    Can you remake any NES 80's games?. I love this competition, because it's very cool, it looks nice to you

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

    I liked the video and it helped me a lot although it is in English and I am Spanish