My Tileset Workflow (Pixel Art & Gamedev Tutorial)

Поділитися
Вставка
  • Опубліковано 21 лис 2024

КОМЕНТАРІ • 671

  • @ekkogaming5461
    @ekkogaming5461 4 роки тому +600

    "random colors" : makes a masterpiece

    • @uhitsethan
      @uhitsethan 4 роки тому +6

      beat me to it lol

    • @Allplussomeminus
      @Allplussomeminus 4 роки тому +16

      @@uhitsethan random colors AND random clicking... makes eye candy.

    • @safir2241
      @safir2241 4 роки тому +1

      oh come on it's a passable tileset

    • @junkeyz
      @junkeyz 4 роки тому +12

      @@safir2241 As a person who makes pixel art for a living, I have no fucking clue what you're talking about.

    • @safir2241
      @safir2241 4 роки тому

      @@junkeyz i'm saying that it's okay but definitely not a masterpiece, mr pixel art pro

  • @CouchFerretmakesGames
    @CouchFerretmakesGames 6 років тому +651

    The quality of this video and the final results are just overwhelming me. I can't handle it... Thanks!

  • @Sharkhead123456
    @Sharkhead123456 5 років тому +1388

    So i learned way more here than 2 paid online courses about pixel art...
    hm....

  • @MortMort
    @MortMort  6 років тому +455

    English is not my first language, Made a few spelling and pronunciations mistakes, my fingers are a bit fast on the keyboard, and I hope you understand everything.
    EDIT:
    why I don't flip the slopes, is because I would have to redraw the whole grass bit and it woundt look nice when tiling because the pattern would be mirrored, if you are not picky you can do that, but it will leave a obvious mirror pattern, and I don't like those.
    You can had used a transform tool if you are in a different software like Photoshop, that would have made it take less time, there are always different ways and workflows, this is mine. :)

    • @TechBlade9000
      @TechBlade9000 6 років тому +45

      Hey, even people who only know English make mistakes

    • @Ethan-ss8lb
      @Ethan-ss8lb 6 років тому +3

      Nathaniel Grizzle, Yeah, that's right

    • @vhworks3428
      @vhworks3428 6 років тому +11

      I wouldn't even imagine that English is not your first language.

    • @elemedhai
      @elemedhai 6 років тому +2

      Great Tutoral, Thank you!

    • @palegelewapelepaw6503
      @palegelewapelepaw6503 6 років тому +6

      MortMort you know MortMort in French means DeadDead

  • @boletarianbread7349
    @boletarianbread7349 2 роки тому +48

    Holy cow, this tutorial changed my whole outlook on how realistic it would be for me to make my own game assets, I cannot thank you enough for making such an approachable tutorial. I went from thinking I could never make a tileset to being able to make enough tilesets for an entire level in one video. Thank you for this.

  • @MissVirak
    @MissVirak 6 років тому +138

    Just yesterday I was so lost to making my tileset, because of my self-taught method on Photoshop, so I bought Asprite and planing to watch all of your tutorials about it, when I just finished to watch, here's come this new video, good timing for me! Thank you very much for all of your tutorials, you are a good teacher, good quality of video making, it really help me

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

    This is absolutely incredible. Everyone talks about how difficult and time consuming it is to make your own tilesets but after following along with this I made the perfect tileset for my game and only had to buy Aesprite (which was totally worth it).
    THANK YOU!

  • @kyyay-yt
    @kyyay-yt 5 років тому +42

    honestly i didnt think that grass looked good but then you turned on the 1x view in the top right and i was blown away

    • @popanda3652
      @popanda3652 3 місяці тому

      thats the trick with pixel art. make changes for its use case, not zoomed in super far. i try to get the preview to be the actual size it will be in game. also make sure you mix th epieces like you would in a game. for when your making more complicated tiles its super useful. like cobblestone for example

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

    This is one of the first videos I've watched when I got into pixel art around 3-ish years ago, now I find out you work at Mojang, godspeed my guy.

  • @Murphskipper
    @Murphskipper 5 років тому +26

    I was gonna complain about pixel art videos constantly being in my recommendations, but this video was pretty good. I don't do pixel art myself, but I'm sure this video would be super useful if I did!

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

    can't believe within 20 minutes I had a pretty decent basic tile set to work with. Such a fantastic tutorial; very glad to have found your channel

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

    This is easily one of the best tutorials I have ever seen on pixel art!

  • @mk-ul5tv
    @mk-ul5tv 5 років тому +77

    Dude... I think I love you
    I wanna make a game with my friend, he knows how to epogram, I know how to draw, but digital art is something new to me, but MAN did you just make things easier, thank you a lot

    • @mk-ul5tv
      @mk-ul5tv 5 років тому +6

      Oh I've been noticed by senpai~

    • @mk-ul5tv
      @mk-ul5tv 5 років тому +3

      Also, I wanna know your opinion, how do you know how big stuff is supposed to be? Like, I don't understand how much will be seen on screen when you finish, so I don't really know how much to put, like, you have games like kingdom enter the gungeon and shovel knight, and I don't really know how many pixels are there on screen at the time

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

      @@mk-ul5tv I'm pretty positive he has a tutorial on that topic in one of his playlists.

    • @neonkkn3881
      @neonkkn3881 4 роки тому +4

      Say no homo

    • @mk-ul5tv
      @mk-ul5tv 4 роки тому +4

      @@neonkkn3881 damn you're right, I forgot, now I'm the big gay

  • @Allplussomeminus
    @Allplussomeminus 4 роки тому +9

    If you wanna see better, go to: View > Grid > Grid Settings. For width and height put 8
    It segments the tiles out into finer chunks for easier selecting. Double click in any of the tiles to quickly select anything within that tile... Also, to toggle grid view: Ctrl + '
    One more thing... Ctrl + A to select all in the 16 x 16 project. You can easily see your bounds when drawing.

  • @spacecomplex7180
    @spacecomplex7180 5 років тому +16

    Doing a NES ROM Hack, my first project and i really want to challenge myself with a huge scope, but this means lots of work and time investment. You're showing me ways to improve and speed up things. Thanks a lot!

  • @MTreatVO
    @MTreatVO 11 місяців тому +1

    This is the first Tileset tutorial I have come across that actually answers all my questions. Thank you so much! Cant wait to build my first game with my own tileset!
    subbed

  • @daedreaming6267
    @daedreaming6267 5 років тому +13

    Software development tips for you guys:
    If you make your tileset symmetrical you don't even need to add the tiles for say both right and left. You can rotate them in code instead. Just keep one copy and you have more tilespace to work with. :)

  • @benh6379
    @benh6379 4 роки тому +6

    Hey, been watching your videos a lot lately and started my own game!! I just finished my own Tileset using this tutorial and it went by so fast and the finished product is something I'm proud of!!!

  • @EmberGlow_H
    @EmberGlow_H 5 років тому +3

    dude your pixel art tutorials are really helpful, im glad i found this channel tbh

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

    Just stumbled across this. This is the best workflow I've found so far. It starts at the beginning unlike others. Unbelievable. At the beginning! If you combine it with the current version of Aseprite it becomes a hit. Thank you!

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

    Thank you. Its my first time making a tileset. It turned out to be fairly easy, I just had to wrap my head around the fact that most of this used that one middle block and the patterns can repeat. That repeating pattern is quite charming to see in old videogames, now I see why they did it this way.

  • @Lionyxs
    @Lionyxs Місяць тому

    I've been struggling a lot with diagonals and slopes and this video just blew my mind! Amazing!!!

  • @wizzlez9615
    @wizzlez9615 6 років тому +15

    I just bought Aseprite and I'm so excited to start using it :D

    • @MortMort
      @MortMort  6 років тому +2

      Hope you'll enjoy it and have a lot of fun with it!

  • @estbroc9860
    @estbroc9860 6 років тому +1

    You are doing great at teaching your craft and art. I've doubled my knowledge on pixel art every day just from watching your videos!
    I look forward to the rest of your sessions.
    Thank you, Mort.

  • @SorceressGamelab
    @SorceressGamelab 6 років тому +16

    Whoo! I love your pixel art videos, please continue making these!!

  • @legrandmasmas5727
    @legrandmasmas5727 4 роки тому

    easily the best channel about pixelart on youtube

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

    Used this and turned a very frustrating process before into a rewarding one with actual results! Created my first tileset with this video! Definite sub now!

  • @ZenoDovahkiin
    @ZenoDovahkiin 5 років тому +2

    Damn, this is actually awesome. Props!
    Not many of these tutorials tend to actually help.

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

    That brush moment was INSANE

  • @RedMageGaming
    @RedMageGaming 4 роки тому

    i Think I just learned more in this one video than I have in about 300 other videos ive watched combined. Good show..

  • @K0BRAKID
    @K0BRAKID Рік тому +2

    fun fact! for the slopes or mirror images you can just copy, then SHIFT-H or SHIFT-V to flip Horizontal and Vertical so you dont have to do the same again! Loved the video!

  • @connorjones1992
    @connorjones1992 5 років тому +1

    MortMort is the Bob Ross of pixel art

  • @luziferkupfer
    @luziferkupfer 6 років тому +5

    This video came exactly to the right time. I just wanted to start making a tile set when you released your video. Thanks :-)

  • @ranska2506
    @ranska2506 4 роки тому

    You're definitly so strong at explaining thing. Thank's bro you're awesome !

  • @StellariaEclipse
    @StellariaEclipse 5 років тому

    Am an aspiring tileset artist. I knew most of this stuff already, but your guide on making slopes is really helpful. Thank you!

  • @jimb1453
    @jimb1453 4 роки тому

    Keep losing focus doing this on my own creating multiple tile sets, so just keep coming back to this video to walk me through it, finding I'm a lot more productive and less distracted by kitten memes etc. when watching this, so thanks a lot for the great tutorial 👍

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

    I'm so glad im finding the right people on pixel art! i love ur channel

  • @aseemlalfakawma5084
    @aseemlalfakawma5084 5 років тому

    Didn't know how powerful Aseprite is, really fancy features shown on this video. Also, it really shows that you need to know your software well to make things like this.

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

    Thank you so much for this tutorial! I learned so much.
    When it comes to long slopes: you can make one, copy and paste, select the second one: go to Edit/ Flip Horizontally..
    Laziness...

  • @rustyforge
    @rustyforge 4 роки тому

    Tilesets are one of my favorite things to create. Thanks for showing so much more than the creative process but the practical game aspect from 11:08 on.

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

    this video is so good man I swear I've watched it a hundred times

  • @Spookyn.
    @Spookyn. 2 роки тому

    MY GOD THANK YOU SO MUCHH!! never thought my tile sets would look that epic lol

  • @MikhaelHld
    @MikhaelHld 5 років тому +5

    I love you! Thank you so much for all the tutorials, they're so helpful and you're a great teacher!

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

    Thank you for making an easy-to-understand tutorial on this subject! Much appreciated!

  • @GadzyThePixelator
    @GadzyThePixelator 6 років тому

    BRUH. Why you so amazing? Your style of "just do" works so well and those slopes... Oh boy, dem slopes. They're so smooth... If I could hire you to teach me, I 100% would

  • @cyb_
    @cyb_ 6 років тому +2

    I cant believe what i saw...
    ITS AMAZING !!!!

  • @MaKetBLUE
    @MaKetBLUE 4 роки тому

    This is the best tileset tutorial I have seen on UA-cam. Thank you very much!

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

    This is still so valid until this day! The magic wand to make your tile into a brush was GAME CHANGING damn

  • @yusephmontages1243
    @yusephmontages1243 5 років тому +1

    Now i understand how fun it is doing tilesets!

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

    Singlehandedly made me wanna get Aseprite. Great stuff man, those tools look sooooo helpful.

  • @Kpackama
    @Kpackama 4 роки тому +1

    I followed through and created a lab/electric cirquit tileset for my first game!! Awesome! (No slopes for now though, I don't know how to handle movement on slopes anyway, lol.) Thanks for the neat video, it was a LOT of help!!! :)

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

    I had a LOT of fun following along with this and learning what you had to share, thank you so, so much~

  • @xeviusUsagi
    @xeviusUsagi 5 років тому +91

    I always thought I would never be able to create my own game because I just can't draw my characters or animated them
    I can make the music for the game
    Program it
    but the models?
    oof.
    but this is giveing me some hope that i will be able to do something good who knows?
    maybe one day I will manage to start a project!

    • @Kaiwala
      @Kaiwala 5 років тому +17

      As somebody who's struggled in the industry for a long time, just do it. Get out there, as early as you can, maybe even right now today, and just make something. Start making a tileset, start getting shit done. Even if it's bad, you'll be learning how to use the tools effectively so when you actually have an idea for a good project, you'll know the skills required to actually get it off the ground.
      I cannot stress this enough, avoid procrastination as much as possible. Don't say you will do something, go and actually do something.

    • @TempestKrimps
      @TempestKrimps 5 років тому +6

      ayy man i'm living that right now, a few weeks ago i just thought to myself "you know what, i'm gonna make a game and not give up on it this time" and, although it can feel hopeless sometimes, keeping a good mindset is what matters, so go for it!
      i personally am pretty happy with the results right now, but even if it doesn't turn out exactly how you wanted it to, at least you got the experience to make something better afterwards

    • @Kaiwala
      @Kaiwala 5 років тому +5

      ​@@TempestKrimps Exactly. I'd rather produce endless shit for the rest of my life with a chance to apply it to something amazing, cause then I at least feel like I'm being productive. Much better than doing nothing and binging UA-cam all week.

    • @popespalace823
      @popespalace823 5 років тому +2

      Undertale has terrible sprites and it's pretty successful. Just like make game bro.

    • @xeviusUsagi
      @xeviusUsagi 5 років тому +1

      @@popespalace823 aight, thanks I needed that

  • @joshb.9380
    @joshb.9380 4 роки тому

    Wow, just a fantastic video. Learned so much about making tilesets, and the Aseprite tricks were equally helpful. Thanks for this, MortMort. Looking forward to watching more of your tutorials.

  • @maxwellaiello
    @maxwellaiello 5 років тому +2

    Great video! If you want to save some work, you can do shift+h after selecting a slope to horizontally flip it.

  • @DavidsUternal
    @DavidsUternal 6 років тому

    It's nice to see more uploads from you, also you are the god of beautiful vibrant colors that aren't too vibrant and shading that contrasts just the right amount so the colors pop but not too much IT'S JUST SO PERFECT

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

      🐷🐷🐷🐷🐷🐷🐷

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

      @@SALEH3994 I made this comment 4 years ago. I hope your day is going well

  • @0DRONZER
    @0DRONZER 4 роки тому +1

    i do tilesets but for animations, and this video helps a lot

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

    we now know how to make platformer tileset! :D
    and the favourite bed roll of that white little thing down there...

  • @CESTLEDU
    @CESTLEDU 5 років тому +3

    You make it look so easy but when I made the tilesets for my game about a year ago I had sooo much trouble with it 😭 And it still doesnt even look as good as yours lmao I'm gonna have to work on it again now that I have your tutorial to help me 👊 thank you mort!

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

    I'm using this a as a guide to make tilesets for my first tileset for a real game.so thanks a bunch Mort.

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

    The slopes are cool unsure why you didn't just duplicate and flip though lol thank you so much for the awesome video!

  • @zaccreatives
    @zaccreatives 5 років тому

    niceee man i love the way you made the videos! so clean and the characters who appears on the corners talking to me like an rpg videogame! i love it!

  • @Playwallace
    @Playwallace 5 років тому

    Dude, that was yhe best video I ever seen about tileset. Congratulations, keep the nice work.

  • @trixelized912
    @trixelized912 6 років тому +4

    Another thing I really like about Aseprite when I make tilesets, is double-clicking on a part of a grid (to select it), then move it on the grid with shift+arrow keys. It makes it easy to just move stuff around :p
    Also Mort transforms into Bob Ross for a bit at 3:30

  • @derbybro
    @derbybro 4 роки тому

    Thanks man really helped me on my pixel art skills and definitely saved me days of working because Im not too good at this pixel art stuff instantly subbed

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

    Thanks for your video. It help me a lot. It taught me about what platform tileset is and how to build a tileset.Good job and keep up!

  • @Uradamus
    @Uradamus 5 років тому +1

    Very nice. A few little things though, you forgot the ceiling slopes and you technically don't need the center tiles below the top shallow slope tiles, so you can either delete those or make them variants of the center tile in order to break things up a bit with larger expanses of filler areas in your level designs. A lot of tile map editors can let you automatically specify alternative tiles and the frequency with which to add them in randomly in place of the default.

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

    I love this, first time doing a Tile set and omg bro this is amazing!

  • @lasdsfs1745
    @lasdsfs1745 5 років тому

    extremely useful for a novice like me, very detailed explanations with charming outcome, yet easy to follow, thanks.

  • @travelsizedlions
    @travelsizedlions 5 років тому +4

    Wow, I've gotta get me some of that Aseprite. I've been trying to fat finger through a tileset with my iPad and a free pixel editor.

  • @mochamadgalihramdhani7813
    @mochamadgalihramdhani7813 4 роки тому +1

    This video really gives me hope, i am programmer and i want to create my own games, but i know i can't make good games if i don't know how to draw. I am good at making sfx and music, but not in art. Thanks man, this video is so helpfull

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

    Still, after 4 years, It is a very helpful video. Thank You

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

    This video is so useful! Double click, tiled mode, tricks how to optimize your workflow. Thanks! 💛

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

    You also at 1:28 clicked view -> symmetry options and that made the trick of drawing things easier.
    Anyway great tutorial. Thank You.

  • @IvanIvan-nj2to
    @IvanIvan-nj2to 4 роки тому

    I just wanted to say thank you because I learned so much with this video and following along.

  • @pixelrabbit261
    @pixelrabbit261 5 років тому

    Awesome tutorial again dude. Never knew Aseprite was so useful.

  • @jordanbeaux306
    @jordanbeaux306 6 років тому

    I really like your job, the way of you show things simply is really interesting. It's funny because I have a Pixel Art Playlist but basically, 80% of it came from your channel so it's a bit counter productive but anyway, very cool work again :)

  • @fidgety48
    @fidgety48 5 років тому +2

    I really want to thank you, im working on a 16 bit game and this tutorial REALLY helped, 😀

  • @RockyWearsAHat
    @RockyWearsAHat 6 років тому +1

    Damn, I haven’t been here in awhile, brings back old memories :D

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

    I am forever grateful for this video. THANK YOU SO MUCH!!

  • @kristopherhokanson3796
    @kristopherhokanson3796 5 років тому +2

    Bob Ross of pixel art!

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

    Thank you, this helped me so much and I'm happy with my results even though this is my first time making a tile set!

  • @BatteryProductions
    @BatteryProductions 4 роки тому

    this video is saving my life in 2020... thanks dude!

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

    amazing tutorial best tiles ever seen

  • @TheEnixSquared
    @TheEnixSquared 4 роки тому

    this is such a great video, I actually managed to crank out a great looking tileset in about an hour!

  • @poofu2631
    @poofu2631 4 роки тому

    im so glad i found your channel! im learning a lot and you make it so easy to understand! keep up the good work

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

    Man, how you come up with such a cool workflow?! It's fantastic!

  • @SunflowerInYT
    @SunflowerInYT 6 років тому +82

    Idk which is more beautiful, the tile set or him

    • @MortMort
      @MortMort  6 років тому +32

      Kappa

    • @popespalace823
      @popespalace823 5 років тому +2

      Homosexual

    • @Rickinho3
      @Rickinho3 5 років тому +9

      @@popespalace823 *Saying a man is beautiful doesn't make someone gay, you degenerate. What are you, 8?*

    • @popespalace823
      @popespalace823 5 років тому +1

      @@Rickinho3
      It's gay.

    • @gabishgab9150
      @gabishgab9150 5 років тому +6

      Pope's Palace it’s not.. and how are you sure if the person you are calling gay is a guy

  • @Linuxdirk
    @Linuxdirk 4 роки тому

    This looks so great. I wish I had a reason to learn the skills for doing tilesets.

  • @flamekasai7211
    @flamekasai7211 6 років тому

    Amazing tutorial mort, cheers and keep doing such an amazing job.

  • @MattRoszak
    @MattRoszak 5 років тому +1

    This is super useful, thanks!

  • @TheEduHG
    @TheEduHG 4 роки тому

    I cant believe I learned it so fast. Thank you so much!

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

    10/10 tutorial. Thank you for your service.

  • @markcws5359
    @markcws5359 5 років тому

    Thank you for making this kind of quality video, i needed it for my first actual game

  • @-._.-._.-._.-._.-._.-
    @-._.-._.-._.-._.-._.- 5 років тому +4

    This video is amazing, and youre entire channel is really awesome! Thank you for creating suck a good content.
    PS : there is a video of vinesauce in the playlist "Pixel Art Tutorials"

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

    Thanks a lot I feel like my tile improved a lot with just a few changes

  • @justwantawholename
    @justwantawholename 5 років тому

    So for steep slopes you can actually do a trick that's a little faster. You can use your existing regular slopes, deselect the first column of pixels and shift down. However, now you can skip by two like you did for the original slope, and the math checks out. If you've already polished your first slope before doing this, then you'll barely have to polish your new steep slope.

  • @jameskhan5258
    @jameskhan5258 4 роки тому

    I just bought this app because of this video - awesome tutorial!

  • @gastonveliz1769
    @gastonveliz1769 4 роки тому

    thanks man, cool video, i can't believe i can make things like this until a finish the tutorial, u are a great teacher :D

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

    5 years later and not outdated! :D