Create Backgrounds-Windows Paint-

All Other Tutorials

Tutorial

Click on thumbnailed images to enlarge

Have you ever wanted a professional background, but didn't know where to start??? Well, in this tutorial I'm going to teach you such a simple way of making a great-looking background, you'll wonder why you never thought of it before.

Items/Programs Needed:

Windows Paint

For this tutorial I'm going to teach you how to make a blue striped pattern, like this:

User posted image

This technique is very simple. First, open up Paint. Then, select your first color (I choose a dark blue-green). After that is done, click on Image >> Attributes and set the size to 1 pixel width and 2 pixels height. Then click View >> Zoom >> Custom and set the zoom to 800% After that is done click on View >> Zoom >> Show Grid. This will make a 1 pixel grid appear. Then, click on the pencil tool. You should have the color you want selected. Now, draw one pixel (one little square). This is the first stripe. Then, select either a contrasting or a matching color. (I just selected the same color and used the custom color pallette to make it lighter) Fill in the last square with this. You're now Finished, just host your background, and use it for the background picture (note: in css, you will have to use the repeat background feature).

Using this same technique, only modifiying it a bit (diagnol stripe, multiple colors, small 1 pixels designs), you can create multiple backgrounds. Here are some samples:

User posted image
1 X 18 pixels

User posted image
Result

User posted image
9 X 9 pixels

User posted image
Result

Note: If you are unsure about your color pallette, or if you wish to see a preview of your background before you host it, simple click Image >> Atributes and set the size to 90 pixels width, 50 pixels height. Make sure you are zoomed in 800%. Then, get your colors and use the line tool to make stripes, instead of having to do it one pixel at a time. If it's a small design, you will have to repeat it. Make sure you space it properly.

Tutorial Comments

Showing latest 10 of 10 comments

ooooo??

By esmeraldadulce on Apr 5, 2008 8:33 am

i pretty much this exact same technique in gimp.

By butre on Jan 18, 2008 11:32 pm

My computer will not allow me to see your images, and I am more of a visual person so I need pictures. Can you try and fix that?

By greatis12 on Oct 9, 2007 7:00 pm

Thanks!

By Spartan4lyfe on Aug 21, 2007 7:47 pm

woah! thats really cool!! :D

By nancy94 on Aug 13, 2007 5:07 pm

how do you host it?

By juju-cheer on Aug 13, 2007 1:07 am

AHh what?

By Zinajda on Aug 12, 2007 2:34 pm

what?

By azngrlviet on Aug 6, 2007 12:45 am

huh?

By heatherbbf on Jul 13, 2007 1:22 am

paint a long time since i used that

By bpgoalie24 on Feb 20, 2007 5:20 pm

Tutorial Details

Author tessla View profile
Submitted on Feb 10, 2007
Page views 35,271
Favorites 38
Comments 10