Pixel Art Background Tutorial - (Aseprite)
Вставка
- Опубліковано 16 чер 2024
- My process for making Pixel Art Backgrounds. In this pixel art background tutorial you can learn some useful tips for creating backgrounds for fun or for your own game development.
#pixelart #tutorial #aseprite
Tools: Aseprite, Mouse, Bald Head
Support Me On Patreon - / saultoons
Subscribe - bit.ly/1UcUSkL
Discord - / discord
Instagram - bit.ly/2UIwRxX
Twitter - bit.ly/2IgrCyL
Twitch - bit.ly/2FNS8MQ
Facebook - bit.ly/2UqWcgw
MERCH - teespring.com/stores/saultoons
-- LINKS --
Composition for Noobs - • Composition for Noobs ...
Perspective Tips - • Perspective Drawing Ti...
Value Tips - • Values - Art Tips #1
Shape Theory - • Basic Shape Theory For... - Навчання та стиль
The fact that he recommends other channels to watch indicates that he makes these videos with the interest in helping us, not profit. Great job!!!
I think It’s important to learn from multiple sources, keep an open mind. My techniques or tips might not be best suited to the way some people work :)
@@saultoons I agree, I'm also into sourcing as many instructors as I can to get different perspectives on things. Also a big fan of Mortmort and Adam C Younis
Some feedback I’ve gotten on this video is that there are too many ‘bits’ in between information and it’s distracting to the videos purpose.
I may have went a bit overboard with the jokes on this one, so I’ll definitely keep that feedback in mind for future videos!
Thanks folks 🙂
I agree - outside of that your video was very to the point and packed in a lot of information in a way that was easy to process and understand. I'll check out your shapes and color theory vids. Thanks.
No problemo! Thanks :)
@@saultoons I can really appreciate a creator who can take feedback and criticism, address it and learn from it, then not making it into a 4-part drama series to suck out the UA-cam algorithm, and move on.
Just wanted to make sure that you know you're doing great!
Thanks Ramon I really appreciate those kind words! Just trying to improve and make better videos :D currently about 80% through the next one and this message has been a nice nudge in the right direction 😃 thanks for taking the time to comment!
I really liked the bits!!
I know your inbetween edits/jokes arent popular with everyone but they keep my peewee adhd brain engaged and I get a good chuckle out of it :) Love how simple your explanations are too, thanks for the knowledge!
Yeah it's subjective, you either love it or hate it :'D I'm just glad the information can help some people. Thanks for the kind words and for watching the video :)
I feel like my love for art has been invigorated. Thank you
Good!!!! Keep creating and share your art with the world! Feel free to show us on the discord 😄
Yooo,
This video is SO good. I'm super new to pixel art and often feel like I'm just flailing around in the darkness, so I really appreciate how you structured this into steps with brief explanations of *why* you're doing something. I feel like that "why" can be really hard to get from tutorials, so I really appreciate you diving into the nitty-gritty theory here and there.
Just subbed and am excited to watch more :).
Hi Steven! Thanks for the kind words. I checked out your mage, looks pretty sweet, you're not doing so bad :) If you have any requests for future tutorials, then let me know! :D
Feel free to join the discord, there's a bunch of people helping eachother improve and sharing cool projects :D
Lol just searched pixel art background and got this from 51 mins ago
The universe has aligned with perfect search engine optimisation. It KNOWS when you are going to search for something in the future and makes sure there is a video waiting for you in advance hahah. Thanks for watching ;D
@@saultoons haha your wisdom doesn't end master
I had a very stressful day today so coming home and viewing your videos helped me relax and your humor had me chuckling later. I really enjoy your enthusiasm and how you make the videos educational while entertaining at the same time. Thank you @Saultoons.
Glad to hear this video could help with your stressful day J Mott! Thanks for watching - take it easy and look after yourself 😊
Awesome video man! Really good breakdown of your thinking process through the design stages.
Glad you liked it! Thanks for watching :D
I just started with pixel art,but damn what a timing :D
( also you deserve waaaay more subs)
Thanks! Good luck with your pixel art journey! Feel free to join the discord and share your work with people, everyone will help out :)
I like how your style is so far for what i want, but i still learn because the lessons are well made.
Glad you get some use out of these videos :D
Really fun to watch and super valuable...thank you for sharing this video!
Glad you enjoyed it! Thanks Dimitrios!
Just what I needed thank you!
Glad it could help Cheezee! :D Thanks for the support
awesome, thank you so much for such high quality videos!
Thank you for the support Alien Hatz :D Glad you enjoy the videos
Amazing video as always! The editing is also top-notch!
Thanks Raindeir, I appreciate that man :D
Awesome video!!! Entertaining and informative!
Thanks bro!
Thank you Saul, very cool!
Thank you Noobwise 😄
Great content! I don't normally comment on videos but this was an exception. Cheers! Hope I can apply these soon
Thanks for taking the time to comment Luis! I appreciate it :D hope your work goes well
Another awesome video mate!!
Thanks man!! :D
That darn frog sayin that he’s homeless is something that I’ll *Never* forget, and it’ll *Never* get old.
:'D
You should add your Basic Shape Theory video the the Pixel Art Tutorials Playlist even if it is not /strictly/ related to pixel art, or I would love if you made a companion video on the same concept but specifically demonstrated with pixel art.
I recently found and have really been enjoying your Game Dev and Pixel Art videos, and they have been very helpful to my own exploration in these areas! (And I really appreciate the suggestions to other resources you found helpful. It's great to see someone supporting other creators and those who might benefit from them, even if you're not getting a sponsorship or incentive to support them.)
Learned a lot in this one. Thank you.
Glad to hear it! Thanks for watching :D
3:35
Sualtoons: -proceeds to morph into Willy Wonka's laugh-
Maybe I am willy wonka :|
Another great video!!
Thanks again! :D
This guy in Texas wants you to know he caught that Mike Skinner reference. Great videos!
Easy to understand and learn and funny . Your videos are awesome.
Thanks for the support Forrest
"You can use pre-defined CALABALETTES!"
"I'm subscribing to this silly billy."
Thanks Sigre
i just started doing shits in pixal art and boii so lucky to find your channel! your content is really fun to watch
Glad it could help! Good luck on your pixel art journey, remember to join the discord to share work and get feedback :D
Thank you for this video, I am making backgrounds for Everplast, my indie game, and it is not easy!
Yeah it's definitely not easy, lot's of things to consider. Hope your game goes well :D
Very helpful, thank you!
No problem glad it could help :)
Amazing content, but edit is a bit off, too much noises that kind of distracted me (annoying sometimes). But man you explain things really quickly and accurately, good job.
Yeah I agree, left a pinned comment on this video, basically have been trying to find a better balance ever since :D Thanks for watching
this channel is such a valuable gem , cant believe you only have 10k subs ! am a 2d/3d designer and am just starting to learn pixel art . thank you for the valuable pieces of information
Hi Dhia, thanks for the kind words :) 10k is a lot to me still 😂 I remember 1k!!! But onwards and upwards!! I’m glad you like the channel 😄
Thank you so much for your videos , i can't believe this is free actually x)
hahah I appreciate you watching :D
love it
Thanks!
With every video I watch my power grows
Florbo grows stronger :|
Thanks a lot!
You’re welcome!
Just what I need. :)
Glad it could help Jose! :D
Thanks for the tutorial
No problemo! :)
Good tips man but I found your constant edits kind of distracting from the tone of the video. A couple of those are fine, but it felt like you were doing a funny little "bit" in between everything you said and it came off as a bit much.
That’s very fair, thanks for the feedback I may have went a bit too overboard on this one! I’ll keep that in mind for future videos :o)
He should've put "for people with ADHD" in the title.
We really hate looking at the same thing for long or the feeling of getting stuck.
Another cracking video, thank you mate! :D
Glad you enjoyed it
men,
I love you!!! Muito obrigado! Ty
Thanks! I'm not doing anything playable, but it still helps a lot
Glad it could help Julius :)
Amazing Videos and channel! Thank you and keep going :D
I will, thanks for the kind words!
This video is helpful but I actually watch videos until I fall asleep and you scared me and wake me up so many times that I just decided to skip the video and watched the tomorrow
My bad
This is a reallu good channel
Thanks Peke! Glad you like it :)
I really wanted an animated treasure chest in a forest and got excited when I saw your thumbnail. Instead I got frogs.
You would’ve been disappointed either way because that’s a cave not a forest 🤣 I still gotta change that thumbnail eh.
@@saultoons any way you can do a tut on the animated chest in a cave? :)
Hey, thank you!
Hello :) no problemo !
Cool video thank you
No problem, hope it could help! :D
I've been a 3D artist for about 6 years and decided one day to make a pixel art game, by the fact I'm here you can probably tell how that's going
From the fact you're commenting on a tutorial I can tell that you're actively trying to improve your skills and learn more and that is a positive sign, best of luck with your game! :)
thank you
You're welcome
this is really good
Glad you like it :D
@@saultoons ur one of the few channels that I subscribed to without even thinking because of this vid, its so high quality even for such a small youtuber, all the best man
@@DevHedron That's awesome! :D I am doing my best to put lots of effort into the videos, some for fun and some where people can learn something :) Thanks for subbing :D
How are you not much more popular is beyond me
Thanks for the love Doctopus :D I appreciate it :}
@@saultoons I'm planning to draw a page from an anatomy atlas in pixel art style. Your videos inspired me a lot :) Keep up the awesome work buddy!
Thanks more videos on the way!
Good luck with your anatomy page :D
Haha, when you puked up those things 0:40 i didnt expect that
Could you do a video explaining better the process for color and value on Aseprite? Or maybe do you have one already? I checked the value tips video but that was just about value theory, what I mean is what filling exactly do you use on the value layer once you have the color layer set to "color".
This is a good idea Brian, until then it might interest you to check out the Top down tutorial I have on here which shows my value to colour process hopefully in more detail :) Let me know if it helps!
Nice video!
Thanks Token!!! 😄
ugh. gained a subscriber. the in contrast joke got me. goddamn YoUuuuUuUuUUuuuu. *echoes into infinity*
hahahah welcome aboard, thanks for joining :D
Great balance of doofy/creative/intelligent. Subsubsubbed
Thanks, glad you like it :D
Oh, i cant believe, this was uploaded in my birthday, you deserve more subs!!
Question: How could this work in a mario styled background 🤔
Thank you :D
The principles apply regardless of the type of background, be wary of values, contrast and shapes, these are fundamentals for art/design :)
Oh, i never trought, you answered fast, nice service
@@ScarlettJett34 Haha no problemo, currently writing my next tutorial so I'm at the computer ;D Not always this speedy haha
Thanks.
No problemo
Johnny Sins gets another new job as pixel art tutor 😅(don't mind). ❤ your tutorials
hahahaha
this video was helpful thank you! also what software do you use and does it cost money?
Howdy, glad the video was helpful. I use Aseprite and it does cost but it's pretty cheap and definitely worth it. There are other free software's out there if you're just getting into Pixel art though :D
If I were to make a pixel art background. What canvas size do you recommend people using?
This is awesome! Binge watching your videos right now. What engine do you use for your games?
Awesome! Glad you like it :) I use Unity and C# at the moment but considering trying out Godot. What about you? Do you develop games?
I've been wanting to but I don't know where to start, I'm considering Gdevelop because I have zero knowledge on coding. I want make a game using my own sprites and glad I have found your channel.
Do you got any advice if I should start on the art first or rather making the game with like boxes first?
I think it depends really. If the art is what gets you excited and you want to bring it to life then maybe start with an art mock-up and try making a game off that. But if you are more interested in the game design and development then a prototype based approach is usually a good idea before you commit to full assets. Short answer: whichever approach is more fun. Especially as a beginner you want to be having fun learning :) gdevelop looks interesting there’s lots of visual coding programmes out there too. Godot, Unity, unreal all have visual scripting but gdevelop or construct 3 might be simpler to start with and still very effective :)
Feel free to join the discord and share your progress we’d love to help 😄
@@saultoons thanks for the great advice I'll keep it in mind :)
So helpful, thanks man. Jokes were always welcome too haha.
No problemo! Glad you got some help from it :D
Good video, I liked it but the thumbnail and the start shows a different background from the one you create.
Yes, I can see how this may be annoying, but I did not record the process for this background. It was created with the same process though :)
@@saultoons I would also like if the thumbnail is showing what we are watching in the video. The frog scene is nice but the thumbnail of the video looked even better. Anyways, I really do enjoy your videos, so much value inside. Thank you!
the glitches are hilarious man
am really struggling with drawing backgrounds still this helped though
Glad it helped :D
Hello! So im just a starter in this stuff really, (by that I mean I just got aseprite) and im just confused with how to get the shapes and concepts for bgs and stuff. Or even recreating a picture.
It all comes down to observation and reference, trying to break objects down into basic shapes. I'll make a video on referencing in the future most likely
NEEEEXT
COMING UP
I still have one giant doubt!
How do I keep the background art style consistent with my character? Should I just split my background resolution into tiles too? Should I just creat a giant canvas? What's the best approach?
You can achieve consistency through a lot of various ways, consistency in style comes down to similarities. These similarities can include, but not limited to: size, shape, colour, linework, perspective, or basically any art fundamental you can think of.
Keeping character style consistent with background examples: use similar shape language, rounded designs, instead of sharp. Use similar sizes: assets are built out of 16px grids for example.
BUT...
In art for video games, It's more difficult because in most cases you want your character/interactable/enemies to STAND out from the background, so instead of similarities, you'll need differences, which bring contrast and allow the player character to stand out from the background so they can easily be tracked by the player.
How to make characters/interactable/enemies stand OUT from the background - Character can have an outline, whereas background elements don't. Character can have more saturated versions of colours, or higher value range than the background.
Really there are a lot of options and there's no real best way, its a fine balance between similarity and difference; the balance of contrast. I'd recommend learning more about art fundamentals and pixel art fundamentals (check out my Ultimate Pixel Art Tutorial for this) and then analysing games that you like the look of. How do they achieve consistency in style? How do they achieve contrast between player/background... Lots of things to consider! :)
@@saultoons thanks for the in-depth reply! I'm just starting learning this stuff and I'm having a lot of fun creating characters and trying to animate those and just find out your channel! Your tips are really good!
I'm feeling like I can draw alright characters already but still need to improve on the animations and need to start trying to do tiles and assets, but based on what I've tried so far, I think it won't be as difficult as the background!
So far I hated every single background I've tried to draw! I think it's the most difficult part there's just too much space to fill! The limitations of canvas as 8x8, 16x16 for the other things makes it easier to get creative! The background art feels almost as daunting as clean sheet of paper LOL
But your example on the video was really great as it was minimalistic but had just the right amount of details! I'll try to start similar to that!
My greatest fear is mess up the art scale between the assets as that's one thing everyone keeps repeating, that if you draw on a different scale, things would look bad! I've just learned that the characters and tiles should both use the same pixel grid size to have consistency, but when I think about the background it gets confusing on how to set it up, for example for my character I can have a 16x16 grid and draw on that and also use a 16x16 tile and be good! But about the background if I just create a 640x360 background to have a 3x integer scale to 1080p later I think I'll have just too many pixel and I'm not sure (really dumb assumption from the lack of experience here) that my brush size pixel size will be the same, you know? Because at least that's how it feels when I draw the same character from a 32x32 to a 16x16, the pixel feel smaller on 32x32 so I can add more details and shading that the 16x16 lacks and those two arts wouldn't blend well together.
Maybe I just suck idk hahaha
Sorry for the wall of text!
I'll check it out your other videos!
Cheers! :)
EDIT: Just forgot to ask if you have made any videos talking about designing background art for parallax scrolling!
lets get that dragon comon guys!!!
One day 😉
You funny buoy 😂 I like this funny noices
Glad you like it! 😂
where do u draw
My only question is what size do you ( or anyone else ) consider a " small canvas " to be ? Are you referring to like a 720 x 1280 or potentially lower ?
For pixel art 720x1280 is huge. Small canvas for characters I would consider to be around 16x16px, medium around 32px, large around 80px. For environments it differs depending on aspect ratio, but 128x72 is not so bad. Typically we’re talking in the low hundreds and tens or lower
@@saultoons Yeah that make sense, thank you !
What is a good size canvas given that my characters are 32x32??
Depends how much space you want there to be around your characters, try experimenting with some increment of 32 x 8 or whatever :D
thanks bald guy
Np
@@saultoons youre not mad i called you bald?
Why would that make me mad? I am bald 🤣
How did you make your profile picture
?
Please take a video of how it's done.
Check out my cartoon/comic tutorial it is the same process :)
nice editing man, you make my pixel art videos look bad hehe
Haha noooo man you’re killing it. I get lots of hate on this video! It also takes far too long for one video 🙃 I appreciate the love though 😄
What size canvas do I use so the image fits the screen?
Depends on your screen size. Most common screen aspect ratios are 16:9, but there are different aspect ratios too. My monitor is 1920x1080 pixels, which is 16:9 ratio, for example.
For pixel art you usually work in some power of 2 in 16:9 ratio resolution and then it would be scaled up to fit the full screen size, as 1920 pixels is a LOT for pixel art, a more realistic size is 192x108 for pixels, then it would be scaled by 10 for example.
Give 'true 16:9 screen resolutions' a google and you'll find a list of easily scalable screen sizes
I was expecting step one to be:
References
Step 1: be bald. Come back when you have shaved your head hahahaha :'D
3:44 distracted 😂🤣😂😂😂
hahah right on cue
Ooo, are we counting in the comments? I wanna join!
These are letters you’re doing it wrong!!!!! 🤣
@@saultoons 1 1057
@@aleiocus Much better!
hey bro when I make a circle and with the paint bukct tool and draw a circle and click inside it the whole lie is painted :(
help me
On asperite? Join the discord and share your problem in the art channel. We will be happy to help :)
So like no one is gonna talk about those ramdom lines or not ?
Is there a video where he made the art from the thumbnail?
I didn’t record the process for that piece but it’s the same exact process as the work shown here :) I keep meaning to change the thumbnail to reflect that. If you’re ever on one of the livestreams feel free to ask about that piece and I’ll show the file to you and explain
Amigo sería tu fan si te entendiera :0
Soy tu amigo si te entendi :D
@@saultoons Oh gracias :'D
starting in black and white for just values is super swiggity giggity, i'm no pro leonardo but that makes a lot of sense in the ooolllll' brain game mainframe. help hopeless frog find homley home #forg. thanks
Yeah, the only issue I have with starting in values is the colours may not be as you want them when you first apply colour. But you just gotta keep tweaking until you like it ;D Like having blue toast. Thanks for comment TOAST
Teeny pedantic detail; "Homey" and Homely" are completely different words to someone in North America. Just some fun contrast in language use.
Words are hard, only pictures for me 😂
@@saultoons And the pictures are hard for me. I'm glad to see your tutorials and I'm happy to subscribe!
@@Kattbirb Thanks for subscribing :D
I know I am a year late but does anyone know where I can find a good unity guide to tie all the pixel art lessons together and use I'm unity?
I might make one eventually, I've been meaning to do so hehe! Pixel perfect importing can be difficult :o
@@saultoons awesome 😁 thank you for the reply will definitely keep my eye out for that
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
I would love to but I need a Spanish translator for that and current don’t have the funds to hire anyone! It’s a shame because UA-cam have taken away community contribution for subtitles too :( Hopefully in the future but thank you for watching anyway!
how to change light value? I'm too noob at whatever you're saying.
How to change values you mean? Select the value with magic wand tool or something and just change in the colour selector :D feel free to join the discord where you can be more specific and there are lots of people who can help out
poor froggo tho
The frog will be ok :D
what If the Background in home
The process for creating interiors is similar - set up perspective, (usually 2 point for interiors, though 1 point perspective is also valid), then draw on that. You won't need to set up atmospheric effects, unless it's a very large room I guess haha :'D
is aseprite good?
I think so! It has some features that I really like for animation especially
@@saultoons ooh thanks, i’ll definitely dive more into it! pretty interested in learning pixel art rn lol
@@michyx2732 Good luck! Feel free to join the discord, lots of pixel people in there that can help you out too :)
I suggest to include fewer bloopers because that much comedic relief isn't necessary for such a short video. It is more distracting if you want to concentrate on the content.
Yeah had that feedback a lot on this one have toned it down on the tutorials since then hehe thanks Verbal!
Awesome tips! I find the constant cuts to the jokes a bit distracting though. You're funny, dont get me wrong, its just a little too much when Im super into what you're saying and it gets cut off by another mispronunciation joke every 15 seconds
Yeah I’ve mentioned this in my pinned comment just a bit OTT on this video I think :) glad you got some use out of it either way though
Next
NEXT
Link to the Pixel Art?
Which pixel art?
This be agud vidya
Thanks Stotty! :D
NEXT
NEXT
Please videos in spanish pleaseeeeeeeeee
One day I hope to be able to do that :D
@@saultoons ok thank you