Microsoft Paint

The entire pixel art illustration is drawn in Microsoft Paint, or just MS Paint.
MS Paint is definitely not the sexiest program to use, but it's my weapon of choice for creating pixel art.

MS Paint comes standard with Windows and supports bmp, jpg, gif, png, and tiff formats. MS Paint does not support layers and animation, which probably accounts for the beautiful simplicity of the program.

MS Paint allows you to use two colors simultaneously, one color for the right mouse button, and one color for the left mouse button, so you can easily switch colors without using the keyboard.

MS Paint is very self-explanatory and easy to understand.
This chapter explains the various options you will find in the menu.

ms paint interface

 

Menu Options

'File', the first menu option, features options for creating a new document, or opening an existing document, besides several print options and the option to send your illustration by email.

The menu option 'Edit' allows you to copy, paste, cut, or delete. Shortcuts can do this much more quickly.

The menu option 'View' has various features for showing or hiding parts of the MS Paint interface. 'View bitmap' shows your artwork full screen, without the MS Paint interface.

In the menu option 'Image', you find options for flipping or rotating the illustration you are working on. The 'stretch/skew' option allows you to stretch and skew selections. There's also an option for inverting colors.

The menu option 'Colors' allows you to adjust or customize colors. This can also be done by double clicking on a color in the color bar.
This feature is described in more detail in 'Adjust and/or Create Custom Colors'.

The menu option 'Help' is the last option in the menu.

Shortcuts

The most important menu options can be selected with a shortcut.

shortcutdescription
CTRL+Aselect all
CTRL+Ccopy
CTRL+Xcut
CTRL+Vpaste
CTRL+Fshow illustration fullscreen
CTRL+Rrotate
CTRL+Wstretch/skew
CTRL+Iinvert colors
CTRL+Pprint
CTRL+Zundo
CTRL+Nnew illustration
CTRL+Oopen illustration
CTRL+Ssave illustration
CTRL+Tshow/hide toolbox
CTRL+Lshow/hide colorbar
Toolbar

The toolbar on the left is used frequently, and, like the menu options, is very easy to understand.
All features are briefly described.

Selection Tool
selection tool

To make a rectangular selection or a free form selection, choose this option.

If you want to make a rectangular selection, press the mouse button at the starting point of the area to be selected, drag it towards the end point, and release. A dotted line of the selection will appear.

In case you want to make a free form selection, press the mouse button and select the area you want. As soon as you release the mouse, the selected area will appear as a rectangle. Only the pixels within the selection are selected.

If you move the mouse inside the selected area the cursor will change to mark the selection.

To cut or copy your selection, use the keyboard combination CTRL+V (copy), CRTL+X (cut), or CTRL+V (paste).
Before pasting, you have to copy or cut the selection.

If you don't want to copy the pixels with the background color of your current pallet, choose the lowest option in the option menu.


If you take a closer look at the dotted line of the selection area, you will notice slightly larger dots at the corners and middle of the selection.
Position your mouse carefully on one of these dots to stretch the selection horizontally and/or vertically (right image).
Stretching your selection will destroy your carefully placed pixels, which makes this option not very useful for creating detailed pixel art illustrations.

selection


Eraser Tool
eraser tool

Use the eraser to remove pixels.
You can choose between different brush sizes.

The background color is used for the pixels you remove.
Use the left mouse button to remove all pixels; use the right mouse button to only remove pixels with the foreground color.

Fill Tool
fill tool

Use 'fill' to paint a large area with either the foreground color (left mouse button) or background color (right mouse button).

Undo the fill you just made by pressing CTRL-Z.


Eye Dropper Tool
eye dropper tool

Use the eyedropper to determine a specific color. Move the eyedropper to a specific pixel and press on the left mouse button to use the color of the selected pixel as foreground color, or the right mouse button to use the color of the selected pixel as background color.

Once you have selected a color, MS Paint automatically jumps back to the previously selected option.
Magnifying Glass Tool
magnifying glass tool

