Pixel Art Class - About Pixels For Games

Поделиться
HTML-код
  • Опубликовано: 9 мар 2020
  • Hey, this is E2 of my new series on everything pixel art! In this episode, we discuss differences between standalone pixel art and game-specific art, with notes on game art constraints.
    Enjoy!
    ----
    This video features clips from my stream. Catch it live: Mon, Tues, Thurs and Fri 1-6pm AEST.
    Twitch: / adamcyounis
    Twitter: / adamcyounis
    Discord: / discord
    Become a Patron at / adamcyounis
    Check out my game Insignia at uppon-hill.itch.io/insignia
    Later, pals!
  • НаукаНаука

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

  • @WyMustIGo
    @WyMustIGo 3 года назад +133

    In the early days (early 80s for example) we used a lot of palette animation for effects such as water. Palette animation meaning that instead of the pixels changing, the palette itself would rotate so that the pixel colors in the rotating range would change without having to render the screen again (only the palette registers changed on the video card). By the late 80s we were already working with 24 and 32 bit graphics on the Amiga for example. We had ray tracing, video editing, etc while the IBM CLONE (PC's) were still using 2, 4, 8 etc colors. The 80s were great and that is where most of the innovation began as the people from the 80s became more prevalent in the industry.

  • @Leen-zt5lu
    @Leen-zt5lu 4 года назад +166

    You are officially my favorite person on earth now THANK YOU FOR THE TUTORIALS

  • @ataleofgamesandcats7672
    @ataleofgamesandcats7672 4 года назад +72

    That outline shortcut in Aseprite was a hidden gem 😂 thank you!

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

    Seeing the video at the beginning was a trip... I literally just watched 5 videos in a row from the creator of that little pixel art game at the start and that's what prompted me to find your tutorials in the first place

  • @2thinkcritically
    @2thinkcritically 3 года назад +5

    A classic example of using a single colour to highlight points of interest can be found in 1984s The Touchstone.
    The Dragon 32 only had 4 colours in colour graphics mode, and the game used the popular red/yellow/green/blue palette. The floor was always green (the same as the border colour that could not be changed), and the walls were yellow with red for shadows.
    Blue was the colour that was used sparingly. Your character had blue clothes, keys were red and blue, and treasure always had blue in it. For wall tiles, there were blue arcs showing where enemies would spawn, blue bars that showed warp points the player could pass through, doors had blue keyholes, and there were special wall tiles with blue marks on them that identified the start or end of a level.
    It just goes to show how important colour is when designing your tiles and sprites.

  • @MrEastgalaxy
    @MrEastgalaxy 2 года назад +16

    Damn i am a hardcore programmer and i came to make my pixel art better for my games. But man i could listen to you talk for hours, you bring and tie in Computer Science and Art how they are very relatable.

    • @wandering_gemini
      @wandering_gemini 2 года назад

      I am jelly I can't program but I can do some mean art work

    • @MrEastgalaxy
      @MrEastgalaxy 2 года назад

      @@wandering_gemini got a link to your work

  • @THEspindoctor84
    @THEspindoctor84 3 года назад +5

    wow, these are really high quality videos. Thank you for all the knowledge!

  • @tommasomaruffi1306
    @tommasomaruffi1306 3 года назад +9

    Thank you, I'm working on making a video game, so your tutorials are helping me a lot!

  • @NicotheMerchant
    @NicotheMerchant 3 года назад +1

    Really appreciated the shortcut and of course, all of the information.

  • @konstantinosgrammenos8492
    @konstantinosgrammenos8492 3 года назад +2

    Excellent tutorials man! Way to go so educational

  • @jonnymars2254
    @jonnymars2254 3 года назад +1

    Everytime you teach way more shift and o wow this whole time I was doing it manually thanks a lot buddy you saved me loads of time from now on.

  • @joshzafranco9648
    @joshzafranco9648 4 года назад +3

    keep this going!! helps a lot!

  • @ogal
    @ogal 4 года назад +10

    These are high quality videos

  • @linebyline7270
    @linebyline7270 2 года назад +1

    To be fair, that highway scene at around 2:38 looks to me like it would work well as a background in a point-and-click adventure, where the camera doesn't move much if at all.
    Pixel racing games use roads like this, too. They create the illusion of curves by scrolling the background left and right during hblank (i.e. between displaying each horizontal line). Even the Game Boy can do this. It wouldn't work with this picture, though: The road and ground are too detailed, so you'd see those details only moving left and right rather than moving past. (I'm sure you already know that, of course, but I didn't see anyone mention it, so...)
    Love the channel, by the way. The fire and 8-way walk cycle videos have already been a big help so I'm making my way through the rest of the playlist.

  • @Roady312
    @Roady312 4 года назад +5

    This is an amazing video. You are soooo helpful.
    Btw does anyone know how to get the color selection window to look like his? can't seem to figure out out to change the default display.

  • @erkindalkilic
    @erkindalkilic 2 года назад

    Wonderfull! Thanks for sharing... Great Share.

  •  3 года назад +11

    I really love your videos, and you became an inspiration for me.
    And I'd like to know what is the name of that software you use to take notes, and see the references.

  • @magnon8760
    @magnon8760 2 года назад

    When you put 'hue based' complimentary colors at least, like red and green at the same value side by side they blend to make a form of 'grey' naturally in painting.

  • @xXDragonTribalXx
    @xXDragonTribalXx 4 года назад +4

    Good stuff! Wonder though, where would the Shaded Outline fall into this and if looking a mockup of gamescreens in grey scale, when is the contrast enough?

    • @AdamCYounis
      @AdamCYounis  4 года назад +10

      Outlines are a tool, so they serve a clear function. There are actually guidelines by the WCAG (web standards) about what contrast ratios are acceptable for accessibility, so you could refer to that if you wanted a hard value. For games, it comes down to context. In your example, you'd have to know which shades of grey were used for the character vs backgrounds, in order to recommend a shade for the outline.

  • @jonathansilva9139
    @jonathansilva9139 3 года назад +1

    I like your youtube content and I've got some time to watch your videos.

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

    Ok that's kinda weird. I'm watching your videos since yesterday and started on my own little projects, where I downloaded a palett beforehand. I just figured out, that's one of your releases. Nice work.

  • @soul_abyss3854
    @soul_abyss3854 4 года назад +2

    first of all I love your tutorials. But I got to say Thank you. Thank you for spelling colour the right way. Im definitely subbing now

    • @lexsec
      @lexsec 3 года назад +1

      there is no right way...

  • @denshou
    @denshou 4 года назад +1

    Hello Adam.
    If I want to make a background art for a video game console (PS4, Switch...), at what size do I open the Photoshop artboard to start designing it? Resolution and Dimensions. For example, Xeodrifter, this game has a different pixels dimensions, comparing the main character pixels and foreground pixels, with the background pixels. Thanks a lot.

    • @PennDraken
      @PennDraken 3 года назад

      You want different pixel densities for different layers of the image?

  • @josefortyfive214
    @josefortyfive214 4 года назад

    what's the background music?

  • @baldogang7302
    @baldogang7302 2 года назад

    hi bro do u have a copy of the pixel banner in ur stream

  • @RyanDxxx0
    @RyanDxxx0 2 года назад

    8:26, Ayo Pong HD is looking amazing so far.

  • @richardnavas2610
    @richardnavas2610 4 года назад +15

    what tool do you use to make pixel art?

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

      I think he's using aseprite. I hope the answer can help you.

  • @hainguyenthanh9227
    @hainguyenthanh9227 4 года назад +2

    Please make more videos

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

    What palette are you using in this video?

  • @Goual
    @Goual 2 года назад

    9:50 even youtube's compression is actually struggling to tell between the colors

  • @mavkoshv9149
    @mavkoshv9149 4 года назад +3

    Hmmmm....but if you added the outline to Mario he would not fit in 8x8 tileset, right?

    • @williamdrum9899
      @williamdrum9899 3 года назад +3

      Probably not. But what's more important is the number of colors. Adding a black outline to Mario would exceed the maximum number of colors per 8x8 sprite. A workaround would simply be having the outline be its own game object that follows the character's movement at all times

  • @WyMustIGo
    @WyMustIGo 3 года назад +2

    Your knowledge is amazing for someone your age. Are you sure you were not born in the 60s or 70s and simply aged slow? LOL.
    My background is programming (ASM/C++) and I am retired. My entire career was based on video editing applications, hardware, and graphics application development. So now that I am retired, I want to USE the technology to draw instead of developing the cool tools for a change.

  • @anglevertex1781
    @anglevertex1781 3 года назад

    What's the software you use to make the pixel art

  • @bb_201
    @bb_201 3 года назад +1

    What program do you use to make your pixel art?

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

    I'd wish you make the Krita full course, cause it's free.

  • @olegharput9988
    @olegharput9988 2 года назад

    Would you mind commenting on the sprites of Amiga 500 game "Gods" (1991) please. I can not understad its key features of success.I think it is the best sprites ever.

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

    What if your sprite changed at each change in the background. For example you conveniently find a blue ice cloak to protect you before the lava level

  • @ccost
    @ccost 4 года назад +1

    8:50

  • @xenosone8456
    @xenosone8456 4 года назад +2

    what is the program name ?

  • @tyekaybro9127
    @tyekaybro9127 4 года назад

    Devin Nash of game development

  • @PeterMilko
    @PeterMilko 3 года назад +1

    How is twitch doing for you? Worth the time?

    • @AdamCYounis
      @AdamCYounis  3 года назад

      Twitch is my bread and butter. It's where I make most of my content. I'm live right now, in fact.

    • @Nova04550
      @Nova04550 3 года назад

      Love you Pixel Pete I watch all your videos!!

  • @Nova04550
    @Nova04550 3 года назад

    What is the game at 4:19 ?

    • @Nova04550
      @Nova04550 3 года назад

      Ah, it's Chrono Trigger isn't it?

  • @shytut
    @shytut 2 года назад

    It's refreshing to see in 2020s people are accepting modernized pixel art style. I've been using shaders and drop shadows etc. with pixel art since 2000s and people were so closed minded then. I would get hate comments from pixel purists 100% of the time.

  • @enryd...
    @enryd... 4 года назад +1

    what's that software he's using?

    • @scheve1994
      @scheve1994 4 года назад +2

      Aseprite

    • @enryd...
      @enryd... 4 года назад

      @@scheve1994 really? It does have a different font though. Is that a theme?

    • @scheve1994
      @scheve1994 4 года назад +3

      @@enryd... In one of his later videos (I just watched) he mentions the sketching software is called 'Leonardo'. So nah, not Gimp. The pixelart one is Aseprite, though.

  • @DavidBoura
    @DavidBoura 3 года назад

    i square, if you have dots about the visual style of your game, try Pixel Art a bit.

  • @cjtodd6244
    @cjtodd6244 4 года назад +1

    Red and green don't go together? But they're complimentary colors lol?

  • @clickchapman5240
    @clickchapman5240 4 года назад +2

    Chat feed is a little distracting. Do you have an overlay for Pixel Art Class instead a twitch stream?

    • @AdamCYounis
      @AdamCYounis  4 года назад +3

      I think the chat adds to the stream for the most part. I can minimise the chat in the overlay, but it's in the video feed once I've recorded, as this is a recording of the stream. So if I didn't minimise it then, I can't minimise it after.

    • @jonnymars2254
      @jonnymars2254 3 года назад +1

      I actually watch him adding his followers chats it shows he cares and replies back. You rarely see that in this type of medium. Hit two birds with one stone. Work smarter not harder. He’s getting both jobs done plus him doing the game artwork. If anything you should be happy he can multitask and do all this.

    • @clickchapman5240
      @clickchapman5240 3 года назад

      Nah. You're just simping. It's entirely way too distracting specially when most of the time the chat isn't even talking about the current lesson. It's a tutorial channel dude not a twitch stream. He doesn't even say "and if you look at my chat and see that Tony112 asked this and here is an answer" no, the chat just flies by during these videos and he just cuts out everything from his stream that isn't about the lesson..that's gotta be hell to edit...just sit down and record a video about the lesson at hand and not have to sift through an entire stream to find the parts that pertain to the lesson. There is literally no need for a chat to be seen by someone who only wants a pixel art tutorial. If I want to chat then I'll catch a live stream.

    • @ver5621
      @ver5621 3 года назад

      @@clickchapman5240 cry more

    • @schizoirl8563
      @schizoirl8563 3 года назад +1

      this is how annoying you need to be to complain this much about free content

  • @HalkerVeil
    @HalkerVeil 3 года назад

    Nintendo probably thinks they own this.

  • @slein_grobaaf
    @slein_grobaaf 3 года назад

    great video, but sooo hard to concentrate on it with fast music in the background - please stop