How to draw Pixel Art Grass Tiles (A Step-by-Step Tutorial)

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

КОМЕНТАРІ • 140

  • @guilhermecosta6731
    @guilhermecosta6731 2 місяці тому +2

    "How to draw Pixel Art Grass Tiles" Proceds to explain a whole lesson that I didn't know I needed that much. Incredible video, the color study on the beginning helped me a lot!

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

      Haha thank you so much!! I'm glad you enjoyed the video

  • @serahsquarepants
    @serahsquarepants 5 місяців тому +1

    Just what I needed. I wanted to create my custom tilemaps but didn't find anything to learn from on how to do it. Thank you so much

  • @BMJYDK
    @BMJYDK 6 місяців тому +37

    This tutorial is criminally underrated.

  • @DeLo-ss4xt
    @DeLo-ss4xt Місяць тому +1

    Recent Graduate student wanting to build my own game - but I am not an artist *tears up* so glad to have found these tutorials.
    Thank you for your videos! Please continue, these are so very well done.
    Request: Would love an example of 32 vs 64 Pixel if that's ever a possiblility ~ Pixie Dust

    • @hanapixelme
      @hanapixelme  Місяць тому +1

      @@DeLo-ss4xt thats awesome 🥰 ye im making more videos right now haha it takes a while

  • @N3M3SiS
    @N3M3SiS Місяць тому +1

    The quality of this video is just insane. Even though I already knew how to do this, I enjoyed it a lot keep up the good work 😀

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

      @@N3M3SiS thank you so much 🥰

  • @TheMinoOne
    @TheMinoOne 2 місяці тому +1

    Amazing tutorial! Your art style is very nice!

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

    Great video! I was looking for someone to give me a good workflow to start with, I was so unsure of how to go about organizing tiles and modifying them in terms of what layers to use and stuff like that. This seems perfect for me, of course I will slightly modify as I learn what pains me personally but this is a great workflow

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

      thank you so much! im really glad it helped you out it is a little difficult to wrap your head around making tilesets but ye just experience with them as much as you can!

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

    Woah, I'm glad this popped into my recommended. Very helpful tutorial for a beginner like me and your production quality seems amazing. Genuinely impressed to see this level of video from a channel without many subs (yet). Keep it up, this is awesome!

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

    thanks lady on the internet, my first attempt doesn't look as good but i know how to practice it properly now !

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

    Man... I really needed this, like I can't explain how much this has helped me (well my grass did suck, working on it haha)
    Most stuff like this need to be paid for, but here is a complete free and valuable tutorial... Thanks again, and peace be with you Sensei Hanapix 🙏

    • @hanapixelme
      @hanapixelme  8 місяців тому +1

      Thank you so much! I want to build this channel to help indie devs with art. It's not easy learning so many things at once so I feel like it would be nice to have a credible source, like a pixel art 101, on hand.

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

    FIRST!! You're amazing hana, you never disappoint ❤️

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

      Woohoo, you're the first one to comment! Thanks for the support as always!

  • @Kemuri-lol
    @Kemuri-lol 4 місяці тому

    This editing is crazy good job

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

    Awesome video as always. Been waiting for this one :)

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

      Thank you so much that's like one month of waiting haha

  • @natalieritchie3128
    @natalieritchie3128 10 місяців тому

    hey hana, love your content. keep up the amazing work!!!

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

    ty for this video. going to be making a tile map soon :)

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

    Thank you for the tutorial! 💜💜

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

      Thank you, I'm happy to make them

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

    Do you do isometric art at all? I keep coming back to this and thinking about an isometric grass tutorial!

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

    Another excellent tutorial! I appreciate you sharing your knowledge here. Tile sets and backgrounds are my biggest weaknesses atm. This helps my game dev :D Do primarily work in top down or do you like 2D platforming as well? Level design is tough!

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

      Thank you so much! I'm glad that it helped you out a lot! I plan to do side scroller and top down. But right now I've only been able to make top down ones due to time constraints. But if there's mroe time I'll make the other cases too! Ye level design is quite a challenge

  • @adityasharma-h8f
    @adityasharma-h8f 9 місяців тому

    thanks for the tiles tutorial

  • @Name-dr7xo
    @Name-dr7xo 11 місяців тому

    New vid Woop woop thank you!!!

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

    Awesome video! since I'm a beginner it's kinda difficult determining the size of the sprite file when I'm starting I wish you've shown that first before anything else, could you perhaps tell me the width and height of your sprite file upon initiation

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

    its so helpful thank you!!

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

      Glad you found the video helpful

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

    High quality tutorial right there

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

      Thank you thank you This one took quite a while

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

    Thank you so much for this new tutorial ! 😀
    I'm looking for a complete tutorial on how to create an entire asset bundle for a new game. Like what tiles to make to it's easy to implement to the game, what size of canvas and why, what software to use for pixel art or just 2D art, etc ! So i'll be watching your videos, I already subscribed to your amazing channel and in the mean time if you have other videos to recommend i'll be happy to watch them ! 🥰

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

      Thank you!! Yes I think that's a good idea, maybe a more general introduction to tile making. When I first started out I watched adam c younis videos, so you can check out his channel as well.
      And thank you for the sub! I'll try to make more videos

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

      Thanks for the recommandation, you're awesome ! :D @@hanapixelme

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

    Cool!

  • @KiriYashaInternational
    @KiriYashaInternational 8 днів тому

    terimakasih, karena kamu aku berhasil bikin rumput

  • @Emily-nd8vf
    @Emily-nd8vf 8 місяців тому

    Hey is there any way you could do a video on trees? Or like garden flower type stuff?

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

    what is the size for each tile you are doing?

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

    Would it make sense to do tiles in "higher resolution" and shrink them a bit in unity so they look a bit less blurred / sharper with more details?

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

      yes, you can do that. you can look into the size of the camera/game window too. if you have the camera zoom out more, you can still have a lot of details on the screen even if your tiles are 16x16. cause when all these tiles are arranged in batch, the outline of a tile tends to blend in with the whole batch. so practically you're seeing the resolution of the whole area, even camera/window instead of seeing the details on a single tile.
      There are cases where its better to upsize your tile. For example, if you're making a sandbox game and it requires the player to interact with each single tile then yes the player would pay attention to the details on a single tile (and that's relating to tile resolution). Then it would be nice if the tile looked more detailed.
      These are just some of my suggestions. I'd say, experiment with all of them and see which one suits your style the most!

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

      @@hanapixelme My concern is, that the ground might look too blurred from up above. My belly is telling me to rather go for 32x32. But I know what you mean, the area can still look ok while every single tile is "simpler". Alot to figure out. Your videos are super helpful though, keep em coming! :)

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

      @@LaserGadgets i think if it actually looks blurry then you can have pixel perfect camera on (depending on the program that u’re using). If not, or if its already enabled but the issue is still there than you can upsize to a 32x32. Its pretty convinient to go for that size cause from where your old tiles are, you can just stack 4 of them together. Which is pretty convinient, so ye, no need to worry, just test it out and see how it looks

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

      @@hanapixelme I see what the problem is, I can't find a grid setting like that in pixel studio. Its free so I am not complaining :p

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

    will you make a tutorial on fur?

  • @СеменИстомин-з5у
    @СеменИстомин-з5у 9 місяців тому

    Thx

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

    what is the size of the ground layer?

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

    I'm confused on one thing. How do you know how big to make the tile or the big patch of grass? At 9:05, you have a big square that overlaps a lot of tiles in the center of the view, not sure how to use this exactly or where to apply it. Just grab sections of it for use later?

    • @talneyadi7108
      @talneyadi7108 22 дні тому

      So you can decide how big or small you want your tiles to be. In her case she added a grid of 16 * 16 (you can see it while she’s working) and it helps her to see where each tile ends. Also she added a background layer to see how well the new tiles will look with dirt. I believe she’d delete that before saving the tiles. In game engines, you import the tile set you made and tell it what the dimensions are.

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

    thank you

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

    I didn't understand the colour value bit :(( Does that mean I just have to make sure I don't use the tile colours in my main character? Or I have to use a whole different palette for the tiles? Or I have to add that layer to change the colours when drawing tiles only? I'm sorry I got confuseeed :(

    • @hanapixelme
      @hanapixelme  9 місяців тому +1

      no worries! preferebly, like you said, we should have different palettes for different objects. Doing this would also mean that there's no color shared between objects (meaning you shouldn't use tile color on character). Doing this will avoid color overlapping. E.g., [Color Overlapping] if the character has a same green scarf color as the grass, when our character walks on grass, we can't see the green scarf. Or simply, the color green on the scarf overlapped with the color green on the grass makes it really hard for players to see the scarf.
      As for the color value layer, its like something you can toggle to check if they have overlapping value. You can check out more about how color values explains why some color, though arent the same, are still deemed "similar", which causes color overlapping (or simply - it's as if you're using one color though you're using two colors for each object) here: ua-cam.com/video/gJ2HOj22gDo/v-deo.html (he does a very good job at explaining it :D )
      But these are like good practices, so it's not like you have to follow it 100%. It's just that it will make it easier for players to see your character or your background. Sometimes you can break the rule if you're going for a smaller palette. Like if you're doing a 2-3 color game or like a Gameboy palette, then certain colors can overlap. But if you're just starting out with colors, I'd recommend you go for something with more colors.
      Hope that answers your questions. If you still have more that u're unsure, feel free to ask

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

      @hanapixelme oh my God thank you soooo much for such detailed reply😍, I understand now, thank you thank you

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

      @@bloomberries your welcome

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

    So could you do a tutorial on like dungeon tiles for top down game that would also be cool

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

    can you draw 9x9 top down city tileset?

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

    do you mind to create video about how to create game character step by step

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

      and do you mind to include in this video how you use reference to your game character

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

      I'll think about it

  • @ericleon-gamedev3930
    @ericleon-gamedev3930 11 місяців тому

    W, please make more!

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

      Will do Glad you like the video!

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

    hi

  • @Dumbunny420
    @Dumbunny420 8 місяців тому +21

    3k subs only yet you're over here animating and making insanely good graphics just casually for a video is insane. You deserve so much more recognition

    • @hanapixelme
      @hanapixelme  8 місяців тому +1

      Aw thank you so much I'm just glad that everyone enjoyed it!

    • @Dumbunny420
      @Dumbunny420 8 місяців тому +1

      @@hanapixelmeI’d love to see a vid about ocean tiles, creeks, ponds, etc if you ever have the time ❤

  • @hanapixelme
    @hanapixelme  11 місяців тому +22

    Here's the color palette I use in the video (going from outline, shadow to light):
    #5f5508
    #677808
    #7d870b
    #a09e11
    #afad1a
    #b6ba2d

    • @mainmanmagellan3803
      @mainmanmagellan3803 9 місяців тому +1

      i was contemplating if i should go get a tool. but i thought i should scroll and see what u doing. and then i notice this and now i am complete. thank u lol.

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

      thank you so much

  • @hamzahamouch5827
    @hamzahamouch5827 11 місяців тому +9

    The quality of videos has improved significantly, going from great to flawless.

  • @air_ballon
    @air_ballon 11 місяців тому +6

    You dropped this video at the perfect time.
    I was just trying to draw some grass tiles and i found that you uploaded it.
    Thanks so much for the beutiful video

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

      Aw thanks a bunch ~ U have fun drawin

  • @minhkhaihoang9614
    @minhkhaihoang9614 11 місяців тому +5

    You make it my deal , thank you .beautifully as always . please consider making water tiles (animation ) and snow tiles if you have time . Love you Hana

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

      Aw~Thank you so much 😊 I’ll think about it!

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

    Fantastic videos, I teach pixel art too.

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

      Hi Peter! Thank you so much! I've watched your videos as well and they're super amazing and inspiring

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

      @@hanapixelme if you don't mind I'd like your feedback on art I did for my game

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

      @@PeterMilko yes, absolutely! My discord is .hanapix, just hmu!

  • @ambic5945
    @ambic5945 7 днів тому

    I just discovered this channel and its insane. I hope u continue with this kind of tutorials. You helped me a lot, so thank you so much.

  • @Ozzy-worsttaste
    @Ozzy-worsttaste 11 місяців тому +1

    hm..let me try..i wish i could improve my bad draw :((

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

      You will 😊 everyone starts from somewhere right

  • @FP-ih1lu
    @FP-ih1lu 3 місяці тому

    How do you make the middle edge tiles tileable with themselves?

  • @kamm3021
    @kamm3021 28 днів тому

    Thanks! This is very helpful

  • @estebangeorgenunezmoran7992
    @estebangeorgenunezmoran7992 11 місяців тому +2

    I was waiting for it, nice! You're pixel art is amazing and useful for me bc I'm applying it to my game. Thanks!

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

      That’s awesome! I’m glad you can apply it to your game. Maybe you can share some of your progress to me, that would be cool 😁

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

      @@hanapixelme when i could get something stable i will

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

    Amazing tutorial! You really deserve a lot more attention on your channel.

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

    I was here

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

    Hi! I just found your channel and have found it really helpful! I'd love to see how you would create beach/sand tiles in a future video :)

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

      Thank you very much! I'll consider making them

  • @skibbl_dev
    @skibbl_dev 10 місяців тому

    s u b

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

    even though i already know how to do this. its so cool how good and calming your videos are, for sure are helpful!

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

      Thank you so much! I’ve checked out your channel as well! You did some amazing stuff. Very multi-talented 😊

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

    Bonitinho

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

    thanks, you helped me a lot.

  • @金盔金盔哈哈
    @金盔金盔哈哈 Місяць тому

    ❤❤

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

    i really love your art style 🤩

  • @sarhabernalumana4206
    @sarhabernalumana4206 10 місяців тому

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

    great tutorial, please keep making more!

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

      Thank you I'll make more!

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

    This is the best tutorial ever! Easy to follow and an in depth guide, thanks Hanapix!

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

    Love your style. These vids are very helpful!

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

    plis make more tutorials like this

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

    plz continue yo channel

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

    Alright im subbing

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

    Thanks for your video and explaining everything in detail, is great for us who are still learning the basics 🎉

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

      Thank you so much! I’m glad that the video helped you out 😊 There might be more to come

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

    Really nice tutorial, everything explained from the ground up 👌

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

    Ooh I just started to learn pixelart and thanks the algorithm your channel just appeared!! Amazing! I have a great interesting in drawing characters but i could learn a lot from your previous videos!!
    Looking forward for the nrxt ones !! Ty ty

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

    Dude, you're so awesome, thank you for this!

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

      I’m glad you found the video helpful 😊😊

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

    Just found your Chanel and I love your Tutorials please keep it up. As colorblind I always struggle a bit to find the right colors but your tip for value is really helpful.
    Now I need to dig out asprite again

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

      Thank you so much 😊 ye color theory is really nice. It lets you choose different colors without thinking and ‘feeling’ too much about it, which I think is something a lot of people struggle!

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

    I followed a lot of tutorials on tiles, but your was the best i encountered so far, i loved how you also gave theory and not only practical example. Thank you.

    • @hanapixelme
      @hanapixelme  8 місяців тому +1

      Thanks so much! I’m glad you enjoyed it 🥰

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

    Great video, thank you!

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

    I will look at it later. But wanted to drop a comment. Keep it up

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

      Thank you so much 🥰

  • @mac.ignacio
    @mac.ignacio 11 місяців тому

    Another great video from Hana. I like the choose of color. You clearly explained why we need to have color values. Keep it coming.

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

      Thank you so much 🥰! Color value plays a huge part in doing color palette ~ I’m super happy that you found it helpful. I was afraid it might be a bit confusing haha 🤣

    • @mac.ignacio
      @mac.ignacio 11 місяців тому

      @@hanapixelme Im more on this kind of logical way of doing things. Because I lack creativity and Im not good at arts. That is why I love your videos. You show not only the creative way but also the logical side of things. Thank you for creating another greate video. I hope we can collab on creating a game.

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

      @@mac.ignacio That's perfect! I mean even if its just creative, then it alone would only get you so far. I like it when there's a logic to it too! Maybe we'll collab someday

    • @mac.ignacio
      @mac.ignacio 11 місяців тому

      @@hanapixelme Looking forward too collab with you.

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

    tons of simple and objective info. i loved every second of this tutorial. lady, you got a new sub and im about to browse every tutorial you've made so far. thank you ^^

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

    I absolutely love everything here, your art style etc. :-) I'd like to contact you, but i have no idea how :-D On twitter i can't DM you and your discordname doesn't exist somehow. So how can i contact you? :-P

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

      Hey thank you so much 🥰 Ye my discord is “.hanapix” sorry for the confusion!