Source: Love Mac | Software download link: Moho Pro for Mac
Moho Pro (formerly Anime Studio) is a powerful professional 2D vector animation software, renowned for its advanced bone rigging and smart bone system. It combines traditional frame-by-frame animation with an efficient bone-based animation workflow, and is widely used in character animation, motion graphics, educational videos, and commercial advertising production. This article aims to provide Mac users with a detailed, hands-on operation guide.
I. Detailed Explanation of the Core Interface and Workspace
After launching Moho Pro, you will see a highly customizable workspace, mainly composed of the following core panels:
- Main Menu Bar and Toolbar: Located at the top of the window, containing all major command categories such as File, Edit, View, Bone, and Layer. The toolbar below provides quick access to the most commonly used tools such as selection, transform, scale, draw, and bone.
- Project View (Workspace): The largest area in the center, and the main canvas for drawing, rigging, and animation production. You can pan with the middle mouse button and zoom with
Command + mouse scroll wheel. - Timeline Panel: Located at the bottom, it is the core of animation production. It includes:
- Layer List: Displays the hierarchical structure of all project elements (vector layers, bone layers, image layers, etc.).
- Timeline: Displays the sequence of frames horizontally, used for setting keyframes and adjusting animation timing.
- Channels: Displays the animation parameters (such as position, rotation, scale) of the selected layer or bone.
- Side Panel Group: Usually located on the right side, it can dock multiple important panels:
- Library: Provides preset assets such as characters, props, and actions.
- Style Panel: Controls properties such as fill, stroke, and shadow of the selected vector graphics.
- Layer Properties Panel: Displays and adjusts the specific parameters of the currently selected layer.
- Tool Options Panel: Dynamically displays relevant settings based on the currently selected tool (such as brush, bone).
II. Complete Workflow: From Creation to Export
1. Create and Set Up a New Project
Step 1: Launch and Create
Open Moho Pro via Launchpad or the Applications folder. On the welcome screen, click “New File”, or create a project via the menu bar File > New (Command+N).
Step 2: Project Settings
After creation, immediately configure key settings via the menu bar File > Project Settings (Command+Shift+P):
- Frame Rate: Usually choose 24 or 25 fps for television production, and 30 fps for online video.
- Resolution (Width/Height): e.g., 1920×1080 (Full HD).
- Background Color: Set the canvas background color.
After completing the settings, click “OK”.
2. Drawing and Importing Characters
Step 1: Create a Vector Layer
In the layer column of the timeline panel, click the “New Layer” button and select “Vector Layer”. Alternatively, use the menu Layer > New > Vector Layer.
Step 2: Use Drawing Tools
Select the “Add Point” tool from the toolbar (or press the D key), and click in the project view to create anchor points and draw the closed shape of a character or object. Use the “Transform Points” tool (hold the Ctrl/Command key to temporarily switch) to adjust point positions and curves.
Step 3: Coloring
Use the “Selection” tool (S key) to click on the drawn shape, then set the fill color, stroke width, and color in the Style panel on the right side.
Tip: For complex characters, different body parts (head, torso, limbs) should be drawn in separate vector layers so they can be independently rigged and controlled later.
3. Bone Rigging and Assembly
Step 1: Create a Bone Layer
In the layer column, make sure all character vector layers are grouped (you can select all and right-click to choose “Group Layers”). Then, above the grouped layer, click “New Layer” and select “Bone Layer”. Drag the bone layer into the group layer to make it a child layer.
Step 2: Add Bones
Select the “Add Bone” tool in the toolbar (B key). In the project view, start from the center of the character’s torso (such as the pelvis), click and drag to create the root bone, then create the spine, limbs, head and neck bones in sequence to form a complete skeleton. Parent-child relationships will be automatically connected based on the creation order and position.
Step 3: Bind the Mesh
Use the “Bind Layers” tool (G key). In the Layers panel, first click the bone layer, then Command+click to select all the vector layers you need to bind. Finally, click the “Bind” button (or use the menu Bone > Bind Layers with Bones).
Step 4: Adjust Weights
Use the “Adjust Weights” tool (W key) to click on points on the vector graphic, then adjust the influence strength of different bones on that point in the Tool Options panel to ensure natural deformation.
4. Create Animation
Step 1: Set the Initial Pose Keyframe
In the Timeline panel, move the playhead (red vertical line) to frame 1. Select the “Manipulate Bones” tool (Q key) and adjust the bones in the project view to the character’s initial pose. Select the bone layer in the Layers panel and press F6 (or click the key icon above the timeline) to create keyframes for all bone transformation parameters.
Step 2: Create the Animation
Move the playhead to the target frame (e.g., frame 24). Use the “Manipulate Bones” tool to drag the bones and pose the character in a new position. Moho Pro will automatically create keyframes as you move the bones (if the “Auto Keyframe” button is enabled). For more precise control, you can manually right-click on a specific bone channel in the timeline to add keyframes.
Step 3: Adjust the Animation Curves
In the Timeline panel, click the “Show Graph” button to open the Animation Curve Editor. Select a parameter channel and adjust the curve handles between keyframes to change the motion dynamics, such as acceleration and deceleration.
5. Preview and Final Export
Step 1: Preview the Animation
Use the playback controls on the timeline (Spacebar) to preview in real time in the project view. For complex scenes, use the menu File > Preview Render (Command+R) for a smoother rendered preview.
Step 2: Export the Project
Once the animation is complete, go to the menu bar and select File > Export > Export Video… (Command+E).
- In the pop-up window, set the export frame range (usually “All Frames”).
- Choose the output format, such as QuickTime Movie (.mov).
- Click the “Options” button to set the video codec (e.g., H.264), quality, and resolution (usually consistent with the project settings).
- Specify the save path and file name, then click “Save” to begin rendering and exporting.
III. Advanced Tips for Common Features
- Smart Bone Actions: Select a bone and click “Create Smart Bone” in the “Bone Properties” panel. Then set keyframes on the timeline for the smart bone’s “angle” parameter to create reusable, controllable action clips (such as turning the head or waving), greatly improving rigging efficiency.
- Using the Action Library: Select a finished bone animation (such as a walk cycle) in the timeline layer list and drag it to the “Action” category in the “Content Library” panel on the right to save it as a preset. You can then drag and drop that action directly onto a new character’s bone layer to reuse it.
- Particles and Dynamics: Use the “Particle Layer” to create floating hair, dust, magic effects, and more. Combined with the “Dynamics” feature (enabled in the bone or layer properties), you can add physics-based follow-through motion to attachments (such as clothing or long hair), making animations more lifelike.
- Mesh Warping: Apply “Mesh Warping” (in the layer properties) to vector layers to create more complex, non-linear deformation effects, commonly used for facial expression animation.
IV. Common Issues and Solutions
- Issue: When bones move, vector graphics deform unnaturally or some areas do not follow the movement.
Solution: This is caused by uneven weight distribution. Use the “Adjust Weights” tool (W) to carefully inspect the control points in the abnormally deforming areas, and in the tool options panel, ensure that the bones affecting those points and their weight values are reasonable. You can use the “Smooth Weights” feature to help with this. - Issue: Playback stutters when playing animations, and real-time preview is not smooth.
Solution: 1) Try disabling “High-Quality View” in the “View” menu (Command+8) to switch to draft mode preview. 2) Reduce the number of high-resolution image layers displayed simultaneously. 3) Use “Preview Render” (Command+R) to generate a temporary rendered file for smooth playback. - Issue: The exported video has a transparent background, but I need a solid color background.
Solution: In the export settings, make sure the “Alpha Channel (Transparent)” option is unchecked. Also, check in the project settings whether the “Background Color” is set to the desired color. You can also add a solid-color vector layer at the bottom as the background. - Issue: SVG files imported from Illustrator have a messy structure in Moho.
Solution: Before exporting SVG from Illustrator, try to simplify the graphics as much as possible, using “Object > Path > Simplify” to reduce redundant nodes. Ensure that each independent part is on a separate layer. When importing into Moho, select “Import as: Vector Layer” and try different “Grouping” options.
V. Moho Pro for Mac Shortcuts Overview
| Function Category | Operation Description | Shortcut (Mac) |
|---|---|---|
| File Operations | New Project | Command + N |
| Open Project | Command + O |
|
| Save Project | Command + S |
|
| Export Video | Command + E |
|
| Project Settings | Command + Shift + P |
|
| View Controls | Pan Canvas | Hold Spacebar and drag, or middle-click and drag |
| Zoom Canvas | Command + Mouse Scroll or Command + +/- |
|
| Fit to Window | Command + 0 |
|
| Toggle High Quality/Draft View | Command + 8 |
|
| Tool Switching | Select Tool | 1 |
| Add Point Tool | D |
|
| Transform Points Tool | Ctrl (temporary toggle) |
|
| Add Bone Tool | B |
|
| Manipulate Bones Tool | Q |
|
| Bind Layer Tool | G |
|
| Adjust Weight Tool | W |
|
| Animation & Timeline | Insert Keyframe | F6 |
| Delete Keyframe | Shift + F6 |
|
| Play/Pause | Spacebar |
|
| Go to Previous Frame | Left Arrow |
|
| Go to Next Frame | Right Arrow |
|
| Preview Render | Command + R |
|







