This is a guide to using Pixelmator, a graphics editor for macOS. It only covers uses specific to the RuneScape Wiki, as many general-use tutorials for Pixelmator can already be found online. It assumes you have either read the introduction to GIMP or have basic experience with image editors, as most editors share similar features: brushes, selection tools, layers and styles, masks and blending modes, etc.
A demo can be downloaded at pixelmator.com, and the full application can be purchased on the Mac App Store.
Tools[]
Only tools relevant to imagework on the wiki are covered here. A complete list may be found at the Pixelmator Help page.
| Tool | Shortcut | Description | |
|---|---|---|---|
|
Move | V | Used to move layers or selections. |
|
Magic Wand | W | Use to select similarly colored areas. |
|
Polygonal Lasso | N/A | Used to make straight-edged selections. |
|
Pen | N/A | Used to draw lines with precision. |
|
Brush | B | Used to paint brush strokes. |
|
Ellipse Shape | N/A | Used to draw ellipses. |
|
Repair | R | Used to remove objects from an image. |
|
Type | T | Used to add text on an image. |
|
Crop | C | Used to trim images. |
Removing interfaces[]
Screenshots occasionally have interface elements that cannot be avoided or disabled, such as health bars and hitsplats during combat, or the "Press Esc to skip" text during cutscenes. The Brush tool can be used to paint over interfaces when they are on solid or mostly-solid backgrounds. However, if the background is too complex to manually recreate, the 
Repair tool can be used to fill in an area by having Pixelmator generate what would be "underneath" your selection.
As an example, our unaltered image of the Hefin Agility Course (available in the file history at File:Hefin Agility Course.png) has icons of elven clans from the Voice of Seren in the top left – we're going to remove them. Colour over the icons, holding the mouse down the entire time:
Once you let go, the edge detection, content patching, and color correction algorithms do their work. The final result, without any clan icons:
Adding transparency[]
Images of non-character players and monsters require transparency, in accordance with our image policy. As character models in RuneScape are mostly made of polygons with straight edges, the 
Polygonal Lasso tool is the best choice in this situation.
The original upload of the Azure Parrot (in the file history at File:Azure Parrot.png) needs its background removed. Trace around the NPC model, clicking every time the edge changes direction. If you make a mistake, you can click on the last point you placed to remove it and select another spot.
Once you've gone all the way around the NPC and finished your selection, choose Edit > Invert Selection. Now that everything except your subject is selected, press the Delete key. The final result, after cropping transparent pixels around the image with Image > Trim Canvas..., is:
Creating maps[]
Maps are an important part of the RuneScape Wiki, and accordingly have very specific guidelines found here. There are too many to list, but the basic components of a map are text labels and dots indicating monster/resource locations.
You can create dots with the 
Ellipse Shape tool by holding down Shift then clicking and dragging, which forces a perfect circle. The shape tools are superior to dots drawn with a brush, as the fill, border, and shadow can be changed at any time in the Styles pane (below right).
Labels can be made with the 
Type tool, where typeface, colour, weight, alignment, and letter-spacing can be adjusted.
Lines to connect parts of a map or show shortcuts are sometimes required. The 
Pen tool can be used to create smooth Bézier curves, which is preferred over hand-drawn lines. A line from a map of Waterbirth Island Dungeon is shown selected below:
See also[]
- Want some more help?
- Ask for help with this topic on the article's talk page.
- Ask for general editing help at RuneScape:User help.
- Request help from an administrator at RuneScape:Administrative requests if you need help which requires an administrator's tools.
- Chat to other editors in our Discord channel.
| Articles | |
| Images |
|
| Advanced |
|
| Community |
|