Pixel Art in Scratch 3 Ways | Tutorial

Sdílet
Vložit
  • čas přidán 21. 07. 2024
  • Hi there! Ever wondered how to make pixel art in Scratch? This tutorial will show you how!
    Pixel art (sometimes called 8-bit art) is an art style where each pixel is drawn individually. It's common in video games and animation, and with this tutorial, you can jump into making your own in 3 easy ways!
    To try it out, just go to scratch.mit.edu/projects/editor.
    We’re going to start creating more CZcams tutorials. What else would you like to learn about?
    Music: “Pacific Sun” by Nicolai Heidlas, Creative Commons Attribution 3.0 Unported. creativecommons.org/licenses/...

Komentáře • 675

  • @Zinnea
    @Zinnea Před 4 lety +414

    Did you try out any of these methods? How did it go? :D

    • @teddyplayz3443
      @teddyplayz3443 Před 4 lety +17

      you made my favorite game!

    • @Zinnea
      @Zinnea Před 4 lety +19

      @@Desgy Nice!

    • @pcat-cduck800
      @pcat-cduck800 Před 4 lety +12

      I followed you on scratch Zinnea

    • @P_r_gon
      @P_r_gon Před 4 lety +3

      yes

    • @metalicarus8372
      @metalicarus8372 Před 4 lety +4

      honestly method 2 feels like method 1.
      method 1 : simplify the image
      method 2 : shrink the image (simplify it) then make it bigger
      what's the difference ?
      (in one case (method 1) it's code that goes away when the project stops, in the other the image will allways be pixelated... not much really)

  • @Bleebtown
    @Bleebtown Před 3 lety +187

    **turns bird into a yellow blob**
    aHh! It'S sO cUtE

  • @MESYETI
    @MESYETI Před 4 lety +102

    3:05 with clicking as fast as that you could get through a good portion of silent circles on geometry dash

  • @chipm0nk
    @chipm0nk Před 4 lety +49

    I didn't realize until just now that the Scratch Team had a CZcams channel! Great work, Scratch!

  • @greatanimationsstuff1867
    @greatanimationsstuff1867 Před 3 lety +66

    chick: gets pixilated to much
    Zinnea: OmG! sO cUtE

    • @win_ini
      @win_ini Před 3 lety

      "so cute OwO"

    • @goldenorb1210
      @goldenorb1210 Před 2 lety +1

      when you're a pixel art pro, you know that you need to follow a looooooooooooooooooot of steps to make a good one. :(

    • @RamenLoverr
      @RamenLoverr Před 2 lety

      0:59

    • @qwertyuiop.lkjhgfdsa
      @qwertyuiop.lkjhgfdsa Před 2 lety

      chick: had one leg, and really weird looking eyes, and no beak
      zinnea: a d o r a b l e : )

  • @CodingWithChris
    @CodingWithChris Před 4 lety +43

    I’m a programming instructor and have only recently learned about scratch. I should say that it is nothing short of a revolution in programming. Well done to all the team.

  • @AngieLuvsYou
    @AngieLuvsYou Před 3 lety +18

    3:06
    *Heres a timestamp of a very satisfying click sounds that I will be addicted of.*

  • @gbfgtki
    @gbfgtki Před 4 lety +7

    Thanks for the great tutorial (and for enabling comments)! Looking forward to more like these!

  • @SammyCheez
    @SammyCheez Před 4 lety +75

    Great tutorial! Can’t wait to try this out!

    • @winpeck2
      @winpeck2 Před 4 lety +2

      I watch your videos

    • @SammyCheez
      @SammyCheez Před 4 lety +1

      Cool! Make sure to subscribe! What’s your favorite?

    • @meredithdepaolo7971
      @meredithdepaolo7971 Před 2 lety

      WOW I watch your Videos! They help a lot.

  • @Scratchly
    @Scratchly Před 4 lety +37

    Wow i did not know converting a picture made in vector mode to bitmap mode, and then resizing, would be so good for this :D

    • @joelhoon1707
      @joelhoon1707 Před 2 lety +2

      Yeah, it's a good way to make a sprite low quality too for a satire effect.

  • @lucieb3284
    @lucieb3284 Před 3 lety +89

    I always wondered how people made Pixel Art on Scratch XD

  • @TheGirlAndBoy
    @TheGirlAndBoy Před 2 lety +5

    This is so cool! For a while I thought there'd be no way you could draw 8-bit in Scratch! Thanks so much!

  • @aortiz1989
    @aortiz1989 Před 4 lety +5

    Love the energy and style. Great work!!

  • @ellaxin2340
    @ellaxin2340 Před 3 lety

    The method where you zoom in and draw and make the sprite bigger, that's my favorite! So cute!

    • @jan_sipiki
      @jan_sipiki Před 3 lety +2

      keep the size on your pixel art the same tho

  • @PixelWasTaken_
    @PixelWasTaken_ Před 3 lety +2

    Thank you for the help! I've always wanted to make a platformer with pixel art in scratch.

  • @-CosmoCode
    @-CosmoCode Před rokem +14

    Tip: On Scratch Bitmap Canvas every brush size up to 4 stays a perfect square - what I mean is that If I set my pen's size to 5 it'll become a circle made out of squares, also Funny Thing one Scratcher found: If you zoom in on vector mode, and then convert the whole drawing (it can be blank, it'll work too) to bitmap you should probably realize that our little check grey and white squares flipped their positions! =D

  • @TheHydrakeHydra
    @TheHydrakeHydra Před 2 lety +3

    Small note for method 3: I personally use size 4 for the brush! It’s half the size of the background grey/white squares

  • @jhansen1254
    @jhansen1254 Před 3 lety +2

    Just saved this mornings lesson with my year 7's... Thank you Zinnea :)

  • @CrammyCram
    @CrammyCram Před 3 lety +4

    This is really cool! I never really thought of that, but I would like to use it sometime for a small game!

  • @rosefur9044
    @rosefur9044 Před 2 lety

    The blob is so cute! :3 Love your tutorials! Inspired me to start mine owns.

  • @fayy_2
    @fayy_2 Před 2 lety

    I tried all of these methods! They were not confusing at all❤. They were really easy thanks zoe!

  • @aByteWithLina
    @aByteWithLina Před 4 lety +4

    I really enjoyed this video. I like your style and how you explain the material.

  • @PHIL253
    @PHIL253 Před 3 lety

    thank you for these tutorials my mom just discovered this channel because i really wanted to be a programmer. Your vids just recommended from my my mother's phone then he shared me the link thank you again for these amazing scratch

  • @Bone_14
    @Bone_14 Před 2 lety

    I love this channel and Scratch, because Scratch it's easy to create games, animations and other things.

  • @laurendereta7257
    @laurendereta7257 Před 4 lety +13

    Im a try this out good job

  • @zeplatypus4672
    @zeplatypus4672 Před rokem +1

    The third method was exactly what I searched! Thanks!

  • @Bamnqamna
    @Bamnqamna Před 3 lety +1

    Hi! I like the Scratch coding language! Its so simple and easy, i love it! I remember when i was little i used this to make animations.

  • @-rosegames-7084
    @-rosegames-7084 Před 3 lety +1

    Thanks for the tutorial! I learned something new in scratch :)

  • @icefire2626
    @icefire2626 Před 4 lety +1

    Th aka you for this video this will make it so much easier to make pixel sprites for my games!

  • @cassidywong264
    @cassidywong264 Před 2 lety

    Your tutorials are explained clear and useful!

  • @wiimote__1727
    @wiimote__1727 Před 4 lety +10

    I love bitmap getting appreciation 😁

    • @Taro-yt4tk
      @Taro-yt4tk Před 2 lety

      Oversimplification: *exist*
      Zennia: OmG eVeRiThInG lOkS sO cUtE

  • @RealUncivilArchitect
    @RealUncivilArchitect Před rokem

    I have been on the site for year and didn't know how to do this thank you Zinniea

  • @sadhanaroy1110
    @sadhanaroy1110 Před 3 lety +1

    Thank you so much, for all these interesting coding. Learnt a lot from you.

  • @fishyhihi
    @fishyhihi Před 2 dny

    Thanks! I really wanted to make a classic sonic game, and that helped, thanks again scratch team!

  • @helpme2707
    @helpme2707 Před 2 lety

    All these methods help now no more people need to help me this person explains great

  • @Gobbler.
    @Gobbler. Před 3 lety

    i really recommend trying it with backdrops. they work really well.

  • @Roblox_meeeeeee
    @Roblox_meeeeeee Před 2 lety +1

    Thanks for that method because In the over videos of you you do lot's of cute charters at the very start of the video and the blob at the end teaches me how to do it and It went well

  • @gigabyte123
    @gigabyte123 Před 4 lety +1

    i already knew how to draw pixel art so that's pretty cool

  • @jesperanimations
    @jesperanimations Před 2 lety

    I'm going to make a pixel art style virtual town. Learned it from the Scratch team!

  • @Jakub3rio
    @Jakub3rio Před 4 lety +2

    Cool, I have an idea for an 8-bit platformer. Thanks :D

  • @jefftank3300
    @jefftank3300 Před 3 lety +1

    Is there a way to snap to the grid? fill the whole square and just the square. Then do the same thing to another square

  • @lalitabertschinger
    @lalitabertschinger Před 2 lety

    Soooo goood! Thank you Zinnea! These are such helpful tips! =)

  • @renukakumari7277
    @renukakumari7277 Před rokem

    Great tutorials thanks for sharing your knowledge with us can't wait to try this 😊😁

  • @InverseOfficial
    @InverseOfficial Před 2 lety +3

    If anyone else happens to be wanting to make pixelated lines with pen I have a pretty simple method.
    First part is optional, just pointing towards a coordinate using point in direction(atan(x2 - x1 / y2 - y1) + 180 * y2 < y1)
    Second part is the fun bit.
    Make a block that runs without screen refresh. The block and following code should look something similar to:
    Define myFunction():
    Erase all
    t = 0
    px = 2 (pixel size)
    Startx = xpos
    Starty = ypos
    Rotation style = don’t rotate
    Direction = atan(x2 - x1 / y2 - y1) + 180 * y2 < y1
    Repeat n: (any number)
    X = startx + ((1 - t) * round(sin(dir) / px) * px)
    Y = starty + ((1 - t) * round(cos(dir) / px) * px)
    (switch costume here if you’re using stamp)
    Pen down or stamp
    t += 1
    Done! This produces a cleanly pixelated line using pen, great for moving around objects in pixelated games. This can even be applied to besier curves but that is a little harder to explain.

  • @jodiegaming2510
    @jodiegaming2510 Před 2 lety

    Wow! Thanks for the video, it helped me a lot for drawing pixel art!

  • @MiryokuBMR
    @MiryokuBMR Před 3 lety

    I dont want to use the 1 block method on sprites but for backdrops Ill start using that

  • @smy1permakecoolvidsfr

    If you do like -80 does it get more detailed or does it not do anything?

  • @user-jq9yd8dd2x
    @user-jq9yd8dd2x Před rokem

    Thank you it helped me when I was new to scratch

  • @breannagoble3382
    @breannagoble3382 Před 2 lety

    I'm making a new game! and it's gonna be pixel art. This was an awsome tutorial!

  • @ilkadickens
    @ilkadickens Před 4 lety +1

    Omg! I love scratch! Probably all of my friends are going to say to me HOW DID YOU DO THAT?!?!?!?!?!?!

  • @SnakewithaBanjo
    @SnakewithaBanjo Před 3 lety +1

    Thank you so much now I know how to do pixel art on scratch

  • @AAPot-kn9vv
    @AAPot-kn9vv Před 2 lety

    What is the number you need to do the pixels for a Atari 2600?

  • @shri5106
    @shri5106 Před 3 lety +1

    Thanks for the tutorial!

  • @rushing2game172
    @rushing2game172 Před 4 lety +3

    Epic

  • @the_real_sans7409
    @the_real_sans7409 Před 4 lety +1

    hi i was wondering if you could do a tutorial on making a podcast like show on scratch cuz me and my friends wanted to do a podcast for awhile but we dont know how to do it and so i was hoping you could maybe give a tutorial on making a show

  • @luv_yellow
    @luv_yellow Před 2 lety

    Amazing Tutorial!Now i can make Pixel Games XD

  • @YsabellaSiobal
    @YsabellaSiobal Před 2 lety

    I started coding classes also!!! i followed ur steps on the virtual pet! i try making ir also!!

  • @jensontodd9014
    @jensontodd9014 Před 2 lety

    I use all your methods you are such a big help

  • @imyouramee
    @imyouramee Před 3 lety

    Thank you very much. I have an idea to make a project now!

  • @letslearnwithdino
    @letslearnwithdino Před 2 lety

    first time trying out Scratch.. pretty cool!

  • @hor-amachan
    @hor-amachan Před 4 lety +1

    Wow!! This is like a Old Games!!
    Unbelievable!!

  • @1UPPancake
    @1UPPancake Před 4 lety +11

    2:26 Just like MS Paint. XD

  • @Einsteintaneous
    @Einsteintaneous Před 3 lety +1

    Thank you so much I don’t do pixel art but good work I love scratch

  • @cheapblox9692
    @cheapblox9692 Před 3 lety +2

    That was very helpful!

  • @Dietofyourchoice
    @Dietofyourchoice Před 6 měsíci

    Thank you for giving me an idea to make an other amazing game in scratch 🧡🧡🧡

  • @mothra4478
    @mothra4478 Před 3 lety

    Thank you so much for this tutorial.

  • @4xotic_butters
    @4xotic_butters Před 2 lety

    I will try to do a dragon pixel, nice tutoriel !

  • @IanisIIM
    @IanisIIM Před 2 měsíci

    Thank you!I love the method 3

  • @zionplayz9763
    @zionplayz9763 Před rokem

    I totally missed that!! THX!

  • @cookieliom9121
    @cookieliom9121 Před 3 lety

    This helped so much! Thanks!

  • @mohdfarook6603
    @mohdfarook6603 Před 2 lety

    Thanks for teaching very easily!

  • @walterbeckett9461
    @walterbeckett9461 Před 3 lety

    I have a question that is scratch addons is made by the scratch team with scratchers.

  • @kartikorigamicollection9259

    i do pixelate to backdrop but it not working how did you do that

  • @omargaming5688
    @omargaming5688 Před 2 lety

    Thanks this really helped me and also I'm making an Mario game of pixel art

  • @tamirlapidus6994
    @tamirlapidus6994 Před 3 lety

    Cool now I can try to make tboi item sprites

  • @Kaleb63
    @Kaleb63 Před 2 lety

    Hey Zoey, can I use your blob sprite for a game I’m working? It would be awesome to make a game about the blue blob.

  • @ROCKETRAMEN
    @ROCKETRAMEN Před 4 lety +7

    I want to use pixel Japanese in scratch.

  • @itzmonstrovrW
    @itzmonstrovrW Před 2 lety

    Thanks! Works amazing!

  • @-CosmoCode
    @-CosmoCode Před rokem

    Does someone have any tips on drawing realistic pixel art? Or how To do the shading?

  • @FluffyBerries_ot7
    @FluffyBerries_ot7 Před 2 lety

    How to make animations on scratch? can you tell me??

  • @RealKipper1324
    @RealKipper1324 Před 3 lety +1

    I always use method 3, because I didn't know the others actually worked so well XD

  • @steampunkdragonfruit7379
    @steampunkdragonfruit7379 Před 4 lety +2

    This helped me :)

  • @adrienreiser2343
    @adrienreiser2343 Před 3 lety

    Thank you - It really helped me

  • @potatofrogg
    @potatofrogg Před 4 lety +1

    wow this really helped thx!

  • @AzureSkyedsPOSTS
    @AzureSkyedsPOSTS Před 2 lety

    at the last method you can also grab it and make it bigger. thats how i do it. only problem is that when you want to edit it you have to scale it back to the perfect size

  • @zandabaltvilka5368
    @zandabaltvilka5368 Před 2 lety

    This video was super helpful!

  • @yashika7732
    @yashika7732 Před 2 lety

    Thanks!
    It helped a lot.
    😊

  • @rainbow1179
    @rainbow1179 Před 2 lety

    Thanks!this will be helpful!

  • @ayeshaahsan164
    @ayeshaahsan164 Před 2 lety

    I'm new to scratch i love this

  • @Susie6iscool
    @Susie6iscool Před 2 lety

    thought if i set the pen to 1 it would still be a circle
    and also *_scratch foundation_* if you could add a if enter key press block

  • @llqx9PlayZ
    @llqx9PlayZ Před rokem

    Thanks your projects are helpful 👍

  • @pritplayz61
    @pritplayz61 Před 2 lety

    Thanks for the tips :)

  • @kiykiysky4511
    @kiykiysky4511 Před 3 lety +1

    this is amazing! i'm trying this AS SOON AS I'M DONE WITH MY SCHOOLWORK! (I'm CodingKylietheKitty btw)

  • @archangelz1
    @archangelz1 Před 3 lety +1

    thx! it worked with me :D

  • @mono-chinoculiaofeo7536
    @mono-chinoculiaofeo7536 Před 3 lety +9

    Thank you, I don't know English but I still understood :) soy chilenooo

  • @DogeisCut
    @DogeisCut Před 4 lety +2

    i think its time everyone here learns advanced pixel art design

  • @hriday684
    @hriday684 Před 4 lety +4

    When I use the last way, what I usually do is to instead of increasing the sprite size, I go back to Vector Mode and enlarge the sprite. Much easier.

    • @CobyTheLuckyFox
      @CobyTheLuckyFox Před 4 lety +1

      Same

    • @MAJORVBEZ
      @MAJORVBEZ Před 4 lety +1

      That makes it harder to keep consistency with pixel size tho if consistency matters for the type of game

    • @lil-zoned-out6532
      @lil-zoned-out6532 Před 2 lety

      I do not because then I can not edit the sprite after, thank you for sharing alternate way though.

  • @thegamingdragons-TS
    @thegamingdragons-TS Před 2 lety

    Omg this helped me so much!

  • @falondonahue8457
    @falondonahue8457 Před 18 dny

    Can you make sprites on MS Paint and upload them to your Scratch game?

  • @the.winged.devil.
    @the.winged.devil. Před 2 měsíci

    I NEEDED THIS