Introduction: Gradients in Microsoft Paint

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!

Comments

author
TheI10 made it! (author)2017-05-26

:D great tutorial i just made it have the width of 1 twice while it didn't maintain its aspect ratio

gradient.png
author
Natgeo564 made it! (author)2017-05-22

How do I do gradients in windows 10? This is the image I'm trying to add it to... Sorry if can't see

daddy berserker.png
author
Rylee_Anne_ made it! (author)2017-03-15

I did my two favorite colors and I love it

gradient.PNG
author
kennedy_sienko made it! (author)2016-07-15

Ugh! When I tried it this happened!

tyftygyg56yjddrtyjgkcdi67y.PNG
author
edgeyedgeedge made it! (author)2016-06-03

lel, i used this for a background 83

really.png
author
edgeyedgeedge made it! (author)edgeyedgeedge2016-06-03

and i failed the first time, did better this time

author
Raccoon77 made it! (author)2016-05-30

Thank you. Very useful.

Evening sky 3.png
author
outofplace made it! (author)2016-05-09

very cool

sunsetgradeient.png
author
ABARNA BANU made it! (author)2016-02-17

super cool.

abar gradient.png
author
ABARNA BANU made it! (author)2016-02-17

super cool.

abar gradient.png
author
ABARNA BANU made it! (author)2016-02-17

Super cool !

author
kmarie16 made it! (author)2012-07-12

I have windows 7 and and mine does re size and skew not sketch and skew! so it does not work.

author
AngelFirePone made it! (author)AngelFirePone2015-11-15

This'll help you out -->

XD it actually is possible, I did it quite a few times on my own. I also use windows 7 :P

author
AngelFirePone made it! (author)2015-07-09

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?

What is this.png
author
Jocelyn AngelicaT made it! (author)Jocelyn AngelicaT2015-11-13

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

author
AngelFirePone made it! (author)AngelFirePone2015-11-15

Yeah, I figured that out after I looked at a couple YouTube videos. Thanks anyways!

author
Rain0Knight made it! (author)2013-04-16

Actually, it's possible, I did it on my windows 7 PC

author
AaronS4 made it! (author)AaronS42014-09-06

Nope...it's possible...i just did i on my Windows 7 PC

author
artworker made it! (author)2013-01-30

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.

author
Icalasari made it! (author)2010-11-01

Still annoys me that they removed this feature

They actually made their program have FEWER features >.>

author
Aye Pod made it! (author)2009-07-14

dude NICE this is a really good guide

author
The Jamalam made it! (author)2009-03-13

I have to say this is quite cool. look what i made!

Gradients 2.jpgGradients 3.jpg
author
iSmack made it! (author)iSmack2009-04-07

Hey those gradients rock!! How did you make the one on the left??

author
The Jamalam made it! (author)The Jamalam2009-04-07

i made a cross with the 4 colours in, and did the same thing i think.

author
iSmack made it! (author)iSmack2009-04-09

Thanks!!

author
The Jamalam made it! (author)The Jamalam2009-03-13

And...

Gradients 4.jpgGradients 5.jpg
author
Pyrowuzzup made it! (author)2008-02-14

Thats pretty cool. I'm always finding new stuff in paint.
http://i160.photobucket.com/albums/t178/pyrowuzzup/OMG.jpg

author
Flumpkins made it! (author)Flumpkins2008-08-22

lol. I like your S.O.A.D. shirt.

author
Pyrowuzzup made it! (author)Pyrowuzzup2008-08-22

yeah i didnt have room for the full mushrooms/ elephant design lol.

author
Flumpkins made it! (author)Flumpkins2008-08-23

Mushrooms? Elephant???

author
Pyrowuzzup made it! (author)Pyrowuzzup2008-08-24
author
Flumpkins made it! (author)Flumpkins2008-08-24

thats cool!!!

author
kqrpnb made it! (author)2008-02-22

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!

100_0937.JPG100_0937_skewed.JPG
author
DrCoolSanta made it! (author)DrCoolSanta2008-08-23

It's nice, but I cannot stretch it the way you say. And I doubt you meant skew, you meant stretch right?

author
Metaferia made it! (author)2008-08-22

thanks it was interesting, this is what i made

ethgr.PNG
author
SmileGuy made it! (author)2008-08-20

this is cool

author
blugyblug made it! (author)2008-08-16

Im happy with using photoshop for this xD

author
Flumpkins made it! (author)2008-06-25

Guess what DRADIS? I finally put up my Instructables!!!

author
Gage987 made it! (author)2008-06-17

you can do this with more colors i did 3 black then purple then blue

UntitledgARUH.jpg
author
xenobiologista made it! (author)2008-02-13

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.)

author
drummonkey92 made it! (author)drummonkey922008-02-14

i just did that, then inverted the colours, (under image) it makes all the shadows look a bit like fire!

author
Gage987 made it! (author)Gage9872008-06-17

I did it and got icy edges
http://i202.photobucket.com/albums/aa111/gage871/bobbryar517.jpg

its bob bryer from my chemical romance

author
zachninme made it! (author)zachninme2008-02-14

Its also one of the only programs I can find that will print an image across several pages the way I want.

author
Flumpkins made it! (author)2008-05-16

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.

Colors... yeah... colors...Gradient Example7.bmpZebra. Oink.Forgotton GalaxyPastelMetally*Yawns* making names for pictures is boring.Unknown Species
author
Flumpkins made it! (author)Flumpkins2008-05-16

Oh.. boy.... Just scroll to see them.... Sideways

author
crestind made it! (author)2008-02-16

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.

author
Flumpkins made it! (author)Flumpkins2008-05-13

What do you mean Weird Lines easter egg? On paint?

author
crestind made it! (author)crestind2008-05-13

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.

author
dfd9 made it! (author)2008-04-09

I made a strange gradient, with a square:
link

author
Flumpkins made it! (author)Flumpkins2008-05-13

Make an instructable for that dfd9!

About This Instructable

151,768views

16favorites

License:

More by DRADIS:Plastic Milk Jug RaftEcho CrossbowJ5 Barricade Shotgun
Add instructable to: