How to make Parallax Backgrounds (Pixel Art Tutorial)

  Рет қаралды 119,668

Pixel Overload

Pixel Overload

Күн бұрын

Hello! In this video I'll be showing you some ways to make parallax backgrounds for games and other things too.
Thanks for watching, and enjoy the video!
Reddit: u/Pixel_Overload
Itch.io: pixeloverload.itch.io/
~Chapters~
Intro: (0:00)
Learning The Ropes: (1:44)
Branching Out: (4:37)
Changing It Up: (5:57)

Пікірлер: 108
@PixelOverloadChannel
@PixelOverloadChannel 3 жыл бұрын
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 3 жыл бұрын
All goood, I likes the pacing in this one. How to make rocks would be helpful
@Palocles
@Palocles 3 жыл бұрын
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 жыл бұрын
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 жыл бұрын
@@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.
@maxpozderec
@maxpozderec 3 жыл бұрын
Wtf this is so high quality i expected alot more people to be subscribed
@cuboembaralhado8294
@cuboembaralhado8294 2 жыл бұрын
Agreed
@teacupanimates
@teacupanimates 2 жыл бұрын
Same
@gazi427
@gazi427 2 жыл бұрын
IKR, im also suprise at the view count
@leonlozar1014
@leonlozar1014 Жыл бұрын
Fr
@jakes-dev1337
@jakes-dev1337 3 ай бұрын
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.
@notapplicable7188
@notapplicable7188 3 жыл бұрын
This was a very well produced video! I looking forward to seeing this channel grow
@eightbitbert
@eightbitbert 3 жыл бұрын
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 Жыл бұрын
Holly, these are some insanely well made, clean, and informative tutorials.
@magnusalferes1143
@magnusalferes1143 Жыл бұрын
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
@user-zl3mr7xo4e
@user-zl3mr7xo4e 3 жыл бұрын
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!
@Eric_Shaun
@Eric_Shaun 2 жыл бұрын
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!
@xretrocat64x
@xretrocat64x 4 ай бұрын
Would love to see tons more pixel tutorials from you! Even if they are super long and detailed. Great work @PixelOverloadChannel 😊
@chutney88
@chutney88 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.
@ashjustice4166
@ashjustice4166 3 жыл бұрын
I wish you could explain how to make animation for background, especially how it is repeated
@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
@sireggan54
@sireggan54 3 жыл бұрын
Your videos are always a joy to watch and really helpful. Please keep posting. Also Broforce is so epic XD
@nvrblonde
@nvrblonde 3 жыл бұрын
this video was so good man cant believe you arent bigger, hope good things come man :)
@lukasmikulsky587
@lukasmikulsky587 2 жыл бұрын
I could watch your videos all day even without learning anything new. But I do everytime, so please don't stop!
@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.
@Wimpiethe3
@Wimpiethe3 3 жыл бұрын
Great info and the examples really sold it. I especially like the site one's at the end.
@xXLeandro12
@xXLeandro12 3 жыл бұрын
Wow, the pixel art and the video edition it's excellent! New sub.
@DaveEscalante-sp8jc
@DaveEscalante-sp8jc 2 ай бұрын
My new fav mentor
@dannylocardosomauricio646
@dannylocardosomauricio646 3 жыл бұрын
That is absolutely amazing, thank you very much for this tutorial mate!
@PixelOverloadChannel
@PixelOverloadChannel 3 жыл бұрын
You're Welcome!
@bini420
@bini420 3 жыл бұрын
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?
@tejasagarkar8377
@tejasagarkar8377 3 жыл бұрын
This is the ❤️ best pixel art tutorial channel I've ever seen. Is YT Algorithm sleeping😴. His subs should be increases.
@eyalav6293
@eyalav6293 3 жыл бұрын
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 (:
@naufalarinal9575
@naufalarinal9575 Ай бұрын
thanks man, this helps me a lot ‼️
@stan0wska200
@stan0wska200 3 жыл бұрын
Amazing content. This is very helpful, so thank you!
@BossAleks123
@BossAleks123 2 жыл бұрын
Thank you for making this good pixel art videos : )
@andreifshkfasifwr3985
@andreifshkfasifwr3985 3 жыл бұрын
Excellent video !
@PolymathAtif
@PolymathAtif 3 жыл бұрын
You my man deserve 1 million more subscribers. TYSM. I am making a 2d game ad this will help a lot
@gaticomuchacho
@gaticomuchacho Жыл бұрын
Thank you so much, very helpful video!
@linkunarre
@linkunarre 3 жыл бұрын
I come from adam's stream, this is really good!
@spark8265
@spark8265 3 жыл бұрын
you look like a youtuber with 100k subs, amazing quality content!
@DestusG
@DestusG 3 жыл бұрын
Thanks for the tuts
@djjacoby1511
@djjacoby1511 Жыл бұрын
Awesome!!!
@modiddymo
@modiddymo 3 жыл бұрын
Well done. Kudos. Instant sub.
@liquidatedtoast293
@liquidatedtoast293 3 жыл бұрын
Amazing video
@PixelOverloadChannel
@PixelOverloadChannel 3 жыл бұрын
Thanks!
@Thy_Vomp
@Thy_Vomp Жыл бұрын
Outstanding! I can't believe you only have 60k Subs!!
@cravishlishdeveloper3633
@cravishlishdeveloper3633 2 жыл бұрын
I love this
@MrLoser-ks2xn
@MrLoser-ks2xn Жыл бұрын
Nice!!!
@giantenemycrab5596
@giantenemycrab5596 3 жыл бұрын
Even the diagrams are high quality
@Potato-mp8yw
@Potato-mp8yw 3 жыл бұрын
Cool.
@skye5132
@skye5132 3 жыл бұрын
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
@MrCrompz
@MrCrompz Жыл бұрын
Amazing
@Dein_Lieblingsknochen
@Dein_Lieblingsknochen 3 жыл бұрын
6:13 i dont think ive ever seen a website or app do this and its a brilliant idea
@sink4232
@sink4232 2 жыл бұрын
excellent video
@squally9149
@squally9149 3 жыл бұрын
Amazing! Seen your post on reddit! Can you do more tutorials on beginner stuff like basic environments and characters please?
@msv266
@msv266 2 жыл бұрын
Epic!!!!!
@nnc21july83
@nnc21july83 2 жыл бұрын
fun fact: the background used by pixel overload in every video he made is also using the parallax law :)
@tastygold
@tastygold 3 жыл бұрын
subscribed immediately
@angelosathanasopoulos2609
@angelosathanasopoulos2609 3 жыл бұрын
Amazing video! What size should i make my background?
@tabithajordannichols3219
@tabithajordannichols3219 3 жыл бұрын
Great tutorial. What software do you use for animating? Do you use the same software that you build the art in (PS, Aseprite, etc.)?
@brianphillipstewart1153
@brianphillipstewart1153 3 жыл бұрын
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?
@MaschiTuts
@MaschiTuts 3 жыл бұрын
boss tutorial.
@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.
@JuhoSprite
@JuhoSprite 3 жыл бұрын
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
@ennizodev
@ennizodev 2 жыл бұрын
Very useful for beginners like me ❤️ btw what's the recommended Image Size BG ? Could it be 128 x 128 ?
@brajoro4218
@brajoro4218 3 жыл бұрын
Keep posting videos
@Boom-Town
@Boom-Town 3 жыл бұрын
Great video brother :) Keep it up. You got a sub from me ;)
@AngryecksButActually
@AngryecksButActually Жыл бұрын
if more loading screens were like pixel overloads intro, id buy a worse computer.
@youtAccMe
@youtAccMe 3 жыл бұрын
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 жыл бұрын
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
@MalarVorghulis
@MalarVorghulis Жыл бұрын
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 😞
@wthisthishandlething
@wthisthishandlething 3 жыл бұрын
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.
@Shroomypls
@Shroomypls 2 жыл бұрын
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
@adventurevlogsYT
@adventurevlogsYT 4 ай бұрын
which software must be good to start with ?
@ginkuart
@ginkuart 3 жыл бұрын
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.
@user-gl4iz9ny7o
@user-gl4iz9ny7o Жыл бұрын
@@shinkutan i dont get it, how do i make them move?
@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 жыл бұрын
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 👏🏾
@Gambarapahariini
@Gambarapahariini 2 жыл бұрын
What software for make animation your pixelart asset? 👍🏼👍🏼👍🏼best
@suraj8356
@suraj8356 3 жыл бұрын
How to make a vertical type parallex?
@Ryu-ky5vt
@Ryu-ky5vt Жыл бұрын
what is the canvas size should i use for landscape art?
@mrsquid_
@mrsquid_ 2 жыл бұрын
no way this is already a year old
@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
@victornunes9875
@victornunes9875 Жыл бұрын
Which softwares do you use?
7 ай бұрын
would it be possible to "remap" odl cga splash screens? bio menace for example?
@teabagNBG
@teabagNBG 2 жыл бұрын
i want to do a parallax + live day and night + live weather pixel wallpaper, i really could need some help LOL
@biccsdev
@biccsdev Жыл бұрын
an you make a tutorial on the website thing? plz
@miyumi213
@miyumi213 9 ай бұрын
how do you make the elements in the background move?
@cisu9470
@cisu9470 Жыл бұрын
any canvas idea for parallax ?
@unkerror8819
@unkerror8819 2 жыл бұрын
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
@ehpaanokung5040
@ehpaanokung5040 2 жыл бұрын
Uhh just one question, where can i make my pixel art?
@PixelOverloadChannel
@PixelOverloadChannel 2 жыл бұрын
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!!!
@mouniaansari3390
@mouniaansari3390 2 жыл бұрын
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 3 жыл бұрын
WHY DO YOU HAVE THIS LOW AMOUNT OF SUBSCRIBERS WITH WORK LIKE THAT.
@masteralbi6595
@masteralbi6595 3 жыл бұрын
Amazing
What Canvas Size Should you use for Pixel Art? (Pixel Art Tutorial)
7:28
How to make Pixel Art Fonts!
9:23
Pixel Overload
Рет қаралды 81 М.
Stay on your way 🛤️✨
00:34
A4
Рет қаралды 23 МЛН
КАК ДУМАЕТЕ КТО ВЫЙГРАЕТ😂
00:29
МЯТНАЯ ФАНТА
Рет қаралды 10 МЛН
Pixel Art Class - Parallax Beach Scene
27:34
AdamCYounis
Рет қаралды 81 М.
How to make Pixel Art Buttons!
9:47
Pixel Overload
Рет қаралды 124 М.
My Personal Do's and Don'ts of Pixel art! (How I make pixel art!)
6:43
Revisiting my tileset workflow for Aseprite's new 1.3 release
27:55
How to Make a Good 2D Camera
11:38
Game Maker's Toolkit
Рет қаралды 394 М.
How to ACTUALLY get into Gamedev
14:01
DaFluffyPotato
Рет қаралды 708 М.
Technique for Creating Beautiful Level Design
11:48
Pixel Architect
Рет қаралды 840 М.
How To Make Game Art
22:34
Saultoons
Рет қаралды 188 М.
How to Draw Pixel Art Trees! (My method)
5:25
Pixel Overload
Рет қаралды 129 М.
“How do you start Pixel Art?”…Here’s what I did!
12:42
Brandon James Greer
Рет қаралды 420 М.
Angry Sigma mom 😡😡 #shorts  #ytshorts #youtubeshorts #comedy
0:15
Viraj kuku Nautiyal
Рет қаралды 4,8 МЛН
Joy vs Anxiety - inside out 2 animation 2
0:11
Art Animation
Рет қаралды 9 МЛН