What the origin point does and why you'd move it

The origin point in PNGTuber Plus is the single pixel that anchors your sprite to the canvas. When you move, scale, or rotate a sprite, that origin point stays fixed while everything else pivots around it. By default, most sprites have their origin at the center, but if your character needs to rotate around their feet instead of their middle, or scale from a corner instead of the center, you'll need to move that origin point.

This matters most when you're animating. If your sprite spins but the origin is in the wrong place, it'll look like your character is orbiting instead of turning. If you're scaling a health bar or a meter, the wrong origin point makes it grow or shrink in the direction you didn't intend.

PNGTuber Plus stores the origin point as an X and Y coordinate within your image file itself. Moving it doesn't change the image — it just tells the software where to treat as the "center" when it does transformations.

Key Takeaways

  • The origin point is the pixel that PNGTuber Plus uses as the anchor when rotating, scaling, or positioning a sprite on your canvas.
  • You set the origin point in your image editor (like Photoshop, GIMP, or Aseprite) before importing into PNGTuber Plus, not inside PNGTuber Plus itself.
  • Most image editors let you mark the origin as a guide, crosshair, or named layer so you can see exactly where it is while you work.
  • If you change your mind after importing, you can re-export the image with a new origin point and re-import it into your project.

Setting the origin point in GIMP

Open your sprite image in GIMP. Go to Image → Guides → New Guide (by Percent). Create a horizontal guide at 50% and a vertical guide at 50% — this marks the center of your canvas. If you want the origin somewhere else, use New Guide (by Pixel) instead and enter the exact pixel coordinates.

Where the guides intersect is your origin point. You don't need to do anything else in GIMP — the guides are just for your reference while you work. When you export the image as PNG, GIMP doesn't embed origin data into the file by default. Instead, you'll tell PNGTuber Plus where the origin is when you import the sprite.

If you're working with a sprite that has multiple frames (like a walking animation), make sure the origin point is in the same logical place on every frame. For a character, that might be their feet, their center, or their head — pick one and stick with it across all frames so the sprite doesn't jitter when the animation plays.

Setting the origin point in Aseprite

Aseprite has built-in origin support. Go to Sprite → Canvas → Offset. This opens a dialog where you can see your sprite and click directly on the pixel you want as the origin. Click once, and that pixel becomes the origin point. Aseprite embeds this data into the PNG file itself.

Alternatively, use Sprite → Guides to place guides at your intended origin, then use Sprite → Align Sprite to Guides. This moves the sprite's content so that the guides align with the canvas edges, which effectively sets the origin to wherever you placed the guides.

When you export as PNG from Aseprite, the origin point travels with the file. PNGTuber Plus will read it automatically, so you won't need to re-enter it during import.

Importing a sprite and confirming the origin in PNGTuber Plus

Drag your PNG file into PNGTuber Plus, or use File → Import Sprite. The sprite appears on your canvas. If the image came from Aseprite with embedded origin data, PNGTuber Plus uses that origin automatically. If it came from GIMP or another editor without embedded origin data, PNGTuber Plus defaults to the center of the image.

To check or adjust the origin in PNGTuber Plus, right-click the sprite in the layers panel and select Sprite Properties (or look for a properties panel on the right side of the screen). You should see fields for Origin X and Origin Y, usually measured in pixels from the top-left corner of the image. If the origin isn't where you want it, you can type new coordinates directly into these fields.

Test your change by rotating or scaling the sprite slightly. If it rotates around the point you intended, the origin is correct. If it still looks wrong, adjust the X and Y values and test again.

Common origin points and where to place them

For a full-body character sprite, the most common origin points are the center of the body (good for spinning), the feet (good for walking animations where the character stays planted), or the head (good if you're rotating the head separately). For a UI element like a health bar, the origin usually goes at one end so the bar grows in the direction you want.

If you're building a multi-part character — head, body, arms — each part needs its own origin point. The head's origin might be at the neck so it rotates around the connection point. The body's origin might be at the center. The arms might have origins at the shoulder. This way, when you rotate each part independently, they move around the joints, not around their own centers.

Write down the coordinates you use. If you're working with multiple sprites or sharing a project with someone else, knowing that "all character bodies have origin at pixel 64, 96" saves time and keeps things consistent.

Re-exporting and re-importing if you change your mind

If you've already imported a sprite into PNGTuber Plus and later decide the origin point is wrong, you have two options. The faster option is to adjust the origin directly in PNGTuber Plus using the Sprite Properties fields — no need to leave the software. The more permanent option is to go back to your image editor, move the origin point there, re-export the PNG, and re-import it into your project.

If you re-import, PNGTuber Plus treats it as a new sprite. You'll need to re-add it to your scene and re-apply any animations or effects you had on the old version. For small tweaks, adjusting the origin in PNGTuber Plus directly is usually faster.

Frequently Asked Questions

Does moving the origin point change the image file itself?

No. The origin point is metadata — information about where to treat as the center, not a change to the pixels themselves. In Aseprite, the origin is embedded in the PNG. In GIMP or Photoshop, you set it in PNGTuber Plus after import. Either way, the image looks the same; only the software's behavior changes.

What if I don't set an origin point at all?

PNGTuber Plus defaults to the center of the image. For many sprites, this works fine. You only need to move it if the default center doesn't match where you want rotations or scaling to happen.

Can I have different origin points for different frames of an animation?

No. The origin point applies to the entire sprite file. All frames share the same origin. If you need different origins for different frames, you'd need to split them into separate sprite files, each with its own origin point.

How do I know what coordinates to use for the origin?

Open your image in your editor and measure from the top-left corner in pixels. If your image is 128 × 128 and you want the origin at the center, use coordinates 64, 64. If you want it at the feet of a character standing in the middle-bottom of the frame, measure where that point is and use those coordinates.