logo hyperPad Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    • Login

    Pixel Art Background Tutorials

    Scheduled Pinned Locked Moved
    WIP and Showcase
    2
    6
    843
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • TutorialDoctorT
      TutorialDoctor
      last edited by

      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

      1 Reply Last reply Reply Quote 1
      • TutorialDoctorT
        TutorialDoctor
        last edited by TutorialDoctor

        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

        1 Reply Last reply Reply Quote 0
        • TutorialDoctorT
          TutorialDoctor
          last edited by

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

          1 Reply Last reply Reply Quote 0
          • TutorialDoctorT
            TutorialDoctor
            last edited by TutorialDoctor

            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

            Jack8680J 1 Reply Last reply Reply Quote 1
            • Jack8680J
              Jack8680 @TutorialDoctor
              last edited by Jack8680

              @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

              1 Reply Last reply Reply Quote 1
              • TutorialDoctorT
                TutorialDoctor
                last edited by TutorialDoctor

                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.

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post