Тёмный

How to make Parallax Backgrounds (Pixel Art Tutorial) 

Pixel Overload
Подписаться 100 тыс.
Просмотров 115 тыс.
50% 1

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)

Кино

Опубликовано:

 

15 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 106   
@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 Месяц назад
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 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 2 года назад
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.
@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.
@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!
@noelfoldi
@noelfoldi Год назад
Holly, these are some insanely well made, clean, and informative tutorials.
@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!
@xretrocat64x
@xretrocat64x 3 месяца назад
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.
@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
@sireggan54
@sireggan54 3 года назад
Your videos are always a joy to watch and really helpful. Please keep posting. Also Broforce is so epic XD
@tissueinu
@tissueinu 2 года назад
I've been subbed for a bit to this channel but hadn't seen this video yet...this is amazingly well done
@ashjustice4166
@ashjustice4166 3 года назад
I wish you could explain how to make animation for background, especially how it is repeated
@Wimpiethe3
@Wimpiethe3 2 года назад
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.
@lukasmikulsky587
@lukasmikulsky587 2 года назад
I could watch your videos all day even without learning anything new. But I do everytime, so please don't stop!
@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?
@nvrblonde
@nvrblonde 3 года назад
this video was so good man cant believe you arent bigger, hope good things come man :)
@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 (:
@dannylocardosomauricio646
@dannylocardosomauricio646 3 года назад
That is absolutely amazing, thank you very much for this tutorial mate!
@PixelOverloadChannel
@PixelOverloadChannel 3 года назад
You're Welcome!
@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.
@stan0wska200
@stan0wska200 2 года назад
Amazing content. This is very helpful, so thank you!
@gaticomuchacho
@gaticomuchacho Год назад
Thank you so much, very helpful video!
@BossAleks123
@BossAleks123 Год назад
Thank you for making this good pixel art videos : )
@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
@CurlyGenius6000
@CurlyGenius6000 3 года назад
You my man deserve 1 million more subscribers. TYSM. I am making a 2d game ad this will help a lot
@tejasagarkar8377
@tejasagarkar8377 2 года назад
This is the ❤️ best pixel art tutorial channel I've ever seen. Is YT Algorithm sleeping😴. His subs should be increases.
@Thy_Vomp
@Thy_Vomp Год назад
Outstanding! I can't believe you only have 60k Subs!!
@linkunarre
@linkunarre 3 года назад
I come from adam's stream, this is really good!
@squally9149
@squally9149 3 года назад
Amazing! Seen your post on reddit! Can you do more tutorials on beginner stuff like basic environments and characters please?
@spark8265
@spark8265 3 года назад
you look like a youtuber with 100k subs, amazing quality content!
@DaveEscalante-sp8jc
@DaveEscalante-sp8jc 29 дней назад
My new fav mentor
@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.)?
@Dein_Lieblingsknochen
@Dein_Lieblingsknochen 2 года назад
6:13 i dont think ive ever seen a website or app do this and its a brilliant idea
@DestusG
@DestusG 3 года назад
Thanks for the tuts
@modiddymo
@modiddymo 3 года назад
Well done. Kudos. Instant sub.
@andreifshkfasifwr3985
@andreifshkfasifwr3985 3 года назад
Excellent video !
@angelosathanasopoulos2609
@angelosathanasopoulos2609 3 года назад
Amazing video! What size should i make my background?
@nnc21july83
@nnc21july83 2 года назад
fun fact: the background used by pixel overload in every video he made is also using the parallax law :)
@liquidatedtoast293
@liquidatedtoast293 3 года назад
Amazing video
@PixelOverloadChannel
@PixelOverloadChannel 3 года назад
Thanks!
@MrCrompz
@MrCrompz Год назад
Amazing
@ennizodev
@ennizodev 2 года назад
Very useful for beginners like me ❤️ btw what's the recommended Image Size BG ? Could it be 128 x 128 ?
@cravishlishdeveloper3633
@cravishlishdeveloper3633 2 года назад
I love this
@giantenemycrab5596
@giantenemycrab5596 2 года назад
Even the diagrams are high quality
@djjacoby1511
@djjacoby1511 Год назад
Awesome!!!
@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?
@Infinity868
@Infinity868 Год назад
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.
@sink4232
@sink4232 2 года назад
excellent video
@Potato-mp8yw
@Potato-mp8yw 3 года назад
Cool.
@MrLoser-ks2xn
@MrLoser-ks2xn Год назад
Nice!!!
@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.
@ay2349
@ay2349 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.
@ay2349
@ay2349 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
@msv266
@msv266 2 года назад
Epic!!!!!
@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
@Boom-Town
@Boom-Town 3 года назад
Great video brother :) Keep it up. You got a sub from me ;)
@tastygold
@tastygold 2 года назад
subscribed immediately
@JuhoSprite
@JuhoSprite 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
@MaschiTuts
@MaschiTuts 3 года назад
boss tutorial.
@brajoro4218
@brajoro4218 3 года назад
Keep posting videos
@Gambarapahariini
@Gambarapahariini 2 года назад
What software for make animation your pixelart asset? 👍🏼👍🏼👍🏼best
@gwenwyn_7600
@gwenwyn_7600 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?
@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
@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 👏🏾
@adventurevlogsYT
@adventurevlogsYT 2 месяца назад
which software must be good to start with ?
6 месяцев назад
would it be possible to "remap" odl cga splash screens? bio menace for example?
@Ryu-ky5vt
@Ryu-ky5vt Год назад
what is the canvas size should i use for landscape art?
@AngryecksButActually
@AngryecksButActually Год назад
if more loading screens were like pixel overloads intro, id buy a worse computer.
@victornunes9875
@victornunes9875 Год назад
Which softwares do you use?
@biccsdev
@biccsdev Год назад
an you make a tutorial on the website thing? plz
@suraj8356
@suraj8356 3 года назад
How to make a vertical type parallex?
@cisu9470
@cisu9470 Год назад
any canvas idea for parallax ?
@mrsquid_
@mrsquid_ 2 года назад
no way this is already a year old
@miyumi213
@miyumi213 7 месяцев назад
how do you make the elements in the background move?
@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 😞
@teabagNBG
@teabagNBG 2 года назад
i want to do a parallax + live day and night + live weather pixel wallpaper, i really could need some help LOL
@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!!!
@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
@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 2 года назад
Amazing
Далее
🎙ПОЮ твои ЛЮБИМЫЕ ПЕСНИ💥
3:22:10
Best tutorial💞🤗🕺🏻 #tiktok
00:11
Просмотров 502 тыс.
🤢 To try piggy toothpick beauty gadget
00:30
Просмотров 7 млн
Optimizing my Game so it Runs on a Potato
19:02
Просмотров 400 тыс.
8 DEVS Make a GAME without COMMUNICATING!
13:21
Просмотров 968 тыс.
HOW TO PIXEL ART   TREE EASTWARD STYLE
33:18
Просмотров 2,2 тыс.
How to make Pixel Art Fonts!
9:23
Просмотров 78 тыс.
I Made A Difficult Game About Climbing
15:04
Просмотров 1,9 млн
I Made the Same Game in 8 Engines
12:34
Просмотров 3,8 млн
How To Make Game Art
22:34
Просмотров 176 тыс.
The new guy #adamrose #funny #construction
1:00
Просмотров 3,6 млн