The paint.net user interface (UI) in the following screenshot has been divided into ten areas:
This shows the name of the image open on the canvas (or "untitled" if unnamed) and the paint.net version number.
This area houses seven menus on the left and six utility icons on the right.
Immediately below the
Menu Baris the Tool Bar. This houses several buttons and controls for executing common commands and accessing various paint.net features. On the second rank, adjustable parameters for the active tool are shown.
Each image that is open shows a thumbnail in the image list. These work much like the tabs in a web browser.
Click on an image to switch to it. The thumbnail will become highlighted in the
Image Listand the associated image loaded onto the canvas.
In paint.net the images in the
Image Listcan be reordered using drag-and-drop. Click, hold and drag the thumbnail to a new position in the Image Listto relocate it.
This is where the image is shown and edited. All drawing, selecting and other editing actions occur here.
This window is where the paint.net tools are activated or chosen. The active tool is highlighted in the
Hovering the pointer over a tool icon will display a tool tip for that tool.
Every editing action performed on an image within the current session is listed in this window. Closing paint.net or closing the image removes the entire editing history, clearing it entirely.
It is possible to step forward and backward in the image editing History by using
Undo, Redoor clicking on an entry in the HistoryWindow. Toggle between one entry and the previous one by clicking repeatedly on the same entry in the HistoryWindow.
Every image contains at least one layer. The
LayersWindow is the primary area for adding, removing, accessing and managing layers. Layer Properties can be accessed by double-clicking on a layer.
New to paint.net is the ability to reorder layers in the
LayersWindow using drag-and-drop. Click, hold and drag the layer to a new position in the LayersWindow to relocate it.
This is the primary area for selecting and managing colors. It contains several controls for adjusting colors and opacity.
This area is divided into several sections. On the left, it displays quick help and status information. In the center, it displays rendering progress (if required). On the right information on the image size, cursor location and units of measurement are displayed beside controls for the view size.
The canvas and the surrounding grey area in the screenshot above are collectively called the Editing Window in these documents.
The Editing Window can be partially filled (as seen above), completely filled (maximized) or the canvas may be zoomed in beyond the visible limits of the Editing Window.
The size of the default/initial image ("Untitled") is 800x600 pixels scaled by the system DPI setting. E.g. at 150% DPI scaling the image will be 1200×900.