Pixel Art Dirt Tile Tutorial | Here is How I Design My Tile Sets (Step-by-Step)

Поделиться
HTML-код
  • Опубликовано: 1 дек 2024

Комментарии • 177

  • @hanapixelme
    @hanapixelme  Год назад +49

    I hope you find this tutorial helpful! Here is the color palette I use for dirt tiles:
    Color Palette:
    #b8834a
    #a2733e
    #986639
    #855a46
    #72524c
    #584551

  • @jakesuninspireddevlog2894
    @jakesuninspireddevlog2894 9 месяцев назад +8

    This has definitely opened my programmer brain to how to do tiles and art. I can't wait to see more of these videos. You've been the best by far!

  • @Triple8_Extras
    @Triple8_Extras 6 месяцев назад +2

    "Which part was most helpful?"
    Everything from 0:00 to 15:32 😎👍
    But seriously, the video was really great!

    • @hanapixelme
      @hanapixelme  6 месяцев назад

      Haha omg u really cook with that 🤣🤣

    • @Triple8_Extras
      @Triple8_Extras 6 месяцев назад

      @@hanapixelme That's just how cool I am. (I'm actually just a nerdy idiot, but I can pretend 😂. Imagination is my biggest skill)

  • @nguyenminh2941
    @nguyenminh2941 Год назад +27

    Here before the local artist become global.

    • @hanapixelme
      @hanapixelme  Год назад +3

      haha thank you for the huge support! I sure hope so one day

    • @ultimaxkom8728
      @ultimaxkom8728 Год назад

      @@hanapixelme You can if you keep it coming.

    • @raildogameart
      @raildogameart 9 месяцев назад +2

      Brazil here😊 she is global

    • @WesleySantos-rn7cm
      @WesleySantos-rn7cm 3 месяца назад

      Hello, I'm from Brasil. Thank you for the tutorial. This is libresprite software?

  • @romanrioter5503
    @romanrioter5503 Год назад +27

    This was a fresh, unique way to do things and your narration was easy to listen to. Keep it up, I'm excited for the next installment!

    • @hanapixelme
      @hanapixelme  Год назад +3

      Thank you I sure will create more in this kinda style

  • @artemouse4133
    @artemouse4133 2 месяца назад

    Just wanted to say the breathing room concept was eye opening for me! I always finish a tileset and every time I realize I've made a terrible mistake and the character's going to get lost in the environment, but this video gave a lot of useful tips, so thank you for that!

  • @theaveleation4983
    @theaveleation4983 4 месяца назад +2

    Hey I am learning Gamedev and just recently stumbled upon your channel and I just wanted to thank you for these pixel art tutorials they are very helpful to me. Your tutorials are really amazing.

    • @hanapixelme
      @hanapixelme  4 месяца назад +1

      @@theaveleation4983 thank you so much!! I’m glad the tutorials helped u out 😊😊😊 and good luck on ur pixel art journey 😝

    • @theaveleation4983
      @theaveleation4983 3 месяца назад +1

      @@hanapixelme Thankyou. I hope your channel grows well too.

  • @randomamplifierJunior
    @randomamplifierJunior 10 дней назад

    Thanks for the video! I love it. I was looking for some resources on ps1-like textures for 3d models and this works perfect for low poly environments!

  • @bellavita4715
    @bellavita4715 2 месяца назад

    The best tutorial i have seen! Great!!!

  • @BauMaker
    @BauMaker Год назад +5

    Your art style is fantastic, and the tutorial is incredibly useful. Thank you for sharing!

    • @hanapixelme
      @hanapixelme  Год назад

      I’m glad the tutorial helped you out ☺️

  • @miraorel7332
    @miraorel7332 3 месяца назад

    This was all super helpful since i just started making 2d pixel textures, so thank you for this useful tutorial

  • @igry_s_drevnego_kompa
    @igry_s_drevnego_kompa 2 месяца назад

    Thank you for this tutorial! Extremely useful! I've just started learning pixel art (and art in general) and I'm struggling with things like clouds and water. I'm sure you could explain those things perfectly!

  • @squeeler1598
    @squeeler1598 Год назад +7

    Thank you so much. The tutorial covered a subject that I haven’t seen a lot about yet. And the quality of your video is really nice, I would definitely watch more tutorials from you if you end up making them :D

    • @hanapixelme
      @hanapixelme  Год назад

      Thank you Yes! I'm currently making more tilesets tutorials right now haha! Hopefully they'll make everyone's pixel art journey a bit better!

  • @3mptysh3ll38
    @3mptysh3ll38 Год назад

    I love the aesthetics your tilesets have! They give me Pokémon Mystery Dungeon vibes

  • @moisesabraham8667
    @moisesabraham8667 Год назад +1

    Clear instructions and straight to the point! Please keep making these!

  • @unclejacksimulations9423
    @unclejacksimulations9423 Год назад

    What a TASTY tutorial geez. Keep at it! Your channel will blow up.

    • @hanapixelme
      @hanapixelme  Год назад

      Thank you so much! I’ll post more 😝

  • @bahrainhasnan
    @bahrainhasnan 9 месяцев назад

    A great video for a first tutorial. Thanks for sharing the knowledge!

  • @mac.ignacio
    @mac.ignacio Год назад

    I love this tutorial. You are my savor. Please continue doing this.

  • @oilywalrus
    @oilywalrus 7 месяцев назад

    you blew me away with your skills and teaching ability. cant wait to start my own tile sets!

  • @Selmeras15
    @Selmeras15 Год назад

    Very good job. You are on track! This is great. Thank you. Love the little monster. I feel at home here. If you keep at it, this channel will have great success. Wish you the best. See you soon

  • @Louis-nh1ei
    @Louis-nh1ei Год назад +1

    Great stuff, really made my pixel art compréhension level up

    • @hanapixelme
      @hanapixelme  Год назад

      I’m glad the video helped you out, stay tuned for more!

  • @imeprezime6108
    @imeprezime6108 Год назад

    i cant believe im your 180th sub, you deserve more ngl

    • @hanapixelme
      @hanapixelme  Год назад

      haha thank you! I guess time would tell 😉for now, I'm just glad that I could help everyone out!

  • @KenAshworth
    @KenAshworth Год назад +2

    Loved the tutorial, been working on some assets for an isometric game and I can never get the dirt to look right. I’ll have to give this texturing approach a shot!

  • @jericolandry9872
    @jericolandry9872 Год назад

    Very cool stuff! There isn't enough female Pixel Artist content. Subscribed and looking forward to more!

  • @OldHeadTrivia
    @OldHeadTrivia Год назад

    Wonderful teaching, i love how you explain the concepts. It’s easy to understand and I’ll be able to apply these core concepts to other things as well. Thank you so much!

    • @hanapixelme
      @hanapixelme  Год назад +1

      Thank you so much 🥰 I’ll try my best to explain as much as I can in the videos!

  • @BeBayStudios
    @BeBayStudios 8 месяцев назад

    Your videos are great. Please keep it up.
    I'd petsonally love to see tutorials on isometric tilesets and animating trees

  • @ooy-k2j
    @ooy-k2j 2 месяца назад

    Great tutorial👍 and i love your voice

    • @hanapixelme
      @hanapixelme  2 месяца назад

      @@ooy-k2j Hahaha thank you so much 🥰🥰🥰

  • @BenjaminAlternate
    @BenjaminAlternate Год назад

    Your narration and video quality is so GOOD

    • @hanapixelme
      @hanapixelme  Год назад

      Thank you

    • @BenjaminAlternate
      @BenjaminAlternate Год назад

      @@hanapixelme np! I've been trying to get my pixel art out there.. so seeing you boldy show your skill and teach other people inspired me!

    • @hanapixelme
      @hanapixelme  Год назад

      @@BenjaminAlternate Haha your words make my day! Others sharing their stories inspires me too. And hopefully one day I'll be able to see yours

  • @dyegoeduardosantossilva3659
    @dyegoeduardosantossilva3659 Год назад

    Just watched this video and loved the content! This actually fell from haven for me since I'm starting to make a game right now and I've been having to learn a lot of pixel art...
    Look foward to watching the other videos!

  • @mokamp4
    @mokamp4 Год назад

    😮 this is the channel I've been looking for. Keep it up!

    • @hanapixelme
      @hanapixelme  Год назад

      thank you i'll try my best to deliver good tutorials haha

  • @ericleon-gamedev3930
    @ericleon-gamedev3930 Год назад

    bro this is one of the best tutorials I have seen on pixel art! So in-depth, great work! Please do more tile-set examples, grass, water, larger objects, etc..

    • @hanapixelme
      @hanapixelme  Год назад +1

      thank you so much i'll sure do

  • @jsx0328
    @jsx0328 3 месяца назад

    Thanks for this awesome tutorial. Quick and dirty!

    • @hanapixelme
      @hanapixelme  3 месяца назад

      @@jsx0328 haha thank you 😝

  • @nomiki8436
    @nomiki8436 Год назад

    I like the style of your art fellow game dev... I ll follow for later reference :)

  • @radioactivegarbage_punk5645
    @radioactivegarbage_punk5645 15 дней назад

    invaluable video tbh

  • @danielsilvaferreira6255
    @danielsilvaferreira6255 Год назад

    this video is amazing, thanks for sharing your knowledge

  • @dumpstercat2229
    @dumpstercat2229 Год назад

    An amazing tutorial I will keep in my tool belt. Thank you!

    • @hanapixelme
      @hanapixelme  Год назад

      Glad you like the video there will be more to come!

  • @enzofuentes939
    @enzofuentes939 Год назад

    I am new to all this, I hope I can learn lots from you. Your pixel art looks fantastic btw

    • @hanapixelme
      @hanapixelme  Год назад

      Thank you so much! I know that starting out is going to be hard but u’ll improve a lot in this time period~ so keep records of your work from now and maybe in a month you’ll see how far u’ve gone. Good luck! 🥰

  • @benfever2441
    @benfever2441 Год назад

    Would love to see a video on the grass. Looks great. Thanks for the video!

    • @hanapixelme
      @hanapixelme  Год назад

      Thank you so much I'll plan for those soon

  • @loneWolf19641
    @loneWolf19641 Год назад

    This is a good video, the information was helpful.

    • @hanapixelme
      @hanapixelme  Год назад

      I'm glad that the video helped you out stay tuned for more

  • @slayqueen2942
    @slayqueen2942 4 месяца назад

    Thank you so much this video helped me out a lot!

    • @hanapixelme
      @hanapixelme  4 месяца назад

      That's awesome! I'm glad it helped

  • @the-gaming-doc
    @the-gaming-doc 11 месяцев назад

    You're sooo good, thank you for the tutorial!!

  • @UnicornStorm
    @UnicornStorm 2 месяца назад

    damn, that's some gorgeous dirt

  • @happycrabgames
    @happycrabgames Год назад

    Excellent video! I needed this! Thank you so much.

  • @GameDocs
    @GameDocs Год назад

    Great tutorial!!!
    Amazing pixel art!
    please make color palette making tutorial!

  • @user.-795
    @user.-795 7 месяцев назад

    keep going i like your tutorial

  • @duckdialectics8810
    @duckdialectics8810 7 месяцев назад

    Very good work, I am just starting out, and you explained it really well

    • @hanapixelme
      @hanapixelme  7 месяцев назад

      Thank you so much 😊

  • @futrn
    @futrn Год назад

    I really like your artstyle! Hoping to see more content as a new suber :)

    • @hanapixelme
      @hanapixelme  Год назад

      Thank you so much Will try to make more videos haha

  • @JordanMetroidManiac
    @JordanMetroidManiac Год назад

    Only 550 subscribers? You’re a fantastic artist, so if you keep putting out videos, you’ll reach 10k quite easily. Thanks for the video!

  • @RepentanceH
    @RepentanceH Год назад

    I enjoyed that a lot. If you're still looking for ideas on tutorials I'd love to see a video that walks you through making your own colour palette.
    Every video I've seen gives tips or explains colour theory but doesn't really go step by step in making a palette

    • @hanapixelme
      @hanapixelme  Год назад +1

      That does sound like a cool idea I'll put it on my list. And thank you for the suggestion and the support!

  • @weihaihe9839
    @weihaihe9839 Год назад

    You are awesome! Keep up the good work❤❤

    • @hanapixelme
      @hanapixelme  Год назад

      Thank you so much I'll try my best

  • @Toxicmiky
    @Toxicmiky Год назад

    I just discovered your channel and this is really amazing ! :D I hope you'll do more tutorials :) They are so helpful !

  • @xxyoboigxx
    @xxyoboigxx Год назад

    Hi effort vid with a fantastic and cohesive tutorial. Amazing job and I'll be subbing for more content like this 😃

  • @andrewmenees473
    @andrewmenees473 Год назад

    I would love to see how to use this as a tileset and actually apply it within a game engine. This is great!

    • @hanapixelme
      @hanapixelme  Год назад +1

      Thank you! I'll think about making a demo for the dirt tileset

  • @IndieDev
    @IndieDev Год назад

    Thank you for your excellent tutorial!

  • @PhamXuanHoaSwinburneHN
    @PhamXuanHoaSwinburneHN Год назад

    Thanks for sharing this!!

  • @Cloud-Yo
    @Cloud-Yo Год назад

    amazing tutorial, thank you.

  • @BenjaminAlternate
    @BenjaminAlternate Год назад

    mmmm the pixel art itself is very crunchy!

  • @OrdoSanctaeCrucis
    @OrdoSanctaeCrucis Год назад

    Amazing tutorial! ❤

  • @LukeloLuke
    @LukeloLuke Год назад

    Ty for the tutorial!

  • @StephaneSavona
    @StephaneSavona 9 месяцев назад

    I love your video ! Thanks !

  • @spacecrabmusic2099
    @spacecrabmusic2099 5 месяцев назад +1

    THX ❤❤❤

  • @LaserGadgets
    @LaserGadgets 7 месяцев назад

    I am still wondering...trees are larger than my character. I can't really make them all 16x16 right? Irritates me a bit.

    • @hanapixelme
      @hanapixelme  7 месяцев назад +1

      Yes, usually if you want them to have realistic ratios then you would have them in different sprite size. Maybe, if the character is 16x16, then you can have the tree size at around 48x32 or 32x24 (or at random sizes too but generally, something like that). But if your trees are bound to a tile, or you intend to make tree as a tile (like how we see of ground tiles/grass tiles) then you can have it sized at a multiplication of a tile. Say your tile is 16x16, a tree tile can take up 2 tile tall and 1 tile wide, so that's 32x16. Really depends on what and how you want to use the tree in your game. Hope that helps :D

    • @LaserGadgets
      @LaserGadgets 7 месяцев назад

      @@hanapixelme Hm, I think it makes sense to add the trees as prefabs instead of tiles. I am just not sure how well that might work when I gotta scale them up or down a lil bit ._. I am the typical overthinker you know. Maybe I am thinking about stuff that is not even a big problem.

    • @hanapixelme
      @hanapixelme  7 месяцев назад

      @@LaserGadgets you can have different tree variations to accomodate for the different sizes and stuff. Usually you would want the pixel size on the tree to match up with the pixel size on the character. But depending on your project scope. If its just a little shrinked then it might not be that big of a problem!

    • @LaserGadgets
      @LaserGadgets 7 месяцев назад

      @@hanapixelme That is exactly what irritates me. The tree is maybe 2 to 3 times bigger, so it needs more details ._. how can it be the same pixel size canvas? A small character works in 16x16 but how can I make a building in 16x16 or even a tree?

    • @hanapixelme
      @hanapixelme  7 месяцев назад

      ​@@LaserGadgets well what i meant was the size of the individual pixel in the sprite (the size of 1 pixel in the 32x32 sprite tree should be the same as the size of 1 pixel in the 16x16 character sprite, not the sprite itself being the same size). cause when we scale the sprite in the game engine (making the tree 1.5x bigger than the original sprite drawing), the individual pixels are skewed compare to all the other unscaled sized sprites.
      the sprite size of the tree can be bigger than the character.

  • @googuy58
    @googuy58 Год назад

    really nice tutorial 👌

    • @hanapixelme
      @hanapixelme  Год назад

      I'm glad you enjoyed the tutorial

  • @LifePlusPixelArtGames
    @LifePlusPixelArtGames Год назад

    I love your little critter it is just so cute! The tutorial was really great and very helpful, thank you. Does your little critter have a name?! 😮

    • @hanapixelme
      @hanapixelme  Год назад +1

      Thank you so much I haven't had a name for it yet haha. Do you have any suggestions?

    • @LifePlusPixelArtGames
      @LifePlusPixelArtGames Год назад

      Your little critter is your little helper friend that's so nice. How about Crinite? It means having hairlike tufts; hairy .... Or Pix? Like... Hana & Pix? The ultimate duo! 🎉❤ Ultimately you should pick something you'd love 💕!

    • @hanapixelme
      @hanapixelme  Год назад +1

      @@LifePlusPixelArtGames ooh that sounds so cute. I actually never thought of that

  • @ZedAmadeus
    @ZedAmadeus Год назад

    Great video!
    If you were making this for a game, how would you do those "moments of rest" the chunks of flat dirt to break up the pattern?

    • @hanapixelme
      @hanapixelme  Год назад +1

      I guess in this video this was a bit under-explained. Normally I would still do it that way, but then I'll pick out the tiles that I like and then I'll mark them as - say Dirt Tile Variation 1, Dirt Tile Variation 2...So I have more control over the number of variations I have. Then I make sure these variations are connected together, which means no cut-off details when going from one tile to another. The second approach is like what I explained in the grass tiles video. Hope you find it helpful!

    • @ZedAmadeus
      @ZedAmadeus Год назад

      thank you, that's super helpful! I'll check out that other tutorial :D@@hanapixelme

  • @BigIndianBindi-jy1cz
    @BigIndianBindi-jy1cz 10 месяцев назад

    great work

  • @artunblock9433
    @artunblock9433 Год назад

    Nice content 👍

  • @SmallsTheKid
    @SmallsTheKid Год назад

    After you covered a wide area to break up the pattern, how did you use those tiles in the next larger scene and get them all to match up? how do you use a few tiles of a scene to make a larger tiled scene that still fit together without pixel lines and tiles that don't match up?

    • @hanapixelme
      @hanapixelme  Год назад +1

      Yes i think thats a good question. I believe I’ll make a video specifically covering tile variations and how to make it seamless. But basically u would want all tile variations to have the same connecting lines on 4 sides, so they could line up. Usually u can make the connecting lines much lighter or faded, so that if a tile doesn’t connect to the other, it can just be a subtle pattern faded into the big chuck of dirt. Thats the idea. You can draw out a few variations and see which pieces might match together. I hope this is a bit more clear.

  • @muhamedadel5859
    @muhamedadel5859 5 месяцев назад

    Very nice content, You might want to lower the music volume and speak up a little bit loudly. Overall the content is very helpful and easy to follow.

  • @amicitia85
    @amicitia85 Год назад

    crazy good guide. backround music was bit depressing. nevertheless i will definitely watch more tutorials from you.

    • @hanapixelme
      @hanapixelme  Год назад

      thank you so much I'm about to publish another one soon!

  • @pranavborse91
    @pranavborse91 Год назад

    really cool, could you do a cave tileset next?

    • @hanapixelme
      @hanapixelme  Год назад +1

      Good suggestion! I'll look into it

  • @mac.ignacio
    @mac.ignacio Год назад

    I subscribe before you get a lot of subcriber.

  • @generalsub7
    @generalsub7 Год назад

    Thanks 🎉

  • @theEldarStrategy
    @theEldarStrategy Год назад

    nice work

  • @Alexfexvix100
    @Alexfexvix100 Год назад

    Naaaah, you having 700 subs is criminal

    • @hanapixelme
      @hanapixelme  Год назад

      aw shucks I'm super flattered!

    • @Alexfexvix100
      @Alexfexvix100 Год назад

      If you keep doing videos like this you're golden

  • @dantenage9687
    @dantenage9687 Год назад

    You're awesome

  • @devillas2342
    @devillas2342 Год назад

    Great tutorial! I don't think bottom outline 9:41 feels right, to me looks like its floating, i usually don't use bottom outlines if object is on the ground, but it could be your preference.

    • @hanapixelme
      @hanapixelme  Год назад +1

      That's a great suggestion! Maybe I'll try out that style in future videos

  • @nucrow4729
    @nucrow4729 5 месяцев назад

    I order you to make more videos! NOW

    • @hanapixelme
      @hanapixelme  5 месяцев назад

      Haha on my way to 😂🫡

  • @ТимСойер
    @ТимСойер Год назад

    Очень хороший урок)

  • @Eepistoo
    @Eepistoo Год назад

    Breaking the repetitions was bit short and not very clearly explained. I would prefer to make variations from the original with the same side connection points and there include "the eye resting" places in variation tiles. Not sure how well it works to stack up tiles endlessly with this your method.

    • @hanapixelme
      @hanapixelme  Год назад +1

      Yes, generally, to make these tiles look seamless, we gotta plan it out like that. I might explain in another video about how tile patterns work when they are repeated over a larger space as it is somewhat more advance I'd say. But for now, in this video, I'll keep it simple with how to draw the pattern first and how we should imagine the ground area.
      Btw, thank you for the suggestions, I'll keep the in mind when making future videos

  • @barrickfischer
    @barrickfischer Год назад

    What's the app you're using for pixel art?

    • @hanapixelme
      @hanapixelme  Год назад +1

      I’m using Aseprite

    • @barrickfischer
      @barrickfischer Год назад

      @@hanapixelme i was planning to create pixelated assets for my game design course. My professor's the gamer-type and sees that I'm fond of retro games. Which is why he recommended me doing pixel-based games. Btw, is Aseprite free?

    • @hanapixelme
      @hanapixelme  Год назад

      @@barrickfischer Oh cool! Ye pixel-based games is a good start! You can get Asepirte on their website for about $20 or on Steam, but price on Steam will vary based on where you live. I think generally Aseprite is a good program cause it has all the features needed to make game tilesets and animations (+more features in the beta version). There are some alts, you can check it out here in this video ruclips.net/video/90BghUX7SD0/видео.html
      you can find which program suit you best. Aseprite is a popular choice, but you might have personal needs that other programs can offer.
      Anyways good luck on your game dev journey! If you ever want to share something you can send me a message!

  • @Jono1982
    @Jono1982 Год назад

    how could i add seeds for a farming game?

    • @hanapixelme
      @hanapixelme  Год назад

      Hi Jono. Good question! I believe farm tiles will have a different design (usually more uniformed), which will allow you to place 1-4 seeds/crops per tile. As for seeds, they will be on a different sprite. The sprite will have, from top to bottom, the crops/seeds and the dirt hole or dirt pile. Here is a reference: twitter.com/mieatra/status/1674734653331357697?s=20
      Hope you find it helpful

  • @The_Crucifix
    @The_Crucifix Год назад

    Thanks

    • @hanapixelme
      @hanapixelme  Год назад +1

      Glad you find it helpful

    • @The_Crucifix
      @The_Crucifix Год назад

      @@hanapixelmeThis video was helpful and I'm surprised you have so few subscribers Don't stop making videos and you'll definitely have an audience!

    • @hanapixelme
      @hanapixelme  Год назад

      @@The_Crucifix haha I sure will 😁

  • @andrewward3286
    @andrewward3286 5 месяцев назад

    What program is this?

  • @adrianosousamendes2948
    @adrianosousamendes2948 Год назад

    What is the app name?

  • @minhkhaihoang9614
    @minhkhaihoang9614 Год назад

    Can you making character tutorial or the whole environment , i love your art style and tutorials . Sub and like for you madam

    • @hanapixelme
      @hanapixelme  Год назад

      Yes I’ll make more of them ^^ I’m glad you like the art style, and thank you so much for the support!

  • @marcjdt5796
    @marcjdt5796 Год назад

    Really great job but the music is too loud and annoying 🙄

    • @hanapixelme
      @hanapixelme  Год назад

      Thank you Ye I'll make sure to adjust the music levels in upcoming videos 😆

  • @thedripinspector158
    @thedripinspector158 11 месяцев назад

    ur voice is so hot ;-;

  • @JEnciso
    @JEnciso Год назад

    Hey there! Great tutorial! I was hoping to inquire about something but noticed you don't have an Email listed? What would be the best way to contact you for Business Inquiries? ^-^ hope you have a great day!

    • @hanapixelme
      @hanapixelme  Год назад +1

      Hi, yes I haven't set up an email list yet, for now, you can send me a message through Discord, I'll be happy to help!

    • @JEnciso
      @JEnciso Год назад

      @@hanapixelme That sounds great! Where can I find your discord?

    • @hanapixelme
      @hanapixelme  Год назад +1

      @@JEnciso I left my Discord username in the video description. Just send me a friend request with your name so I know it's you :p

    • @JEnciso
      @JEnciso Год назад

      ​@hanapixelme doesn't seem to want to let me add you! I'll try again when I have access to my computer c: sorry for all the trouble. Mine is hosea.e