Results 1 to 5 of 5

Thread: Layers/Pattern Fill with MS Paint. (A tutorial I hope no one else ever needs to use.)

  1. #1
    Guild Journeyer
    Join Date
    Feb 2009

    Post Layers/Pattern Fill with MS Paint. (A tutorial I hope no one else ever needs to use.)

    MS Paint is very limited in its features and it has several bugs that can be troublesome, more so when dealing with formats other than bitmap.

    This is a short tutorial on how to get MS Paint to do things it's not normally supposed to do.

    When creating an image that needs a pattern fill, you need to decide on the colors you will use to designate the fill areas. Fully saturated colors work best because they are easy to remember, but any color you will not otherwise be using in the image works as well. You can have as many pseudo-layers as you have colors you will not be using.

    Since the image for the Bahamut Star System required only two pattern fills, I used black and white.

    So step one is to create the base image as seen in image one below.

    Step two is to create the first pattern you want to fill with. The pattern is a separate image filled with the same size as the base image. In this case the pattern image is the background color, or two repeating lines of two nearly black greens. See image two.

    Step three is to create the next pattern you want to fill with. (Repeat as many times as you have patterns.) This is the same as step two, in this particular instance the pattern is the fore color or two alternating bright green lines. See image three.

    Step four is to copy the entire base image from a separate instance of MS Paint and then paste it on top of the first pattern. Before you finish the paste operation, set the background color of the MS paint instance with pattern one to the same color on the base image you want to pattern fill. Then turn off "draw opaque" in the image menu. See image four for the result. As you can see the background color now fills the background.

    Step five is to do the same thing for the other areas that need to be filled. In this case the foreground of the base image. Take the previous image (the one with the background filled) and then paste it over the next pattern image, again setting the background color to the same as the color that you want to replace with the pattern. See image five.

    Repeat step five for as many other colors that you wish to replace.

    Note: Due to color problems MS Paint has when working in formats other than 24bit Bitmap, I would suggest working in that format and then saving the final results in PNG when done.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Planetary_1.png 
Views:	440 
Size:	28.9 KB 
ID:	16737   Click image for larger version. 

Name:	Planetary_2.png 
Views:	473 
Size:	20.2 KB 
ID:	16739   Click image for larger version. 

Name:	Planetary_3.png 
Views:	276 
Size:	20.2 KB 
ID:	16740   Click image for larger version. 

Name:	Planetary_4.png 
Views:	263 
Size:	89.6 KB 
ID:	16741   Click image for larger version. 

Name:	Planetary_5.png 
Views:	589 
Size:	82.9 KB 
ID:	16742  

    “Maps encourage boldness. They're like cryptic love letters. They make anything seem possible.”
    -Mark Jenkins

  2. #2

  3. #3
    Community Leader Facebook Connected Steel General's Avatar
    Join Date
    Jun 2008
    Ft. Wayne, IN


    Yeah, I think I'll rep you just for even trying to figure this out in the abomination that is MS-Paint...*BONK*
    My Finished Maps | My Challenge Maps | Ghoraja Juun, my largely stagnated campaign setting.

    Unless otherwise stated by me in the post, all work is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.

  4. #4
    Professional Artist Facebook Connected Coyotemax's Avatar
    Join Date
    Jul 2009


    Dng, I already repped for the map itself.

    If i'm ever on a lobotomized machine and feel the urge to draw something, this will definitely come in handy!

    Maximum use of available tools - never a bad thing!

    My finished maps
    "...sometimes the most efficient way to make something look drawn by hand is to simply draw it by hand..."

  5. #5


    Back when I used MS Paint - about a thousand years ago - that's exactly the method I used to fill areas. Nicely done, and a great way to work through the limitations of the tools available.


Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts