Blake O'Hare .com

Curved Gradients in MSPaint

Tag: MSPaint
This tutorial is more or less an extension of the MSPaint linear gradient tutorial. But if you don't really feel like clicking the link, you can just keep reading and learn how to make a linear gradient as well as a curved gradient.

First, create an image that's 100x100. You can adjust the size in the Image Attributes menu. I don't even know where this menu is accessible anymore in the Windows 7 mspaint, which is tragic. You'll just have to remember now that Ctrl + E brings it up.

So now you have a 100x100 pixel image...
mspaint_freeform_gradient_01.png

Select the line tool...
mspaint_freeform_gradient_02.png

Select the 1px size (along with one color that you want to make as part of the gradient)...
mspaint_freeform_gradient_03.png

And draw a line from corner to corner. Doesn't matter which way...
mspaint_freeform_gradient_04.png

Now use the paint bucket and fill each side of the line with the two colors you want in your gradient...
mspaint_freeform_gradient_05.png

With the resize and skew menu (Ctrl + W), set the horizontal stretch to 1%. Be sure to disable Maintain aspect ratio. You can do this quickly by pressing Alt + M. Press Alt + H to jump to the horizontal field.
mspaint_freeform_gradient_06.png

You now have a 1 pixel wide, 100 pixel tall linear gradient. Congratulations.
mspaint_freeform_gradient_07.png

But of course, that's not why you came here. You want a curved gradient. Bring the Resize and Skew menu back up (Ctrl + W) and stretch the width by 500%.
mspaint_freeform_gradient_08.png

Also, after you do this, select the whole image and cut it (Ctrl + X) and then stretch the bounds to be larger so you have some room to work with. Once you do that, bring the gradient back from the clipboard (Ctrl + V).
mspaint_freeform_gradient_09.png

With the gradient still selected, move it to the far left of the image. Let go of the mouse. Now press and hold SHIFT. Click and drag the gradient SLOWLY across the image in a curved or wobbly fashion. It'll leave a trail. Drag it all the way to the right side of the image.
mspaint_freeform_gradient_10.png

Now fill in the top and bottom with the bucket tool.
mspaint_freeform_gradient_11.png

And now you have a curved gradient.

Yes, Photoshop is faster.