GIF Ops Quickstart Guide

Step 1 — Upload a GIF

In the Project panel, locate:

1) Upload GIF

Choose an animated GIF using the file picker.

Alternatively, drag and drop a GIF into the drop zone.

Only GIF files are supported by the uploader.

Step 2 — Wait for Decoding

GIF Ops reads the GIF and decodes its animation frames.

Once loading succeeds, the interface displays information such as:

24 frames · 480×270

The actual frame count and dimensions depend on your file.

The editor also enables its playback, batch-editing, and export controls.

Step 3 — Select a Frame

The timeline below the main preview displays thumbnails of the GIF's frames.

Click a thumbnail to edit that frame.

The selected thumbnail is highlighted.

The Text & Style panel indicates the current frame number.

Step 4 — Add Text

In Text & Style, enter a caption in:

Text (this frame)

Example:

WHEN THE CODE FINALLY WORKS

The preview updates as you type.

By default, the text is centered within the frame.

Step 5 — Customize Typography

Choose the font and size.

Example settings:

This creates a conventional high-contrast meme caption.

Step 6 — Position the Caption

Click or drag on the preview canvas to move the text.

You can also use:

• X offset
• Y offset

Dragging changes the text's anchor position.

Offsets move the text relative to that anchor.

Step 7 — Apply Text to More Frames

You have two options.

Copy to All

Click:

Copy → All

This copies the current frame's complete text settings to every frame.

Apply to Range

Enter a starting and ending frame in the Project panel.

Example:

Frames: 1 to 12

Click:

Apply current settings to range

This applies the current frame's settings to the selected frames, including both endpoints.

Step 8 — Preview the Animation

Click Play to preview the GIF with its text overlays.

Click Pause to stop playback.

You can return to individual frames using the timeline.

Step 9 — Export the GIF

Click:

Render & Download GIF

GIF Ops composes the edited frames and passes them to the GIF encoder.

A progress indicator appears during encoding.

When successful, the browser downloads:

gifhub.gif

This is the filename used by the current implementation.

Step 10 — Save Your Editing Settings

To save your frame styling separately, click:

Export Settings (JSON)

The current implementation downloads:

gifhub-settings.json

You can later import this file while editing a GIF.

Important Notes

• GIF decoding requires a compatible browser.
• Export may take time for large GIFs.
• JSON settings are not a replacement for the original GIF.
• Editing text on one frame does not automatically change other frames.
• GIF rendering may alter colors or frame timing because of re-encoding.

Recommended First Project

For a simple captioned GIF:

1. Upload a short animated GIF.
2. Select the first frame.
3. Enter the caption.
4. Use Impact or Anton.
5. Choose white text with a black border.
6. Click Copy → All.
7. Preview.
8. Render and download.

You now have your first GIF Ops animation.