FrameMagic for Mac: The Complete User Guide

FrameMagic for Mac is a visual design tool dedicated to quickly adding exquisite borders, backgrounds, and annotations to images and videos. With its intuitive interface and powerful template library, it helps users efficiently create visual content suitable for social media, presentation decks, or marketing materials. This article will provide an in-depth analysis of its interface, complete workflow, and core tips.

I. Detailed Explanation of the Core Interface and Workspace

After launching FrameMagic, you will see a main workspace with a clear structure and well-defined sections.

1. Top Menu Bar and Toolbar: Includes the standard Mac menu (File, Edit, View, etc.) as well as a row of commonly used function icons (such as New, Import, Export, Undo, Redo, Canvas Settings).
2. Left Resource Panel: This is the software’s core resource library.
   • Template Library: Provides preset border templates organized by category (such as social media sizes, holidays, business).
   • Borders and Shapes: Provides border elements in solid colors, gradients, patterns, and custom shapes.
   • Background Library: Includes solid color, gradient, texture, and image backgrounds.
   • Stickers and Text: Built-in icons, decorative stickers, and various font styles.
3. Central Canvas and Editing Area: This is the real-time preview and direct operation area for your work. You can zoom and move the canvas here (two-finger gestures), and directly drag to adjust layers.
4. Right-side Properties Inspector: When you select any element on the canvas (such as an image, border, or text), this panel dynamically switches to display all adjustable parameters for that element, such as size, position, color, opacity, shadow, stroke, and more.
5. Bottom Layer Management Panel: Displays all elements on the canvas (background, images, borders, text, etc.) in a stacked list format. Here you can adjust the layer order (drag and drop), hide/show (click the eye icon), or lock layers.

II. Complete Workflow: From Creation to Export

1. Create or Open a Project

Method: After launching the software, you will see a welcome window. You can choose:

• Create New Project: Click “New Document” or use the shortcut Cmd + N. In the pop-up dialog, preset common social platform dimensions (such as Instagram post, story, YouTube thumbnail), or customize the width, height, and resolution.
• Start from a Template: In the “Templates” library in the welcome window or the left sidebar, double-click any template to create a new project based on it.
• Open an Existing Project: Click “Open” or use Cmd + O, and select a FrameMagic project file (usually in .fmagic format).

2. Import and Process the Main Image/Video

Location and Method:

1. Drag and drop the image or video file directly from Finder onto the central canvas.
2. Or click the “Import” button in the toolbar (the icon is usually an image with a plus sign) and select the file from your computer.

Operation

: After importing, the image/video will appear as a new layer on the canvas and in the Layers panel. You can drag its corner handles to scale it, drag it within the canvas to move its position, or precisely adjust the “Transform” parameters (X, Y coordinates, rotation, scale) in the Properties inspector on the right.

3. Add and Customize Borders

Location: The “Borders” or “Templates” section in the left resource panel.

Specific Steps:

1. Browse the “Borders” library, find a border style you like, and drag it directly onto the canvas.
2. The border will automatically adapt to the canvas or main image dimensions. Select the border layer, and the Properties inspector on the right will provide detailed control options:
   • Color and Fill: Change the border’s solid color, gradient, or pattern.
   • Size and Thickness: Adjust the overall width and height of the border, as well as the thickness of the border lines.
   • Effects: Add shadows, inner glow, outer glow, and more to enhance the three-dimensional feel.
   • Rounded Corners: Adjust the roundness of the border’s four corners.
3. You can also select a complete design with a border from the “Templates” library, then replace the images and text within it.

4. Add Backgrounds and Decorative Elements

Background: Drag a color or texture from the “Background” library on the left onto the canvas. Make sure it is at the bottom layer in the Layers panel (you can adjust the order by dragging).

Stickers and Shapes: Drag elements from the “Stickers” or “Shapes” library onto the canvas. After selecting one, adjust its color, size, and blend mode (such as Overlay or Soft Light) in the Properties inspector to blend it more naturally.

Text: Click the “T” icon in the toolbar or drag a preset style from the “Text” library on the left. Double-click the text box on the canvas to edit its content, and adjust the font, size, color, alignment, and spacing in the right panel.

5. Fine-Tuning and Layer Management

Use the Layers panel at the bottom to manage all elements:

• Adjust Order: Drag layer names up or down to change the stacking order.
• Hide/Show: Click the eye icon to the left of a layer.
• Lock: Click the lock icon next to the eye icon to prevent accidental changes.
• Group: Select multiple layers (hold Cmd and click), right-click and choose “Group” to move or hide them together.

Use the Attributes Inspector on the right side to fine-tune the selected layer, such as opacity, blend modes, advanced effects, and more.

6. Export the Final Product

Location & Method:

1. Click the menu bar File > Export… or use the shortcut Cmd + E.
2. In the export dialog that appears:
   • Set Format: Choose the output format, such as PNG (transparent background), JPEG, TIFF, or MP4 (for video projects).
   • Adjust Quality & Dimensions: For images, you can set the JPEG quality percentage; you can scale the export dimensions (100% is original size).
   • Choose Save Location: Specify where the file will be stored on your computer.
3. Click the “Export” button to complete the process.

III. Advanced Tips for Common Features