Pixel Art Background Tutorials



  • Starting this topic to demonstrate how to do pixel art backgrounds. One thing that is missing from some of my pixel art is a good understanding of making backgrounds. So here is my first study. Tutorials to follow:

    0_1497282761295_bg_1.png



  • Background 2.
    I think I have a process that works consistently (and it's easy). Perhaps a tutorial is coming?

    0_1497627900931_BG 2.png



  • BG 3. That's all for the samples. Now for a tutorial.
    0_1497629016683_BG 3.png



    1. Get a Photo (search: landscape): Example
    2. Change the canvas to 64x32
    3. Squint your eyes to see the main colors.
    4. Divide the canvas with the main colors using lines & shapes.
    5. Fill in the shapes with the main colors.
    6. Resize the canvas to 128x64.
    7. Divide the canvas further using more lines and Refine shapes (adding jaggies).
    8. Shade with Dithering (if needed)

    0_1497639874137_BG4.png



  • @TutorialDoctor interesting tutorial. I couldn't figure out how to shade stuff right and I couldn't show the detail for the trees well, but here's my attempt (original image not mine):
    Original
    0_1497690870676_IMG_3384.PNG



  • Wow. Great job. I'll add another drawing on shading (figured I should have done that). You pretty much got it though! Nice! Squint your eyes often to get the feel for the colors and make your initial colors closer to what you see when you squint.


Log in to reply