How to create simple color gradients in MS Paint.

Step 1: Open Paint

Open paint. It is located under "Programs" and then "Accessories". After you have Paint open, press Ctrl+E. This will open the Attributes window (Attributes can be found under 'Image' too). Set width to 100, and height to 500. (Height can be any number, but 500 works well.) Make sure 'Pixels' and 'Colors' is checked and click OK.

Step 2: Draw the Line

Your screen should now look like it does in picture 1. Now, select two colors you want to blend. Using the first color that you chose, use the line tool to draw a diagonal line connecting two corners, as in picture 2.

Step 3: Fill & Shrink

Using the bucket tool, fill the top half of the page with the line color and the bottom half with the other color you chose. Now, press Ctrl+W. This opens the Stretch and Skew window (this can also be found under 'Image'). Enter 1% into the horizontal stretch area. Click OK.

Step 4: Stretch It Out Again

Your screen should now look like picture 1. To stretch it out, again open the Stretch and Skew window. This time, enter 500% into the horizontal stretch area (500 is the max amount allowed). Click OK. Do this two or three more times, until your gradient is wide enough to be admired.

Step 5: Wavy Gradients

This step is a bonus trick I just learned. First, get your gradient to be relatively skinny. Then, use the corner dot to drag your page size so most of your screen is white. Make sure your secondary color white before you do this. Then, select your gradient using the rectangle select tool, and click transparency. Then, while holding the shift key, drag your gradient in any way you want, such as a wavy line. Lastly, use the fill bucket to fill in the white space around the edges. Voila!
<p>How do I do gradients in windows 10? This is the image I'm trying to add it to... Sorry if can't see</p>
<p>I did my two favorite colors and I love it </p>
<p>Ugh! When I tried it this happened!</p>
<p>lel, i used this for a background 83</p>
<p>and i failed the first time, did better this time</p>
<p>Thank you. Very useful.</p>
<p>very cool</p>
<p>super cool.</p>
<p>super cool.</p>
<p>Super cool !</p>
I have windows 7 and and mine does re size and skew not sketch and skew! so it does not work.
<p>This'll help you out --&gt; <iframe allowfullscreen="" frameborder="0" height="281" src="//www.youtube.com/embed/V3X3HSYC46E" width="500"></iframe></p><p>XD it actually is possible, I did it quite a few times on my own. I also use windows 7 :P</p>
<p>I'm confused. I did all of this, and it's just coming up as a bunch of huge blocks. Can I get any help? </p>
<p>I got that first to, but when I realized that paint automatically checks 'maintain aspect ratio', so uncheck that and change it, done, the gradient is made</p>
<p>Yeah, I figured that out after I looked at a couple YouTube videos. Thanks anyways!</p>
Actually, it's possible, I did it on my windows 7 PC
<p>Nope...it's possible...i just did i on my Windows 7 PC</p>
Sooooo coool! This trick is so very out of this world. Please tell us how you found this trick. I would love to know the story behind this.
Still annoys me that they removed this feature<br><br>They actually made their program have FEWER features &gt;.&gt;
dude NICE this is a really good guide
I have to say this is quite cool. look what i made!
Hey those gradients rock!! How did you make the one on the left??
i made a cross with the 4 colours in, and did the same thing i think.
Thats pretty cool. I'm always finding new stuff in paint.<br/><a rel="nofollow" href="http://i160.photobucket.com/albums/t178/pyrowuzzup/OMG.jpg">http://i160.photobucket.com/albums/t178/pyrowuzzup/OMG.jpg</a><br/>
lol. I like your S.O.A.D. shirt.
yeah i didnt have room for the full mushrooms/ elephant design lol.
Mushrooms? Elephant???
<a rel="nofollow" href="http://_apaixonada_.blig.ig.com.br/imagens/soad.jpg">http://_apaixonada_.blig.ig.com.br/imagens/soad.jpg</a><br/><br/>That's the shirt I have.<br/>
thats cool!!!
Wow, that's a cool trick. Here's what I made (and what I made it from) using your technique. I skewed it horizontally as follows: 1, 500, 500, 1, 500, 500, 1, 500, 500, 1, 500, 500, 1, 500, 500 Then, in a fit of inspiration, I did it vertically: 1, 500, 500, 1, 500, 500, 1, 500, 500 Then I cropped it square (the right edge was not impressive). Neat, thanks!
It's nice, but I cannot stretch it the way you say. And I doubt you meant skew, you meant stretch right?
thanks it was interesting, this is what i made
this is cool
Im happy with using photoshop for this xD
Guess what DRADIS? I finally put up my Instructables!!!
you can do this with more colors i did 3 black then purple then blue
That's a good idea. Yes, Paint isn't a powerful or very user-friendly program, but you can use it to make some pretty interesting effects. (for example, try opening a photo in Paint and "posterizing" it by saving in 16 colours. Go File > Save As > then in the "Save as type" option, pick 16-color bitmap.)
i just did that, then inverted the colours, (under image) it makes all the shadows look a bit like fire!
I did it and got icy edges<br/><a rel="nofollow" href="http://i202.photobucket.com/albums/aa111/gage871/bobbryar517.jpg">http://i202.photobucket.com/albums/aa111/gage871/bobbryar517.jpg</a><br/><br/>its bob bryer from my chemical romance<br/>
Its also one of the only programs I can find that will print an image across several pages the way I want.
I forgot to comment about this instructable lol. Here i have a few... 8 in total actually... examples of what i made. On all of them I bedazzled it and stuff.
Oh.. boy.... Just scroll to see them.... Sideways
Wow, that's a pretty cool technique! So long for a gradient though. Also, according to the Wikipedia article, there's a "weird lines" easter egg or something. Has anybody gotten that to work? Anyhow, I have high hopes for Windows 7's new Paint.
What do you mean Weird Lines easter egg? On paint?
Yeah, I have no idea. Check the Wikipedia entry for MS Paint. Doesn't work as far as I can tell. I just creates an error popup.
I made a strange gradient, with a square:<br/><a rel="nofollow" href="http://img510.imageshack.us/img510/7407/weirdgradientbk8.jpg">link</a><br/>
Make an instructable for that dfd9!
wow i like doing this this is awsome

About This Instructable




More by DRADIS:Plastic Milk Jug Raft Echo Crossbow J5 Barricade Shotgun 
Add instructable to: