BUG Clicker PSD Template: Layer Names, Canvas Size and Rules

BUG Clicker's Character Studio can fill every image slot of a character from one PSD file. It matches the group names in the PSD to its slots, so getting the names right is most of the work. This page lists them all. It is an unofficial guide: when in doubt, the template inside the app wins.

Not sure your file is right? Drop it into the free BUG Clicker PSD checker: it runs in your browser and lists exactly what to fix.

Get the official template first

BUG Clicker ships its own template. Open Character Studio (from the tray icon on Windows or the menu bar icon on Mac) and press "Get template". Drawing on top of it keeps your proportions and positions in line with what the app expects.

The canvas

• Square and transparent. 800 × 800 px is a comfortable size and is what most shared PSDs use.
• Everything drawn in place. Each part sits where it belongs on the same canvas, instead of being cropped into its own little file. Don't move the parts around afterwards.
• Big files are fine. Very large images are scaled down to fit the screen (about 2048 px on the long side), and your original file is left as it is.

Group names BUG Clicker reads

Each slot is a group with that exact name, holding the layers for that part. Order the groups from the bottom up as in the table.

Group	Needed?	What it is
back1	Optional	Back hair or anything drawn behind the body that moves with the head
back2	Optional	The pressed version of back1. Without it, back1 is used for both
body	Required	Neck, shoulders and body, drawn under the head
head4	Optional	The happy face shown while you rub its head (petting)
head3	Optional	The normal face with eyes closed. BUG Clicker blinks with it
head2	Required	The face when clicked, often a squeezed "> <" expression
head1	Required	The normal face, shown most of the time
side1	Optional	Side hair or accessories in front of the head that move with it
side2	Optional	The pressed version of side1. Without it, side1 is used for both

With only body, head1 and head2 you already have a working pet: it clicks and squishes. Add head3 and it blinks; add head4 and petting gets its own face.

Rules that keep the import clean

1. Transparent backgrounds. Hide or delete any background layer. A white box behind the character is the most common mistake.
2. Overlap the neck. Draw the bottom of the head lower than the top of the body, so no gap opens when the head is pressed down. On an 800 px canvas, aim for an overlap of at least 30 px.
3. Keep every face in the same spot. head2, head3 and head4 must have the same position and size as head1. Change the expression, not the head. BUG Clicker does the squish movement itself.
4. Name groups exactly. Lowercase, no spaces: head1, not Head 1 or head_1.

Import the PSD

1. Open Character Studio.
2. Go to the Images tab and press Load PSD.
3. Pick your file. Every group lands in its slot in one go.
4. Click your pet to check the head2 face. To see head4, turn on Motion → Petting → "Allow head pats" and rub its head with the mouse.
5. Add its lines, sound and reactions in the app.

Warnings Character Studio may show

Warning	Fix
The background isn't transparent	Hide the background layer and save again with transparency
The neck overlap is too small	Extend the bottom of the head below the top of the body. "Neck guides" shows both lines on the stage
A face is a few pixels off from head1	Line head2 to head4 up with head1: same position, same size
No head3	Not an error. The pet just won't blink until you add a closed-eyes face

Which apps can save a PSD?

Photoshop, Krita (free), Clip Studio Paint, Procreate on iPad, ibisPaint and Medibang Paint can all export PSD files with groups. In Procreate, put each part's layers in a group and name the group before exporting to PSD.