How to make Parallax Backgrounds (Pixel Art Tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ธ.ค. 2024

ความคิดเห็น •

  • @maxpozderec
    @maxpozderec 3 ปีที่แล้ว +205

    Wtf this is so high quality i expected alot more people to be subscribed

    • @cuboembaralhado8294
      @cuboembaralhado8294 3 ปีที่แล้ว +3

      Agreed

    • @teacupanimates
      @teacupanimates 2 ปีที่แล้ว +1

      Same

    • @gazi427
      @gazi427 2 ปีที่แล้ว +1

      IKR, im also suprise at the view count

    • @leonlozar1014
      @leonlozar1014 ปีที่แล้ว

      Fr

    • @jakes-dev1337
      @jakes-dev1337 8 หลายเดือนก่อน

      Because most people aren't actually working on a project like we are. They instead subscribe to channels teaching them how to "begin" and allegedly how to make money.
      It's the ultimate scam.

  • @PixelOverloadChannel
    @PixelOverloadChannel  4 ปีที่แล้ว +146

    Hi all, sorry if this video isn't really a 'proper' tutorial. I didn't go through how to draw the sections pixel by pixel, and that's my fault for not writing it into the script. I guess just see this video as more of a way to get started or an inspiration, rather than an instructional video. I'm thinking of covering this sort of stuff in a 'How to make Rocks' video or something like that, where I'd show you pixel by pixel how to draw rocks. Again sorry about this, and I hope you still enjoyed the video.

    • @skye5132
      @skye5132 4 ปีที่แล้ว +10

      All goood, I likes the pacing in this one.
      How to make rocks would be helpful

    • @Palocles
      @Palocles 3 ปีที่แล้ว +8

      Seems fine to me. "How to draw details" isn't really the subject of a Parallax video, viewers should already know how to draw things if they are looking here.

    • @giantenemycrab5596
      @giantenemycrab5596 3 ปีที่แล้ว +5

      Nah this is better than any other parallax tutorial

    • @jacksquadreturns7827
      @jacksquadreturns7827 2 ปีที่แล้ว

      I disliked your video and was about to comment the reason and you basically said it yourself. :)

    • @jacksquadreturns7827
      @jacksquadreturns7827 2 ปีที่แล้ว +1

      @@Palocles I was expecting something like " how to make parellax background better/ tips and tricks" kinda thing when i read the title. obviously i already know how to draw parellax backgrounds, since it's literally the basics of any platformer game.

  • @xStormyCATx
    @xStormyCATx 9 หลายเดือนก่อน +2

    Would love to see tons more pixel tutorials from you! Even if they are super long and detailed. Great work @PixelOverloadChannel 😊

  • @notapplicable7188
    @notapplicable7188 4 ปีที่แล้ว +62

    This was a very well produced video! I looking forward to seeing this channel grow

  • @magnusalferes1143
    @magnusalferes1143 ปีที่แล้ว +3

    you are helping indie devs like crazy with these videos, you are very skilled and deliver information in a concise manner very easy to ingest

  • @eightbitbert
    @eightbitbert 3 ปีที่แล้ว +25

    I sincerely hope to see more videos from you. You've got some good stuff. I'm a newbie when it comes to this stuff and trying to do my best to learn.

  • @noelfoldi
    @noelfoldi ปีที่แล้ว +3

    Holly, these are some insanely well made, clean, and informative tutorials.

  • @Eric_Shaun
    @Eric_Shaun 3 ปีที่แล้ว +1

    Bro, I watched now all videos you have online and the production quality is INSANE
    lovely, got me super hyped again for Pixel art.
    Definitely will be actively following your stuff
    keep up the great work!

  • @lukasmikulsky587
    @lukasmikulsky587 2 ปีที่แล้ว

    I could watch your videos all day even without learning anything new. But I do everytime, so please don't stop!

  • @아빠의대모험
    @아빠의대모험 3 ปีที่แล้ว +1

    The composition of this video, along with your explanations and examples! Perfect! thank you so much! Oh, and thank you for adding subtitles so I can use the translation function!

  • @tejasagarkar8377
    @tejasagarkar8377 3 ปีที่แล้ว +1

    This is the ❤️ best pixel art tutorial channel I've ever seen. Is YT Algorithm sleeping😴. His subs should be increases.

  • @ashjustice4166
    @ashjustice4166 3 ปีที่แล้ว +9

    I wish you could explain how to make animation for background, especially how it is repeated

  • @chutney88
    @chutney88 2 ปีที่แล้ว +2

    I know it's been said before, but I have to commend you on the quality and effort put into these videos. It's so cool the way EVERYTHING is pixel art and the compositing is really fancy too. Cheers.

  • @dannylocardosomauricio646
    @dannylocardosomauricio646 3 ปีที่แล้ว +4

    That is absolutely amazing, thank you very much for this tutorial mate!

  • @tissueinu
    @tissueinu 3 ปีที่แล้ว

    I've been subbed for a bit to this channel but hadn't seen this video yet...this is amazingly well done

  • @spark8265
    @spark8265 3 ปีที่แล้ว +4

    you look like a youtuber with 100k subs, amazing quality content!

    • @williammease
      @williammease 7 วันที่ผ่านมา

      This comment aged well.

  • @Dein_Lieblingsknochen
    @Dein_Lieblingsknochen 3 ปีที่แล้ว

    6:13
    i dont think ive ever seen a website or app do this and its a brilliant idea

  • @DaveEscalante-sp8jc
    @DaveEscalante-sp8jc 7 หลายเดือนก่อน

    My new fav mentor

  • @linkunarre
    @linkunarre 3 ปีที่แล้ว +1

    I come from adam's stream, this is really good!

  • @kaboomsihal1164
    @kaboomsihal1164 ปีที่แล้ว

    Also really helpful to know if you're new to this is a lot of software like aseprite etc have options for parallax/tiled modes to let you draw "over the edge" and show you lined up tiles so you can see what the transition looks like. Makes it much easier to draw these.

  • @Thy_Vomp
    @Thy_Vomp ปีที่แล้ว

    Outstanding! I can't believe you only have 60k Subs!!

  • @eyalav6293
    @eyalav6293 4 ปีที่แล้ว +7

    I loved this its so good. Also loved the button 1. Can the next one be a guide for how to use all your pixels (i mean like, i have trouble with 16x and i cant really do well and a tutorial for starters would be great) anyways great video (:

  • @liquidatedtoast293
    @liquidatedtoast293 4 ปีที่แล้ว +5

    Amazing video

  • @bini420
    @bini420 3 ปีที่แล้ว +2

    This is a really well made tutorial, the information was presented with no distractions and you gave alote of examples.
    I'll be honest I came to watch this vid cuz I was bored but wow! Compared to other tutorials this was amazing and I actually never thought of using it in a website like that.
    As a begginer web developer that was very useful information. It gave me a few other ideas I could use this on for web development.
    Would you be interested in making another tutorial on paralax images but going more in depth with its uses?

  • @nvrblonde
    @nvrblonde 4 ปีที่แล้ว

    this video was so good man cant believe you arent bigger, hope good things come man :)

  • @xXLeandro12
    @xXLeandro12 3 ปีที่แล้ว

    Wow, the pixel art and the video edition it's excellent! New sub.

  • @skye5132
    @skye5132 4 ปีที่แล้ว +6

    I really love this! thanks so much.
    I got a bit excited when I saw you uploaded.
    Now i wanna make another game to make use of all this lol

  • @sireggan54
    @sireggan54 3 ปีที่แล้ว

    Your videos are always a joy to watch and really helpful. Please keep posting. Also Broforce is so epic XD

  • @Wimpiethe3
    @Wimpiethe3 3 ปีที่แล้ว

    Great info and the examples really sold it. I especially like the site one's at the end.

  • @Cinematif
    @Cinematif 4 ปีที่แล้ว

    You my man deserve 1 million more subscribers.
    TYSM.
    I am making a 2d game ad this will help a lot

  • @naufalarinal9575
    @naufalarinal9575 5 หลายเดือนก่อน

    thanks man, this helps me a lot ‼️

  • @djjacoby1511
    @djjacoby1511 ปีที่แล้ว

    Awesome!!!

  • @Whimlost
    @Whimlost 2 หลายเดือนก่อน

    This is so helpful!! Thank you!

  • @nnc21july83
    @nnc21july83 2 ปีที่แล้ว +1

    fun fact: the background used by pixel overload in every video he made is also using the parallax law :)

  • @wthisthishandlething
    @wthisthishandlething 3 ปีที่แล้ว +2

    Great video! I just want to know where you got the jungle background from at 4:50.

    • @PixelOverloadChannel
      @PixelOverloadChannel  3 ปีที่แล้ว

      Thanks! I saw something similar online and drew my own version. I've put the assets on my itch.io page.

  • @BossAleks123
    @BossAleks123 2 ปีที่แล้ว

    Thank you for making this good pixel art videos : )

  • @stan0wska200
    @stan0wska200 3 ปีที่แล้ว

    Amazing content. This is very helpful, so thank you!

  • @gaticomuchacho
    @gaticomuchacho ปีที่แล้ว

    Thank you so much, very helpful video!

  • @giantenemycrab5596
    @giantenemycrab5596 3 ปีที่แล้ว +2

    Even the diagrams are high quality

  • @twctong253
    @twctong253 4 หลายเดือนก่อน

    Very very good video

  • @Potato-mp8yw
    @Potato-mp8yw 4 ปีที่แล้ว +1

    Cool.

  • @andreifshkfasifwr3985
    @andreifshkfasifwr3985 3 ปีที่แล้ว

    Excellent video !

  • @angelosathanasopoulos2609
    @angelosathanasopoulos2609 3 ปีที่แล้ว +2

    Amazing video! What size should i make my background?

  • @JuhoSprite
    @JuhoSprite 3 ปีที่แล้ว +2

    But how do I animate it tho? I use photoshop to animate but I have no Idea how to do this effect. It's not like photoshop has a tweening feature

  • @ginkuart
    @ginkuart 3 ปีที่แล้ว +2

    Could you make a tutorial on how to animate the parallax? I have the flat elements but I don’t really know which program to use to animate it

    • @shinkutan
      @shinkutan 3 ปีที่แล้ว

      Move the elements into different layers, have them move at different speeds on each layer.

    • @gangnam-l2p
      @gangnam-l2p ปีที่แล้ว

      @@shinkutan i dont get it, how do i make them move?

  • @masteralbi6595
    @masteralbi6595 3 ปีที่แล้ว

    Amazing

  • @GAHIstudio
    @GAHIstudio 2 ปีที่แล้ว +2

    What software for make animation your pixelart asset? 👍🏼👍🏼👍🏼best

  • @tabithajordannichols3219
    @tabithajordannichols3219 3 ปีที่แล้ว +2

    Great tutorial. What software do you use for animating? Do you use the same software that you build the art in (PS, Aseprite, etc.)?

  • @modiddymo
    @modiddymo 3 ปีที่แล้ว

    Well done. Kudos. Instant sub.

  • @squally9149
    @squally9149 4 ปีที่แล้ว

    Amazing! Seen your post on reddit! Can you do more tutorials on beginner stuff like basic environments and characters please?

  • @MrLoser-ks2xn
    @MrLoser-ks2xn 2 ปีที่แล้ว

    Nice!!!

  • @sink4232
    @sink4232 2 ปีที่แล้ว

    excellent video

  • @cravishlishdeveloper3633
    @cravishlishdeveloper3633 3 ปีที่แล้ว

    I love this

  • @brianphillipstewart1153
    @brianphillipstewart1153 3 ปีที่แล้ว +1

    Hey! Great Video! I have made my layers for my background (implementing on a website) and I came to your video looking for the right application to make this in. Any Recs?

  • @Infinity868
    @Infinity868 2 ปีที่แล้ว

    Great tutorial. One thing that's always confused me, though, is how to do a parallax level? For instance, the levels in Hollow Knight. They extend both horizontally and vertically, and the background is handcrafted to match the midground, they don't repeat. From what I can guess, I assume that I need to make the layers different sizes, but I really don't know how that works.

  • @DestusG
    @DestusG 4 ปีที่แล้ว

    Thanks for the tuts

  • @msv266
    @msv266 3 ปีที่แล้ว

    Epic!!!!!

  • @tastygold
    @tastygold 3 ปีที่แล้ว

    subscribed immediately

  • @youtAccMe
    @youtAccMe 3 ปีที่แล้ว +1

    Hey there! Wanted to ask you what canva size would be good for a parallax background for a game ?
    I love your channel btw, your tutorials are very instructive :))) 🔥❤️

    • @PixelOverloadChannel
      @PixelOverloadChannel  3 ปีที่แล้ว +3

      Thanks! It depends on the resolution of the sprites in your game, so try to make everything in the same grid to avoid 'mixels'.
      I like to use 240 by 135 because when scaled up by a factor of 8, you get a 1920 by 1080 image.
      Hope that helps.

    • @youtAccMe
      @youtAccMe 3 ปีที่แล้ว

      @@PixelOverloadChannel oh i understand! Thanks for your answer and for the tutorials ❤️
      keep with the vids!!! They are inspiring and very well done :D

  • @adventurevlogsYT
    @adventurevlogsYT 9 หลายเดือนก่อน +1

    which software must be good to start with ?

  • @ennizodev
    @ennizodev 2 ปีที่แล้ว

    Very useful for beginners like me ❤️ btw what's the recommended Image Size BG ? Could it be 128 x 128 ?

  •  ปีที่แล้ว

    would it be possible to "remap" odl cga splash screens? bio menace for example?

  • @Shroomypls
    @Shroomypls 3 ปีที่แล้ว

    This is a good tutorial, don't get me wrong, but is there any chance you could make a video explaining how you actually made the different layers have motion? I'm kinda stumped trying to figure that out

  • @Ryu-ky5vt
    @Ryu-ky5vt ปีที่แล้ว

    what is the canvas size should i use for landscape art?

  • @miyumi213
    @miyumi213 ปีที่แล้ว

    how do you make the elements in the background move?

  • @AngryecksButActually
    @AngryecksButActually ปีที่แล้ว

    if more loading screens were like pixel overloads intro, id buy a worse computer.

  • @thanh9441
    @thanh9441 2 ปีที่แล้ว

    Thank you for this vid ! I was wondering if someone maybe could answer me whatcanvas size i should use for parallax backrounds ?

    • @PixelOverloadChannel
      @PixelOverloadChannel  2 ปีที่แล้ว +1

      One paralax tile should be around the same size/dimensions as the screen. I like to use 240 x 135 or 320 x 240 pixels because they can both cleanly scale up to 1080p HD

    • @thanh9441
      @thanh9441 2 ปีที่แล้ว

      @@PixelOverloadChannel ah that makes sens thx for this quick answer after a year of the upload 👏🏾

  • @cisu9470
    @cisu9470 2 ปีที่แล้ว

    any canvas idea for parallax ?

  • @biccsdev
    @biccsdev 2 ปีที่แล้ว

    an you make a tutorial on the website thing? plz

  • @MalarVorghulis
    @MalarVorghulis 2 ปีที่แล้ว +2

    The video is great and all, but e.g. as an Aseprite user, I am still clueless, after watching this video, how to make parallax background there 😞

  • @victornunes9875
    @victornunes9875 ปีที่แล้ว

    Which softwares do you use?

  • @suraj8356
    @suraj8356 3 ปีที่แล้ว

    How to make a vertical type parallex?

  • @brajoro4218
    @brajoro4218 3 ปีที่แล้ว

    Keep posting videos

  • @mrsquid_
    @mrsquid_ 2 ปีที่แล้ว +1

    no way this is already a year old

  • @Boom-Town
    @Boom-Town 4 ปีที่แล้ว

    Great video brother :) Keep it up. You got a sub from me ;)

  • @ehpaanokung5040
    @ehpaanokung5040 2 ปีที่แล้ว

    Uhh just one question, where can i make my pixel art?

    • @PixelOverloadChannel
      @PixelOverloadChannel  2 ปีที่แล้ว +1

      Piskel is free, Aseprite is best

    • @ehpaanokung5040
      @ehpaanokung5040 2 ปีที่แล้ว

      @@PixelOverloadChannel OMG thx so much, i wanna make this one game and i thought it would take a long time to do so thanks again!!!

  • @teabagNBG
    @teabagNBG 3 ปีที่แล้ว

    i want to do a parallax + live day and night + live weather pixel wallpaper, i really could need some help LOL

  • @frannui
    @frannui 3 ปีที่แล้ว

    Hello, it would be great if you put subtitles in Spanish because I don't know a lot of English, by the way, good video

  • @unkerror8819
    @unkerror8819 3 ปีที่แล้ว

    what are the layers sizes ?

    • @Akromee
      @Akromee 2 ปีที่แล้ว

      it depends on what you want the resolution gonna be.
      for example i always make my art with 1600:900. and because i make pixel art, i divided it by 4 so the canvas size will be 400:225 and its enough for my pixel art (you can check in my video). if you want the pixel to look bigger or smaller, just divided it by different number.
      the thing is experimenting with this until you find the right canvas size for your style

  • @mouniaansari3390
    @mouniaansari3390 3 ปีที่แล้ว

    Hi, we are a crypto start up that would love to contact you can you please dm us any kind of way thanks you !

  • @soggyalt9505
    @soggyalt9505 4 ปีที่แล้ว

    WHY DO YOU HAVE THIS LOW AMOUNT OF SUBSCRIBERS WITH WORK LIKE THAT.

  • @MrCrompz
    @MrCrompz 2 ปีที่แล้ว +1

    Amazing