Use this option to magnify your illustration. Once selected, you will see a rectangle with a black outline (the outline doesn't affect your illustration). Position the rectangle over the area that you want to magnify and click to see it closer up, depending on the magnification you choose (1x (original size), 2x, 4x, 6x or even 8x).

Once the illustration is magnified, MS Paint automatically jumps back to the previously selected option.

I use this option a lot. I regularly draw individual pixels when zoomed in, and then review the illustration in its original size.

The illustration should look good in its original size, if it does magnified that's okay, but the original size is the one that counts.


Pencil Tool
pencil tool

Press the right or left mouse button to paint in the background/foreground color. The size of the pencil is one pixel, which is ideal for creating detailed pixel art illustrations.

Hold down the shift key while drawing, to draw perfectly straight horizontal or vertical lines.

Paint Brush Tool
paint brush tool

Press the right or left mouse button to paint in the background/foreground color.

Instead of the pencil tool, you can use the paintbrush tool, since it has some extra features; you can choose the size and shape of the paintbrush.


Airbrush Tool
airbush tool

Use this option to paint multiple pixels at the same time. You can choose between three airbrush sizes in the option window.
As with the pencil option, you can use the airbrush to paint with the foreground color (left mouse button) or background color (right mouse button).

Keep the left or right mouse button pressed to increase the intensity of the pixels.

You don't have much control over the placement of pixels with the airbrush tool, which makes this option not very useful if you want to create very detailed pixel art illustrations.

Text Tool
text tool

Click and drag the mouse to create a text field.
Choose the font you want, the size, and the style (bold, italic, and/or underlined).
The text color will be the foreground color of the pallet, the background is either the background color or transparent, depending on the selection of the background tool.

If you are happy with the text you just added, click outside the text field to paste the text into your illustration.


Line Tool
line tool

Use this option to draw straight lines.
Click and hold down the left mouse button to position the starting point of the line, move to the position where you line needs to end, and release the left mouse button to draw the line.

Press the right or left mouse button to draw a line in the background/foreground color.

Choose the thickness of the line in the option window.

If you press the shift key while drawing the line, the line will either be horizontal, vertical, or diagonal.

Curve Tool
curve tool

Use the 'curve' tool to draw curved lines.
First you have to define the starting point and end point of the line, just as with the line tool option. Once you have fixed the end point of the still straight line, you can click one or two times to alter the straight line, which then becomes a curve.

I never use the option to click twice to change the curve, because it's then quite difficult to control the curve. After the first change of the straight line, choose another option in the menu to bypass the second click.

Choose the thickness of the curve in the option window.


Rectangle Drawing Tool
rectangle drawing tool

Use this option to draw a rectangle.
You can choose between three options in the option menu; the first one creates an outline in the foreground color, the second option creates an outline in the foreground color and a fill in the background color; the third options draws a rectangle in the background color without an outline.

To create a square, hold down SHIFT and use the left or right mouse button to create the square.

Polygon Drawing Tool
polygon drawing tool

Just as with the rectangle drawing tool, you can choose between three options in the option menu; the first one creates a polygon in the foreground color, the second option creates an outline in the foreground color and a fill in the background color, if the starting point and end point of the polygon are the same; the third option draws a rectangle in the background color without an outline.

Hold down SHIFT to draw lines with a 45- or 90-degree angle.


Oval Drawing Tool
oval drawing tool

Instead of drawing a rectangle, this option draws an oval.
You can choose between three options, just as with the rectangle drawing tool.

Rounded Rectangle Drawing Tool
rounded rectangle tool

Instead of drawing a rectangle, this option draws a rectangle with rounded corners.

You can't change the size of the rounded corners.

You can choose between three options, just as with the rectangle drawing tool.


 

Adjust and/or Create Custom Colors

Double click on a color in the color bar, or use the menu option 'colors', to create or adjust colors.
The next popup window will appear (left image).

ms paint edit colors window

 

You may choose one of the 48 default colors in the 'basic colors' area, or create your own custom color.

Click on a default color to select the color. A selection box will appear, indicating the selection. As soon as you click 'OK', the color in the color bar is changed to the default color you just selected.

To create a custom color, select a field in the 'custom color' area on the left side of the popup window.
Click on the button 'Define custom colors'. The popup window will expand to the right (right image).
Choose your color. This can be done with the mouse or by hand.
Click and drag the mouse in the colored area. The color information at the bottom right is updated real-time. Move the slider on the right side vertically up and down to adjust the luminance of your custom color.
If you are happy with the color, press the 'Add to custom colors' button. The newly created custom color will appear in the 'custom color' area on the left.

If you need more custom colors, select a new color and press the 'Add to custom colors' button. MS Paint adds the new color next to the custom color you just made.

Hint

If you want to make a big pixel art illustration in MS Paint - an illustration that doesn't fit in the window - consider splitting the illustration into different smaller illustrations. Copy the part of the illustration that you want to adjust, and make it a separate illustration.
By working on smaller illustrations, you get rid of the need to adjust the position of the area you work on within the window, if you zoom in and out.
As soon as you are satisfied with the stand-alone illustration, paste it back into the original illustration.
Once pasted back some fine-tuning needs to be done to blend the smaller illustration into the overall illustration.