Cinemagraph Pro for Mac: The Complete Guide

Cinemagraph Pro is a professional software designed specifically for macOS, used to create “still-and-motion combined” Cinemagraph art images (i.e., animated photos). It allows users to precisely select and loop a subtle movement in a localized area within a still photo, creating a unique visual effect where time seems frozen yet gently flowing.

I. Detailed Explanation of the Core Interface and Workspace

After launching the software, the main interface can be divided into five core areas:

1. Top Menu Bar and Toolbar: Includes file operations, editing tools (brush, eraser, anchor points, etc.), playback controls, and the export button.
2. Left Panel – Layers and Masks: Manages different animated areas in the form of layers. Each layer comes with a mask used to define the display range of the animation.
3. Central View Area – Canvas: The main preview area, displaying the currently edited frame. Above it is the timeline zoom control, and below it is the frame indicator.
4. Right Panel – Inspector: A context-sensitive area whose content changes based on the selected tool or object, including animation properties (loop mode, speed), brush settings, video effects, output settings, etc.
5. Bottom Panel – Timeline: Displays all frames of the video sequence. Key tools include: the playhead, loop range handles (defining the start and end frames of the animation), and the display of layers on the timeline.

II. Complete Workflow from Creation to Export

1. Create or Open a Project

Step 1: Launch the software, then click the menu bar File → New... or use the shortcut Command + N.

Step 2: Import mediaIn the dialog that appears, click “Import Media” and select a video file (common formats such as MP4 and MOV are supported). The software will automatically create it as a new project.

Tip: You can also drag and drop the video file directly onto the software’s Dock icon or the central canvas area to open it.

2. Define the Still Frame and Animation Range

Step 3: Select a still frameDrag the playhead along the timeline to find the frame you want to use as the static photo background. Under the “Frame” tab in the inspector, click the “Set as Still Frame” button. The image currently displayed on the canvas will become the static portion of the final output.

Step 4: Set the loop rangeOn the timeline, you will see a colored bar with draggable handles at both ends (start handle and end handle). Drag the handles to precisely select the short video segment you want to loop. Typically, choose a few frames where the motion is natural and can be seamlessly looped.

3. Create the Animated Mask (Core Step)

Step 5: Add an animated layerClick the “+” button at the bottom of the layers panel on the left, or use the shortcut Command + Shift + N, to create a new “animated layer.”

Step 6: Draw the mask

1. Select the “Brush Tool” from the toolbar (or press the B key).
2. Adjust the brush size, hardness, and opacity in the Inspector on the right.
3. On the central canvas, paint the areas where you want motion to occur (for example, the steam rising from coffee or a flickering neon light). The painted areas will appear as a red overlay (the mask).
4. If you paint by mistake, you can switch to the “Eraser Tool” (or press the E key) to erase and correct it.

Step 7: Refine edges and key pointsFor complex edges, use the “Pen Tool” (or press the A key) to place points along the boundary between the motion and static areas, creating a more precise mask path. Use the “Smooth Tool” to refine the edges.

4. Adjust animation properties

Step 8: Select the “Animation” tab in the Inspector on the right, where you can:

• Loop mode: Choose “Ping-Pong” or “Loop” to make the animation play more naturally.
• Speed: Adjust the animation playback speed to achieve slow-motion or fast-forward effects.
• Fade: Add fade-in and fade-out to the start and end points of the loop for smoother transitions.

5. Preview and fine-tune

Use the playback control buttons below the canvas or press the Spacebar to preview the entire animation. If needed, go back to Steps 6-8 to fine-tune the mask shape or animation parameters. You can create multiple animated layers in the Layers panel to control different moving elements separately.

6. Export the Final Product

Step 9: Click the “Export” button on the right side of the top toolbar, or use the shortcut Command + E.

Step 10: Configure the settings in the export panel:

• Format: Usually choose “GIF” or “Video (MP4)”. For high-quality web sharing, “Video (MP4)” is recommended.
• Quality and Resolution: Adjust according to your needs. Keep the “Loop” option checked.
• Destination Folder: Choose where to save the file.

Step 11: Click the “Export” button and wait for rendering to complete.

III. Advanced Tips for Common Features

1. Multi-layer Animation Management: Create a separate animation layer for each independent moving element, making it easy to independently control and adjust opacity and blend modes.
2. Use the “Difference” View: In the canvas view mode, select “Difference” to highlight pixel differences between the current frame and the static frame, helping you more accurately identify motion areas.
3. Advanced Masking Techniques: For complex edges such as hair strands, first use the brush to roughly paint, then use the “Anchor Point Tool” to finely trace the path, and finally add a small amount of “Feather” to the mask in the inspector to make edge transitions more natural.
4. Static Area Repair: If the static area is not perfect due to slight camera shake during shooting, you can use the “Repair Brush” to sample on the static frame and repair the flawed areas, ensuring the static part is completely still.

IV. Common Issues and Solutions

V. Cinemagraph Pro for Mac Keyboard Shortcuts Summary