FANDOM


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.

ToolsEdit

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
Pixelmator - move tool Move V Used to move layers or selections.
Pixelmator - magic wand tool Magic Wand W Use to select similarly colored areas.
Pixelmator - polygonal lasso tool Polygonal Lasso N/A Used to make straight-edged selections.
Pixelmator - pen tool Pen N/A Used to draw lines with precision.
Pixelmator - brush tool Brush B Used to paint brush strokes.
Pixelmator - circle shape tool Ellipse Shape N/A Used to draw ellipses.
Pixelmator - repair tool Repair R Used to remove objects from an image.
Pixelmator - type tool Type T Used to add text on an image.
Pixelmator - crop tool Crop C Used to trim images.

Removing interfacesEdit

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 Pixelmator - brush tool 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 Pixelmator - repair tool 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:

Pixelmator - repair use 1

Once you let go, the edge detection, content patching, and color correction algorithms do their work. The final result, without any clan icons:

Pixelmator - repair use 2

Adding transparencyEdit

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 Pixelmator - polygonal lasso tool 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.

Pixelmator - transparency 1

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:

Pixelmator - transparency 2

Creating mapsEdit

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 Pixelmator - circle shape tool 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 Pixelmator - type tool Type tool, where typeface, colour, weight, alignment, and letter-spacing can be adjusted.

Pixelmator - ellipse use

Lines to connect parts of a map or show shortcuts are sometimes required. The Pixelmator - pen tool 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:

Pixelmator - pen use

See alsoEdit

Want some more help?