# Motion 4 is now a part of Motion Studio!

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2F4Qt2XUNGcEWvInB96wU7%2FMotion%20Studio%20Banner.avif?alt=media&amp;token=10a70cf7-e95c-4356-a789-a4e21a1df1bd" alt=""><figcaption></figcaption></figure>

### What to know

1. Upgrading is *optional*. Your existing license will always work with Motion 4
2. Existing users get **50% off for life** - reach out to us at <support@mtmograph.com>

{% hint style="info" icon="rocket-launch" %}
[Upgrade Now](https://mtmograph.com/products/motion)
{% endhint %}

{% hint style="info" %}
[Learn More](https://motion-studio.mtmograph.com/general/upgrading-from-motion-4)
{% endhint %}


# Installation

Get M⁴ ready and working

{% hint style="info" %}
Motion 4 is now part of **Motion Studio**. [Learn More](https://motion-studio.mtmograph.com).
{% endhint %}

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FXzvgLlLcDYJr1DvlNf91%2Fdownloads_page.png?alt=media&amp;token=67179c81-9426-42b1-b79d-5e73745672a7" alt="Mt. Mograph downloads page"><figcaption><p>mtmograph.com/pages/downloads</p></figcaption></figure>

## Summary

**Motion (M⁴)** is an Extension that is compiled into the <mark style="color:blue;">**Motion Installer**</mark> that will automate the installation process.&#x20;

| System  | Name                                                                |
| ------- | ------------------------------------------------------------------- |
| MacOS   | [`Motion-Installer.pkg`](https://www.mtmograph.com/pages/downloads) |
| Windows | [`Motion-Installer.exe`](https://www.mtmograph.com/pages/downloads) |

{% hint style="info" %}
We recommend using the **Motion Installer**, but third-party ZXP-installers and manual installations are also possible. Please see [Troubleshooting](/additional-resources/troubleshooting) for alternate steps.&#x20;
{% endhint %}

## Get download

After purchase, your License Key(s) and Order Confirmation will be sent to the Purchase Email.&#x20;

1. The <mark style="color:blue;">**Motion Installer**</mark> can be downloaded from the Order Confirmation email.
2. On the Mt. Mograph downloads page: <https://mtmograph.com/pages/downloads>

## Launch installer

![](https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2F4XhbYtAKKq0kXiGaUMua%2FScreen%20Shot%202022-08-08%20at%209.45.36%20PM.png?alt=media\&token=e0b45ca7-4221-483e-9f7d-0ff3c135ca0b)

### Finalize installation

1. Open the <mark style="color:blue;">**Motion Installer**</mark>, and proceed through the install screens.&#x20;
2. 2\. When the M⁴ packages complete successfully; open Adobe After Effects to [Activate License](/readme/activate-license) and finish the setup process.

{% hint style="warning" %}
If the target application was open during the Motion install, restart the Adobe application to finalize the installation.
{% endhint %}

## <mark style="color:red;">Failed install</mark>

In the rare case the Motion Installer fails and your applications meet the [System Requirements](/#system-requirements), Please see [Troubleshooting](/additional-resources/troubleshooting) for alternate step, or [Contact](https://mtmograph.com/pages/contact-us) support.


# Activate License

Finalize M⁴ installation

{% hint style="info" %}
Motion 4 is now part of **Motion Studio**. [Learn More](https://motion-studio.mtmograph.com).
{% endhint %}

## **Summary**

When **Motion** is first installed a <mark style="color:blue;">**License Key**</mark> is required to activate and finalize the process.&#x20;

{% hint style="info" %}
A valid License Key also allows a Workstation to be remotely managed. Using the **Settings > License > Seats > Manage** screen to **Login** and **Logout** any time.
{% endhint %}

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FYcN9YsLjxinkrdL8mMQc%2Fmtmo-license-login.gif?alt=media&amp;token=9552d92d-a963-49c5-a7b3-e9f6abcb4ba2" alt=""><figcaption></figcaption></figure>

## **1. Launch Motion**

To finalize the installation of M⁴, open <mark style="color:yellow;">**After Effects > Application Bar > Window > Extensions > Motion-4**</mark>

{% hint style="info" %}
Motion is resizable, scalable and dockable. Drag and drop the Motion window anywhere in your application Workspace.
{% endhint %}

## 2. Enter license key

When Motion is opened for the first time, a **License Key** is required to **log in** and finalize your installation.&#x20;

{% hint style="info" %}
You can get your License Key from your Checkout Email, if you forgot your License Key, you can recover it on our [**License Recovery**](https://mtmograph.com/pages/license-recovery) page
{% endhint %}

## 3. Confirm license

After a valid License Key is pasted into Motion, the Extension will verify the number of installs/seats available and log in.&#x20;

{% hint style="info" %}
After the first valid **Login** — <mark style="color:yellow;">Motion can work in</mark> <mark style="color:yellow;"></mark><mark style="color:yellow;">**Offline Mode**</mark> <mark style="color:yellow;"></mark><mark style="color:yellow;">for 7 days</mark>. After that, an internet connection is needed to re-validate the license.
{% endhint %}

#### Multiple Seats

If the License Key is valid, but the seat count is reached, Motion will prompt you with a license manager screen where you can log in or out of workstations using your License Key.

## Failed license check

If the License Key check fails, please check:

1. &#x20;the License Key is entered correctly without extra characters or, spacing
2. the workstation has a live internet connection (*needed to verify license*)

{% hint style="warning" %}
For more information, or for assistance please [**Contact Us**](https://mtmograph.com/pages/contact-us)
{% endhint %}


# System Requirements

M⁴ hardware and software prerequisites

**Motion (M⁴)** is compatible with any workstation that can ru&#x6E;**:**

## **Adobe After Effects**

Adobe After Effects CC 2021

Adobe After Effects CC 2022, or higher

{% hint style="info" %}
We recommend trying to use the[ latest Creative Cloud applications](https://helpx.adobe.com/after-effects/using/whats-new.html), when possible, or the most recent year at least to ensure the best plugin stability.&#x20;
{% endhint %}


# Home

Simplified tools and common features.

![](https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FY1fZMprQugArib0TtDHt%2Fdddd.jpg?alt=media\&token=24982600-0ffa-4f19-b26a-b01de02f933d)

## Description

The Home screen is where <mark style="color:blue;">**Motion-4**</mark> <mark style="color:blue;"></mark><mark style="color:blue;">(</mark><mark style="color:blue;">**M⁴**</mark><mark style="color:blue;">)</mark> starts up on each new run, and you'll probably find is one of your most visited screens in M⁴. Small versions of tools like the Ease Graph, Anchor and Ease Sliders are always quickly accessible — when the full versions, or more complex options aren't needed.

Additionally, the Home screen is home for the new Workflow tools which offer more in-depth abilities and even GUIs that help with each individual Workflow. You can Pin your favorite tools for quick access also onto the Home screen and have constant access (*as you will to these Tools on every screen*) to the simplified Focus tools and Swatch library, and Easing library.


# Ease Graph

Adjust keyframe interpolation(s) with speed graph.

## Description

When working with keyframes, the standard After Effects Graph Editor can sometimes be overkill and confusing, and other-times simply awkward to work with as you have to navigate off the Timeline and change the After Effects UI.

The Ease Graph in M⁴ can Preview selected Keyframe values (simply select a keyframe to see M⁴ Live Poll the value) and also gives a more intuitive preview of the Ease Easy values. The actual Ease Values will also be mirrored to the Ease Sliders below the Ease Graph.

{% hint style="info" %}
In the current M⁴ release, the Ease Graph only works with Influence values (*which is often enough for animation*) but Speed will also be available on a new Easing screen.&#x20;
{% endhint %}

## Ease In & Ease Out

Clicking and dragging to the left or, right of the **Ease Graph** allows interpolations to be Ease In and Ease Out.

## Ease Ease

A special zone in the middle of the **Ease Graph** allows interpolations to be mirrored to Ease In and Ease Out.

{% hint style="info" %}
The **Ease Graph** and **Ease Sliders** have a reflective relationship. When either are adjusted the opposite shows the same data.
{% endhint %}


# Anchor

Adjust selected layer anchor point(s)

## Description

The Anchor interface is a simplified version of Anchor+ but allows you to quickly change the Anchor Point of the selected Layer(s) without the guesswork of the stock and weirdly named \`Pan Behind tool of AE.

## Setup

1. Select a Layer
2. Click an Anchor dot, to change the position of the actual Layer Anchor Point, to what Anchor dot was selected.

## Extra

By holding OPTION and clicking the Center Anchor dot the Layer(s) will also be centered to the Composition


# Ease Sliders

Adjust keyframe interpolation(s) with track bar.

## Description

When working with keyframes, the standard After Effects Graph Editor can sometimes be overkill and confusing, and other-times simply awkward to work with as you have to navigate off the Timeline and change the After Effects UI.

The Ease Sliders in M⁴ can Preview selected Keyframe values (*simply select a keyframe to see M⁴ Live Poll the value*) and also gives a more intuitive preview of the Ease Easy values. The actual Ease Values will also be mirrored to the Ease Graph above the Ease Sliders.

{% hint style="info" %}
In the current M⁴ release, the Ease Graph only works with Influence values (*which is often enough for animation*) but Speed will also be available on a new Easing screen.&#x20;
{% endhint %}

## Ease Slider

Adjust keyframe interpolation(s) with track bar.

### Ease In / Ease Out

By using the left or, right sliders independently you can change the Ease Ease values (*the curve will be previewed in the Curve Graph*)

### Ease Ease

Like the Ease Graph, if you want to adjust both Ease In and Ease Out values together, you can click and hold the center Slider in the Ease Slider and drag out to the left or right to mirror the value changes to either side.

## Easing types

Change selected keyframe(s) temporal interpolation type instantly.

### Ease Out

### Ease In

### Auto-Bezier

### Linear

### Hold


# Workflows

Management systems to automate complex processes.

## Description

M⁴ has a special suite of Tools that offer more in-depth systems called Workflows. These are Tools that are intended to stay open while in use — whereas regular tools from the Toolbox close after each subsequent run.&#x20;

## Extra

To close the Workflow screen you can click off the screen at the top of the UI, or click the M⁴ bar at the footer of the screen.


# Composition

Edit the aspect ratio, duration and FPS of current composition.


# Timeline

Scrub and edit current composition and work area.

## Description

The Timeline workflow gives you some real power over the temporal playback of your project. You can Scrub the timeline, and also set Work Area properties on Timeline.

## Timeline Modes

Since every animator has a different preference, you can toggle between **Seconds**, **Frames** or switch to a standard time view of **H:MM:SS:F**&#x20;

## Timeline GUI

Click and drag on the Timeline to scrub the actual Timeline playback of your composition. By clicking and dragging the Handles at the top of the Timeline the Work Area can also be edited.

## Work Area Options

Standard Work Area properties are able to be edited in the text fields like Start, End, Duration and CTI.&#x20;

## Frame Snap

One of the new abilities in M⁴ is Frame Snap, which creates an otherworldly way to preview/playback and change Timeline properties. Simply set the Snap amount and Enable Frame Snap — now when you scrub the Timeline; playback will jump every *X* amount. Additionally, the Work Area handles will also snap using the same range.&#x20;

{% hint style="info" %}
Frame Snap is an awesome way to preview long scenes, or save CPU processing by skipping frames.
{% endhint %}


# Anchor+

Expanded functionality to calculate selected layer anchor point(s).

## Description

The Anchor+ interface is an advanced version of Anchor but allows you to quickly change the Anchor Point of the selected Layer(s) without the guesswork of the stock and weirdly named \`Pan Behind tool of AE.

On the Anchor+ screen there are a couple extra options, and a couple special ways adjust the Anchor Point further.

## Setup

1. Select a Layer
2. Click an Anchor dot, to change the position of the actual Layer Anchor Point, to what Anchor dot was selected.

## Anchor Actions

**Include Masks**\
Use mask path (*if existing*) to calculate anchor point.

**Rotation Lock**\
Factor degree of rotation of selected layer(s) to calculate anchor point. This is a very helpful tool to orient a Rotated layer to the M⁴ UI panel (*ex: if the Anchor dot is to the left, and the Layer is rotated 180 degrees the sides are inverted*)

**To First**\
Adjust all layer anchor point(s) to first selected index.

**To Last**\
Adjust all layer anchor point(s) to last selected index.

**Average**\
Use median coordinate to calculate anchor point.

**Center**\
Center Layers to the Composition.


# Favorites

Pinned shortcuts to favorite tool(s).

## Enable pin mode

## Add or Remove tools to Favorites


# Libraries

Collections of assets.

M⁴ has a special category of screen called Libraries that offer custom User defined categories to organize different kinds of animation assets.&#x20;


# Swatches

Collection of color palettes and swatches.

## Browse ?

## Swatch Actions

### New Palette

Create new palette to store and edit color swatches.

### Import .ASE

Download Adobe Swatch Exchange (.ASE) palettes into the swatch library.

### Rename

Edit color palette name.


# Easing

Library of easing palettes.


# Focus

Isolate selected layer(s).

## Focus Actions

### Focus

Temporarily isolate selected layer(s).

### Refocus

Return and restore all layer(s) to original states.


# Color

Manipulate visual color space.

## Description

Color in 360 degrees — this screen is a handy utility tool to handle all your color needs. Sample any color on your monitor with the Eyedropper tool — Swap Fill/Stroke with a click and use a handy Color Wheel to interact with the entire color spectrum.&#x20;


# Color Wheel

Adjust and preview current color value.

## Description

When working with color the standard After Effects operation can be a little tedious. With any Layer or Vector Group selected click and drag on the Color Wheel to instantly change the selected objects color values.&#x20;

{% hint style="info" %}
Select the Fill or Stroke swatches to toggle between the Color Wheels focus.
{% endhint %}

## Eyedropper

To engage the Eyedropper sample mode:

\- click on the button with your mouse\
\- hold the click and drag the Eyedropper "out" of the Motion 4 panel

## Preview Split

The Color Wheel has a "preview split" background. When a color is adjusted via the Color Wheel or Color Sliders — the previous color value will be temporarily pinned to the left-side of the background.&#x20;

{% hint style="info" %}
&#x20;The Preview Split will also display the Eyedropper color sample too.
{% endhint %}


# Color Kit

Specialized functions to work with color.

## Description

The color "kit" is standard functions to work color, that are common across most media creation tools. You can Preview and Edit Swatch colors, Paste or Edit a Hexcode and quickly adjust to high contrast swatches.

### Color Types

Select color value to edit.

### Hex / Preview

Current color and hexadecimal code.

### Basic Swatches

Common swatches with highest contrast.

#### Black

darkest value

#### White

brightness value

#### NaN

non-value


# Color Actions

Mini toolbox of generic color functions.

### Copy

Store selected layer(s) color properties to clipboard.

### Paste

Duplicate color properties from clipboard to selected layer(s).

### Eyedropper

Sample color value from cursor location.


# Color Sliders

Controls to adjust properties of color space.

### Hue

Change degree of similarity to ROYGBV.

### Saturation

Change perceived warmth of color.

### Vibrance

Change perceived intensity of color.

### Opacity

Adjust degree of transparency.

### Stroke

Adjust width of stroke.


# Toolbox

Functions to assist animation.

## Description

All new in Motion-4 is our Roadmap of new tools/features that will be regularly released for free to M⁴. After 8 years working on Motion, we realized that issuing bug fixes + new tools was a hard schedule to balance. So our main goal with the Motion redesign was to bring a modular and flexible backend to the tool, so future updates can arrive more seamlessly.

So our development has split Bug/Fix updates off into when they are needed. And on the User-side you can now enjoy an endless stream of exciting new tools; and trust us — we have over 40+ tools coming in 2022 and even more new Categories to keep the tool manageable and helpful.

{% hint style="success" %}
Don't worry! All new Expansion Packs are included with a Motion license.
{% endhint %}


# Categories

Collections of tools with common attributes.

## Description

There are so many tools in M⁴ that the new version introduces Categories to quickly refine like-tools into easier to browse.&#x20;

## All

View entire suite of Tools.

## New

Latest additions to Tool suite. Whenever new tools or, Workflows are released they will automatically be sorted into the New Category in the Toolbox; so you can quickly find the new shiny toys to play with.

## Automation

Automate time-consuming processes.

## Effects

Helpful visual motion design tools.

## Keyframes

Manipulate keyframes and easing parameters.

## Libraries

Browse media collections and tools.

## Management

Executive project actions and commands.

## Systems

Simplify and manage complex systems.

## Pin Tools (aka set Favorites)

Shortcut favorite tools to Home.

### Setup

1. Click Pin Tools to enter "favoriting" mode.
2. Tools that are selected while Pin Tool is engaged will be set onto the Home screen
3. Tools are automatically sorted alphabetically on the Home screen, but more Sort options will soon be available
4. When your favorite Tools are set, click the Pin Tools button again, to disable the Edit mode and use Motion like normal


# Tools

Suite of functions to assist creating animation.

## Description

Our development team is planning for 'endless' updates — meaning (not quite) every month, but frequently and multiple times each year you will receive new Expansion Packs of extended features, new tools/screens and even brand new Effect Controllers.&#x20;

{% hint style="info" %}
🤫 Exciting projects will be available later in 2022/early-2023:&#x20;

<mark style="color:yellow;">**38+**</mark> more additions to the Toolbox and M⁴.
{% endhint %}


# Animo

Merge and unify keyframes together.

## **Description**

**Animo** is a great tool to use when trying to edit a set of keyframes easily. Animo will merge any selected keyframes into one unified keyframe set that is built onto an Animo Controller. This Animo Controller is helpful because it binds properties with multiple parameter pairs into one easy-to-work with ease curve.&#x20;

Additionally, this Animo curve converts an animation into a percentage (0-100%) so, the Animo Controller can be used to reverse, or stutter through an animation. When paired with Delay or, other time-based tools can cause animations to look different when reversed etc.&#x20;

## Setup

1. Select any animated properties with 2+ keyframes.
2. With the keyframes selected, click Animo
3. on the Animo options screen, add a Controller name and select if you'd like to Shy the selected layers (*which can be helpful, if you plan to work with the Animo Controller curve*) or, if you'd like to add a Keyframe to the Animo curve at the current CTI (*helpful if you use the shortcut 's' to Show Animated Properties in After Effects*)&#x20;
4. click the Animo button again to create the Controller.&#x20;

## Effect Control

The Animo system is controlled through a single Effect Control; although multiple Animo controllers can be placed on a single Layer. On the general level, you can Enable or Disable the Animo effect (which is helpful if you want to preview the original animation, or change keyframe values) and change the Animo playback percentage.

### Spectre

**Spectre** might be the most interesting tool in Motion (so far). This layer creates a "ghost" that can overlap other Layers and the overlap percentage is converted to animation "playback." Through this option, animations can literally affect and move themselves leading to very unique and visually exciting animations.

1. Setup a Trigger by choosing a layer that you would like the Animo Controller to look for and read
2. Select the option to also calculate Effects & Masks if you'd like to interpret every part of the animation
3. Increase/decrease the Multiplier to scale up the Output % (*for example: if you'd like a small object to have a big impact on the Animo playback*)

### Loop

Since Animo binds keyframes sets together, they can be easily Looped as a group either as a Cycle, or Ping-Ponged. What is cool about this kind of Loop, is if there were any changes to the Animo Curve those ranges will also be pushed into the Loop.

## Options


# Blend

Soften and smooth keyframe values and paths.

## **Description**

**Blend** is a helpful tool to make your keyframe values more "*smushy*" and have a generally more soft appearance. This Blend effect is most noticeable on the Position property, but works across any property type.&#x20;

As the Smoothness is increased the Blend effect is increase and can even affect the temporal start-stop of an animation. All keyframes on a Property will be affected by Blend. Blend can be a great option for a Tracked animation, or properties with many keyframes.

## Setup

1. Select any property that can be animated
2. click the Blend tool

## Effect Control

The Blend effect has three options Enable, Smoothness and Precision.&#x20;

**Enable** is straightforward and will Turn On / Turn Off the Blend affect *(which can be helpful if you want to add more keyframes, or check the original animation*)

**Smoothness**, is the amount Blend will affect the keyframe set. As it increases the blending will become more pronounced.&#x20;

**Precision** is a secondary control to the **Smoothness** effect and will help refine the animation closer to the original animation.

## Options


# Break

Split vector layer(s) into individual shape layer assets.

## **Description**

**Break** is tool to automate the slow process of separating vector shapes from a Layer Group into individual layers. This is a great option to have if an asset like EX: vector emoji needs more refined animation.&#x20;

## Setup

1. Select any vector layer(s)
2. click the Break tool

## Options

The Blend effect has two options Delete original and Break All.


# Burst

Create simple radial burst rig.

## **Description**

**Burst** is tool to create quick little "animation accent" rigs. These burst layers have tons of Effect parameters to refine, or individualize the burst effects.&#x20;

## Setup

1. Select an Active Composition&#x20;
2. click the Burst\` tool

## Effect Control

Each Burst run will create it's own layer with a  Effect Control to customize the attributes and animation. &#x20;

### Global Position

The center of the Burst ring. Just click the 'compass' button and select a spot in a Composition. The Burst layer will align to the selected point.

### Copies

**Count**\
Increase or decrease the amount of objects that make up the Burst effect.

**Burst Offset**\
This will change the "stagger" or uniform Burst of the paramters like Distance from Center and Revolution.

**Dist from Center**\
This is the general property to adjust to animate the "burst" and movement from in to out.

**Revolution**\
Will increase the range off the "burst" radius. For example, the ring starts with 360 degress and can be increased to 500 degrees; which would cause the objects in the Burst to appear staggered.

**Revolution Offset**\
Randomize or offset the individual Copies in the Burst ring on non-averaged degrees.

### Properties

### Color

### Sequence

## Options


# Clone

Duplicate all selected keyframe(s) to CTI.

## Description

Clone can duplicate an entire set of keyframes across multiple properties, and across multiple layers. Typically, After Effects can't understand keyframe copy/pasting over multiple layers and will duplicate the layer. So Clone is a fantastic tool to make this process more automated.

## Setup

1. Select any amount of keyframes
2. move the CTI to a location on the Timeline
3. set the Clone options and Run Clone
4. the keyframe set will be pasted to CTI position

## Options

When running Clone there are a couple different modes you can select to Clone the keyframes.&#x20;

**Standard**\
This option will simply paste the keyframe set to the CTI position

**Reverse**\
Will reverse each set of keyframes independently on each property.&#x20;

**Mirror**\
Will flip the entire keyframe group order together "reversed as a group"


# Cloth

Convert puppet pins to soft body system.

## Description

Cloth is a system-based tool to create a soft-body object. Similar to a physical simulation in a 3D program and physics engine. In order to run Cloth, the selected Layer requires Puppet Pins.

The Puppet pins are pushed through a Delay system, that connects all the Puppet Pins together and essentially creates a "soft-body" layer that can be rippled, waved and shook with a proper delay and bend. This rig can be used to mimic hair, paper, trees, bending limbs and more.

## Setup

1. First add Puppet Pins (*CNTRL+P, or CMD+P to switch to the Puppet Pin tool*) to the selected Layer
2. Add Puppet pins strategically on the Layer (*without adding too much clutter*)
3. With the Layer still selected, set your options and run Cloth

## Effect Controls

The Cloth tool has two types of three types of Effect Controls. A Global option, a Parent option, and a Child option. With the correct setup, almost any realistic looking movement can be achieved *(if you don't have access to a 3D program for a quicker simulation\*\*)*&#x20;

### Global

**Delay**\
With this option enabled you can affect all the Child delays universally with one % value that is pushed out.

**Drag**\
Is an option to Randomize the Delay value (under the Global option that means each property would be delayed, but not each layer). By setting a Range value, the Delay+Drag amount can be further narrowed/expanded and a Seed is available to randomize the randomization again.

**Color**\
By enabling this option all the Child layers can Cycle through different color schemes (also with a Seed and randomization available) this is a great way to distinguish, or even use the Pin layers.<br>

**Cloth**\
Since the whole tool Cloth is driven through Puppet Pins being assigned Delay layers (luckily all automated with code and M⁴) there are a couple options on the Cloth system to get more unique setups.&#x20;

On this Option you can change Control visibility, color and size, Enable a Parent object (so the system can be attached to a layer ex:character hair), and the Child guide layers can also be hidden.

### **Parent**

Also, on the "main" layer is a second Control to affect each Property being pushed into the Delay system (*which is the backbone for Cloth*)

**Delay**\
With this option enabled you can affect all the Layers with linked properties delays universally with one % value that is pushed out.

**Drag**\
Is an option to Randomize the Delay value each Layer being affected by the Parent property. By setting a Range value, the Delay+Drag amount can be further narrowed/expanded and a Seed is available to randomize the randomization again.

**Scatter**\
For systems that may require more unique looking relationships, you can Enable the Scatter option which can randomize the 'starting\` value of children layers (ex: different stars start and end at different degrees of rotation when Scatter is enabled)

**Advanced**\
Even more customization is available in this option. To preview how the Cloth system will look with Delays, Drags, and Children mirrors etc. you can Enable Dynamics to automate layer movement.

You can Ignore the Global Controller under the Advanced too. This feature is helpful when you have a large collection of Properties (like Position, Opacity, Scale, Distortion, Skew Angle all connect to single Parent layer). If a specific Property should have it's own custom Value instead of using the Global Delay value.

Storage is also seen under this Advanced; however this data just stores some important values to help the Cloth system work. It is not recommended to adjust the Storage values.&#x20;

### **Child**

The Child layer gets their own individual set of Effect controls to uniquely control, or separate this property differently. Disable/Enable the Delay effect entirely; or add/minus extra Delay to the Layer

**Magnetism**\
This option can give the entire Delay system a completely different feeling and interaction to the Parent value changes. By enabling Magnetism you can multiply the "scale" of change.

**Advanced**\
Outside of the Storage property (which holds important values for the Delay system to work) there is the ultra-experimental Soft Force option that can help create an "ideal" animation based of the Parent change. This feature is being explored for some new tools in the works.

## Options


# Delay

Universally control and stagger values.

## Description

Delay is a system-based tool to build up complex relationships through Parent-to-Child layer relationships. Any property that is key-framable can be put into a Delay system, and values can be staggered and universally controlled in a huge variety of powerful ways.

## Setup

1. Select a Property, or select Properties that you would like to affect.&#x20;
2. On a single Layer choose all the Parent Properties that you would like to use in a Delay system.
3. With the Properties still selected, next select any amount of Children layers (*no need to select more properties)*
4. The selected Properties will now be pushed through the Parent and Delayed into the Child properties. Change the Effect Control settings for even more customization or unique setups.

## Effect Controls

The Delay tool has two types of three types of Effect Controls. A Global option, a Parent option, and a Child option. With the correct setup, literally any type of animation can be built through a single set of keyframes.

### Global

**Delay**\
With this option enabled you can affect all the Child delays universally with one % value that is pushed out.

**Drag**\
Is an option to Randomize the Delay value (under the Global option that means each property would be delayed, but not each layer). By setting a Range value, the Delay+Drag amount can be further narrowed/expanded and a Seed is available to randomize the randomization again.

**Color**\
By enabling this option all the Child layers can Cycle through different color schemes (also with a Seed and randomization available) this is a great way to distinguish, or even use the Pin layers.<br>

**Cloth**\
Since the whole tool Cloth is driven through Puppet Pins being assigned Delay layers (luckily all automated with code and M⁴) there are a couple options on the Cloth system to get more unique setups.&#x20;

On this Option you can change Control visibility, color and size, Enable a Parent object (so the system can be attached to a layer ex:character hair), and the Child guide layers can also be hidden.

### **Parent**

Also, on the "main" layer is a second Control to affect each Property being pushed into the Delay system (*which is the backbone for Cloth*)

**Delay**\
With this option enabled you can affect all the Layers with linked properties delays universally with one % value that is pushed out.

**Drag**\
Is an option to Randomize the Delay value each Layer being affected by the Parent property. By setting a Range value, the Delay+Drag amount can be further narrowed/expanded and a Seed is available to randomize the randomization again.

**Scatter**\
For systems that may require more unique looking relationships, you can Enable the Scatter option which can randomize the 'starting\` value of children layers (ex: different stars start and end at different degrees of rotation when Scatter is enabled)

**Advanced**\
Even more customization is available in this option. To preview how the Cloth system will look with Delays, Drags, and Children mirrors etc. you can Enable Dynamics to automate layer movement.

You can Ignore the Global Controller under the Advanced too. This feature is helpful when you have a large collection of Properties (like Position, Opacity, Scale, Distortion, Skew Angle all connect to single Parent layer). If a specific Property should have it's own custom Value instead of using the Global Delay value.

Storage is also seen under this Advanced; however this data just stores some important values to help the Cloth system work. It is not recommended to adjust the Storage values.&#x20;

### **Child**

The Child layer gets their own individual set of Effect controls to uniquely control, or separate this property differently. Disable/Enable the Delay effect entirely; or add/minus extra Delay to the Layer

**Magnetism**\
This option can give the entire Delay system a completely different feeling and interaction to the Parent value changes. By enabling Magnetism you can multiply the "scale" of change.

**Advanced**\
Outside of the Storage property (which holds important values for the Delay system to work) there is the ultra-experimental Soft Force option that can help create an "ideal" animation based of the Parent change. This feature is being explored for some new tools in the works.

## Options


# Dynamics

Automate random change in value(s).


# Echo

Bulk duplicate and control selected layer(s).


# Excite

Automatically overshoot property values.


# Falloff

Manipulate properties with spatial attenuation.


# Flip

Mirror selected layer(s) across axis.


# Grab

Select all same property type(s).


# Jump

Automatically bounce property values.


# Null

Create invisible control object and parent selected layer(s).


# Orbit

Automatically satellite around layer.


# Parent

Iteratively chain parent selected layers.


# Pin

Automatically convert puppet pins to null objects.


# Shapes

Collection of geometric primitives.


# Rename

Batch edit and serialize layer names.


# Reverse

Inversely re-order selected layers.


# Sort

Automatically order and categorize project items.


# Spin

Automatically revolve layer.


# Stare

Automatically orient layer towards target.


# Text-Break

Split text layer(s) into individual characters/words.


# Texture

Collection of image patterns.


# Trace

Create fluid path rig and track selected layer(s).


# Trash

Remove unwanted effects and linked expressions.


# Trim

Add trim path to selected layer(s).


# Vector

Create network of lines attached to selected layer(s).


# Vignette

Create a softened frame outline.

## Description

Vignette is a quick Tool effect to add the classic outer "burn" to a Composition. This effect is great to pull viewer attention further into an animation, or change the tone of a scene.

## Setup

1. Select an Active Composition
2. Click Vignette

## Effect Controls

On the first level of the Vignette control, the Effect can be Enabled/Disabled and the Shape can be toggled between an Ellipse or a Circle.

### Properties

Some general properties can help shape the Vignette appearance; adjust the Feather, Position, Scale and Intensity to increase the contrast of the Vignette to the Composition.


# Warp

Create and morph optical trail of selected layer(s).

## Description

Warp is a fun effect to add trails of layers behind an object. This affect using an interesting stack of Effects to smooth out the edges of a Layer and create Echos of the original layer.&#x20;

## Setup

1. Select a Layer(s)
2. Run Warp


# Focus+

Isolate selected layer(s) and custom groups.


# Focus+ Kit

Specialized functions to work with focus.

### Create Group

Create new group with selected layer(s).

### Focus to Group

Temporarily isolate and control selected group(s).

### Focus Type

Toggle focus isolation mode.

#### All

Isolate viewer and timeline panels.

#### Composition

Isolate the composition panel (visual view).

#### Timeline

Isolate the timeline panel (sequential view).


# Focus+ Actions

Mini toolbox of generic focus functions.

### Select

Toggle group layer(s) active selection state.

### Visibility

Toggle group layer(s) visibility state (hide in composition).

### Lock

Toggle group layer(s) lock state (prevent from being edited).

### Shy

Toggle group layer(s) shy state (hide in timeline).

### Grab

Select all same selected property types in group layer(s) .


# Focus+ Groups

Custom collections of user-specified layers.

## Focus Group Actions

### Add Layer

Include selected layer(s) to group.

### Remove Layer

Exclude selected layer(s) from group.


# Search

Browse M⁴ with specific text query and results.

## Description

As anything digital gets larger, Searching becomes even more valuable to help you quickly find the query you want. Since Motion is designed to be modular, almost any component can be pulled up through a simple text entry into the Search Field.

## Search Field Type

Customize your preferred Header bar and Search field, these preferences can be changed in the <mark style="color:blue;">**Settings > UI**</mark>

**Compact**\
This is the startup view of the Search Field. This puts a Search icon to the right of the Navigation buttons. When the Search icon is clicked an entire Search View will be visible.

**Scroll**\
For smaller UI with limited width the Scroll mode for the Search field is a great option, to engage Search — hover the mouse over the Navigation buttons and "*pull down*" or, scroll down with your Mouse to pull down the Search field.&#x20;

**Extended**\
If you'd like to always display a Search bar in your UI, enable Extended and you can always enter text into the Search field.


# Easing

The Easing page was introduced in Motion 4 version 4.3.0

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2Fx66zcN9M7IUAjkmX32Tx%2FScreenshot%202023-12-27%20at%2010.36.00%E2%80%AFAM.png?alt=media&amp;token=a8bc7322-4b1f-41a5-b562-4bc5ba232f99" alt="" width="375"><figcaption><p>Easing Page</p></figcaption></figure>


# Easing Panels

Influence Panel, Speed Panel, and Easing Library

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FjU2QsS6uI2RaitJOsszw%2FScreenshot%202024-01-09%20at%209.56.51%E2%80%AFAM.png?alt=media&amp;token=2f002459-15f7-49a7-9e88-d931557e9a98" alt="" width="375"><figcaption><p>Easing Panels Location</p></figcaption></figure>

## Overview

There are currently 3 easing panel categories: **Influence**, **Speed**, and **Library.**

You can navigate to each of these by clicking the category icon on the left-hand side. If your screen has enough space, you can *cmd+click* (*ctrl+click* on Windows) the categories to show multiple at the same time (shown below). If your extension window is wide enough, these panels may also flow next to each other.&#x20;

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FgDbNYRwDkeYCrtAMHNJ1%2FScreenshot%202024-01-09%20at%209.58.43%E2%80%AFAM.png?alt=media&amp;token=a48c5b77-eca7-468e-a737-2915cb0de745" alt="" width="188"><figcaption><p>Showing multiple panels</p></figcaption></figure>

You can also *cmd+click* the last active category icon to *hide* all of the panels. This is useful to maximize the space for the graph view. You can re-show the panels by clicking the hoverable bar that took their place.

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FAWjw7v0Tc7XkGpTme2Q3%2FScreenshot%202024-01-09%20at%2010.00.54%E2%80%AFAM.png?alt=media&amp;token=dbb071c0-21c6-43d6-b737-773c4ed20740" alt="" width="188"><figcaption><p>Panels hidden</p></figcaption></figure>

{% hint style="info" %}
The selected panel state will be saved upon navigating away from the Easing page, so when you navigate back, you can pick up where you left off.
{% endhint %}

## Influence Sliders <img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FT87msDnd83dceCipXV3L%2FScreenshot%202024-01-09%20at%209.55.03%E2%80%AFAM.png?alt=media&amp;token=52256d33-1098-4f8e-8f9c-e00450f3be01" alt="" data-size="line">

The influence slider is the same one you're used to from the Home Screen.&#x20;

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2F7iLeqhB5lp7hFQXIEE3B%2FScreenshot%202023-12-22%20at%209.43.28%E2%80%AFAM.png?alt=media&amp;token=f03f5311-c50e-4381-8497-9bfb48eeed2c" alt="" width="375"><figcaption><p>Influence Sliders</p></figcaption></figure>

* Adjusting the left and right 'pills', adjust the influence out of, and in to the selected keyframe(s).
* Clicking the middle 'pill' will apply the current influence values
* Clicking and dragging the middle pill will adjust both influence sliders simultaneously

## Speed Sliders <img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2Fjazh2lkvvYaFF5MoAaC4%2FScreenshot%202024-01-09%20at%209.55.21%E2%80%AFAM.png?alt=media&amp;token=e6d8ca38-3ff1-433d-ada4-d8632fe25586" alt="" data-size="line">

The speed slider is a new design catered specifically for adjusting speed values of keyframes. Some animators prefer to adjust influence only, and some use speed as well.&#x20;

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2F8FjtHFxkOf9gMdY1GjV3%2FScreenshot%202023-12-22%20at%209.44.20%E2%80%AFAM.png?alt=media&amp;token=7f255611-81e3-4d72-a9fe-9ba4ff035772" alt="" width="375"><figcaption><p>Speed Sliders</p></figcaption></figure>

It works similarly to the influence slider, as there is one slider for 'speed in' and one for 'speed out'. We chose to make these sliders full width, since - unlike influence - these values are not capped from 0 to 100. They can be much larger or smaller, so more slider space was necessary. The large pill on the left works the same as influence. Clicking it once will apply the Speed values to selected keys, and clicking and dragging will adjust both Speed sliders simultaneously.

The Speed sliders also contain a few convenience functions. Namely, **Reset**, and **Max**.

* **Reset** will reset the values of speed-in and speed-out to 0. This is convenient, since the 0 value can sometimes be in the middle of the slider track and hard to target by dragging.
* **Max** will set the maximum (and minimum) value that the slider range can cover. Clicking this button will cycle through the values \[500,. 1000, 2000, 5000]. If you're working with smaller speed values, using 500 will make the sliders easier to work with, as it eliminates much of the possible range of values.

## Digit Inputs

There are also other ways to adjust the values of speed an influence. First, clicking inside any of the IN, OUT, or BOTH text-boxes will allow you to type a number.&#x20;

Clicking on any of the **IN, OUT,** or **BOTH** text-fields (next to the input boxes) will  open up a 'Digit Input' panel.&#x20;

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FWzzomUw1DT9BtpchFu1i%2FScreenshot%202023-12-22%20at%209.53.33%E2%80%AFAM.png?alt=media&amp;token=be8d8dbd-0bd8-4e00-bad4-b87c4f364075" alt="" width="375"><figcaption><p>Digit Input Panel</p></figcaption></figure>

This panel also has a slider, but further allows for fine-grained incrementing and decrementing of specific values. These values immediately reflect in the graph view and preview, allowing you to get instant feedback on how discrete changes to influence or speed affect the easing curve.

## Easing Library <img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2Fv9VW0N0E842oM36DTHZb%2FScreenshot%202024-01-09%20at%209.55.43%E2%80%AFAM.png?alt=media&amp;token=38f9bcfd-3598-46db-a3a8-7d2a92e1b22e" alt="" data-size="line">

The third panel allows you to view any one of your Easing Libraries on this page.

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FffBm16dMgjttTAqDmDGG%2FScreenshot%202024-01-09%20at%209.11.05%E2%80%AFAM.png?alt=media&amp;token=98415032-fc85-40c7-9888-5a8b82171312" alt="" width="375"><figcaption><p>Viewing the "My Easings" Library</p></figcaption></figure>

Here, there are multiple options at your fingertips:

* Cycle through each of the libraries using the arrow icons next to the library title
* Hover your mouse over any of the easing presets for a tooltip displaying its name
* Click on any of the presets to immediately apply to selected keyframes
* Click the <img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FSaeEFAKRogNucwUL2wD4%2FScreenshot%202024-01-09%20at%209.14.14%E2%80%AFAM.png?alt=media&amp;token=c6bc7064-f4ee-4ae3-8428-30d9683531fd" alt="" data-size="line"> button to add the current easing to the library
* Click the Library icon <img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FSNTvBL7NieRVfh9jV6Ih%2FScreenshot%202024-01-09%20at%209.15.53%E2%80%AFAM.png?alt=media&amp;token=c5a6430d-0e66-471a-a1fb-dd0f33e2069b" alt="" data-size="line"> to open up the Easing Library overlay, where you can manage your easing libraries.

Note that with the introduction of the **Value Graph**, we have introduced a new type of easing preset:

#### The Cubic Bezier Preset

Traditionally, your easing presets were <mark style="color:blue;">**blue**</mark>, and showed an image of the speed graph for the values associated with that preset. Cubic Bezier Presets are <mark style="color:yellow;">**yellow**</mark>, and show a cubic bezier curve representing the values associated with the preset. When you're on the Library Panel on the Easing Page, and are using the Value Graph, or Cubic Graph, the button to add an easing to your library will automatically update:

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2Fw9fO3jqE6odUIvOwL0Of%2FScreenshot%202024-01-09%20at%209.22.09%E2%80%AFAM.png?alt=media&amp;token=dac81179-a85b-4158-9346-b012680a05de" alt="" width="362"><figcaption><p>Add button shows a yellow cubic bezier curve</p></figcaption></figure>

You can add these presets so that you have mixed presets in your libraries now:

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2F6ZhYij9VVTCExnjyLRmE%2FScreenshot%202024-01-09%20at%209.23.55%E2%80%AFAM.png?alt=media&amp;token=d2cd5f1f-dd4e-4e82-aa2c-2fc737ed945a" alt="" width="375"><figcaption><p>Easing Library with both Speed and Cubic Bezier Presets</p></figcaption></figure>

Hovering over any one of these presets will show the name of the preset, which corresponds to the cubic bezier values of the curve (x1, y1, x2, y2). If these are confusing to you, you can always change the name of individual presets on the Easing Library overlay.

{% hint style="info" %}
Note that because the preset is a Cubic Bezier value, it always requires 2 keyframes to be selected. If there is only one selected, you will not be able to add a preset:

<img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FVDzCOlEVLWBMf6t07i1V%2FScreenshot%202024-01-09%20at%209.45.54%E2%80%AFAM.png?alt=media&amp;token=42e3ec9f-f1f9-4a63-bda2-ecc6c5da914a" alt="" data-size="original">
{% endhint %}


# Speed Graph

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2F1IoKwrYXw9QrrjjwB0qR%2FScreenshot%202023-12-22%20at%2010.05.31%E2%80%AFAM.png?alt=media&amp;token=dd36d1c6-7fa1-4df0-90b6-001b219c6196" alt="" width="374"><figcaption><p>Easing Page Speed Graph</p></figcaption></figure>

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FdtzVuf2B8rVW3l31Bt3k%2FScreenshot%202023-12-22%20at%2010.04.56%E2%80%AFAM.png?alt=media&amp;token=0d36e672-f189-4c90-b24b-8c776ac79ef6" alt="" width="183"><figcaption><p>Home Page Speed Graph</p></figcaption></figure>

{% hint style="info" %}
There is one key difference between interacting with the Speed Graph on the Easing Page, vs. on the Home Page. On the Easing Page, the speed graph reflects **both influence and speed values**. However, on the Home Page, the speed graph reflects **only influence**, **and assumes speed is 0**.

Why? In all Motion versions up to 4.3.0, we only dealt with influence. That means if you changed the speed graph, it would update the influence of your selected keyframes, and reset the speed to 0. We decided that keeping this functionality on the Home Page would be less confusing, and allow users to use the speed graph the 'classic' way. To use the new functionality, all you'd need to do is go over to the Easing Page.&#x20;
{% endhint %}

## Usage

The Speed Graph is meant to show the speed of an object between **two** keyframes. From left-to-right, it shows the speed of a layer coming out of the first keyframe, easing in to the second keyframe.

{% hint style="info" %}
While the speed graph is meant for easing between two keyframes, it will also display a graph when a single keyframe is selected. In this scenario however, the graph will not reflect an accurate representation of the speed at that keyframe.
{% endhint %}

Dragging the speed graph functions the same as on the Home Page. It adjusts the influence of the keyframes. When you stop dragging, these values are applied to your selected keys.

Now that we are incorporating keyframe speed (in addition to influence), the speed graph may show some more interesting curves than what you're used to. For example, the first screenshot on this page shows the speed crossing into the negative area as it eases in to the second keyframe. If this was for X Position, for example, it would show some overshoot.


# Value Graph

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2F7kWTED3pL0bDyUdNAHLd%2FScreenshot%202023-12-26%20at%206.36.56%E2%80%AFPM.png?alt=media&amp;token=22c744bb-2541-4c91-ab55-323e85b167cc" alt="" width="375"><figcaption><p>Value Graph</p></figcaption></figure>

## Usage

With Motion v4.3.0, we introduced an easing Value Graph. Over the years, this has been one of the most requested features from users writing in to us. Keyframes are represented as squares on the graph, with their keyframe time and value shown on the X and Y axis, respectively. The shape of the graph, or 'bezier curve' can be modified using the bezier handles attached to each keyframe. If there is any overshoot on the easing graph, we will also show at what value the overshoot peaks.

### Usage - 2 Selected Keyframes

With two property keyframes selected, the value graph shows how the selected property's value changes over time, in between the two keyframes. If more than 2 keyframes are selected (on the same, or different properties), the graph will show the easing between the first 2 selected keys. The curve of the graph represents the easing **out** of the first keyframe, and **in** to the second.&#x20;

### Usage - 1 Selected Keyframe

You can also view the value graph for a single selected keyframe. The selected keyframe will appear in the middle of the graph, and each surrounding keyframe (if they exist)  will appear in grey on either side. The bezier handles represent the easing into and out of the single keyframe, and both of the pre and post curves are shown as well.&#x20;

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FsjFka908XaUkW8peYAAz%2FScreenshot%202023-12-26%20at%206.51.21%E2%80%AFPM.png?alt=media&amp;token=520354b8-8836-434e-b146-79d52fc7764f" alt="" width="375"><figcaption><p>Single Selected Keyframe</p></figcaption></figure>

## Graph Interactions

In both single-keyframe mode, and in normal mode, there are a few interactions to make your life easier:

1. SHIFT+DRAG the bezier handles to lock the speed at 0. This is pretty self-explanatory, but useful when you don't want any speed in or out at your keyframe.
2. CMD+DRAG the bezier handles to mirror the speed at the keyframe. This interaction 'smooths' out the easing at a keyframe, setting the speed out and speed in to be mirrors of each other.

You can also combine the above interactions to both lock the speed at 0, and mirror it as well.

## Easing Preview

Above the graph is an easing preview. In the case of 2 keys, this shows the easing between the two. For a single key, this shows the easing into and out of the single keyframe, if applicable.&#x20;


# Cubic Graph

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FElBN6Q2zXhh2eRXFETux%2FScreenshot%202024-01-09%20at%209.30.42%E2%80%AFAM.png?alt=media&amp;token=4bdb1658-3fd3-4594-9b9e-ad797f8a26cd" alt="" width="375"><figcaption><p>Cubic Bezier Graph</p></figcaption></figure>

This graph view will show the cubic bezier curve for 2 selected keyframes. Cubic bezier curves are used extensively in CSS animation, making it easy to apply these eases to your AE keyframes.

At the top of the graph are the bezier values, of the form **\[x1, y1, x2, y2]**, which represent the coordinates for the first and second bezier handles, respectively. The cubic bezier graph always assumes the first keyframe is at point (0,0), and the second keyframe is at point (1,1). Because of this, the cubic bezier graph will not always 'look like' your value graph. Chances are, if your keyframe values are increasing, (key1 < key2), then the graphs will look the same, but if they are decreasing (key1 > key2), then the graph will look flipped:

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2Fu37xjbFaCvv3exnVaSdn%2FScreenshot%202024-01-09%20at%209.39.11%E2%80%AFAM.png?alt=media&amp;token=05e59141-84ba-4e1e-b925-9df95aa47888" alt="" width="375"><figcaption><p>Value graph with decreasing keyframe values</p></figcaption></figure>

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FEEpuHfZh0VF4ytcEpdqP%2FScreenshot%202024-01-09%20at%209.38.41%E2%80%AFAM.png?alt=media&amp;token=8898e263-0767-4357-994c-d2cd27cbf1e6" alt="" width="375"><figcaption><p>Bezier graph showing normalized curve</p></figcaption></figure>

### Editing Values

The bezier values in the header are a text box, and can be edited directly. They can also be copied to your clipboard.

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FQWotNiYHaAou6nOa56rD%2FScreenshot%202024-01-09%20at%209.43.05%E2%80%AFAM.png?alt=media&amp;token=ac13c6f9-a602-4623-aae2-caf5ed2d028c" alt="" width="258"><figcaption><p>Editing values</p></figcaption></figure>

### Single Keyframe

Note that the Cubic Bezier graph always requires at least 2 keyframes to be selected. If there is only one selected, you will see this error:

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FL8Gw7DWaUT6uV8oncK2i%2FScreenshot%202024-01-09%20at%209.43.50%E2%80%AFAM.png?alt=media&amp;token=ffae906e-2081-4eb1-a24f-db882b22257c" alt="" width="375"><figcaption></figcaption></figure>


# Utility Functions

Various utilities on the Easing Page

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FXUZv1Pemy9vnjew87vq8%2FScreenshot%202024-01-09%20at%209.48.00%E2%80%AFAM.png?alt=media&amp;token=8c9293f7-f074-45d7-88c5-e957de561317" alt="" width="375"><figcaption><p>Header nav</p></figcaption></figure>

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2Frm6DmgjFeSXwf84h6ES2%2FScreenshot%202023-12-26%20at%206.59.29%E2%80%AFPM.png?alt=media&amp;token=04d0c372-40fe-4691-ae9d-edb004886936" alt="" width="375"><figcaption><p>Easing Utility Functions Bar</p></figcaption></figure>

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2F0CCqegQl1Uuh8WiBZTxR%2FScreenshot%202023-12-26%20at%207.08.18%E2%80%AFPM.png?alt=media&amp;token=5007183a-574f-4f63-be72-7cedd58f8e46" alt="" width="375"><figcaption><p>Copy, Paste, Focus, and Unfocus Functions</p></figcaption></figure>

## Easing Gate <img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FmLBmg2hSUEnOBaJe1bX9%2FScreenshot%202024-01-09%20at%209.48.58%E2%80%AFAM.png?alt=media&amp;token=78d59d70-5d5d-4864-81ed-2843625ec422" alt="" data-size="line">

This is a quick utility allowing you to maximize screen space on the Easing Page. Clicking the *Gate* will hide the header and footer navigation, allowing you to see more of the easing page graph and panels on smaller screens. Simply click the *Gate* again to de-activate it.

## Options <img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2Ftl5a42r56WNyWHzRXDSv%2FScreenshot%202024-01-09%20at%209.50.35%E2%80%AFAM.png?alt=media&amp;token=0853087a-0f5a-405f-8d90-80a578cfd517" alt="" data-size="line">

* **Keyframe Polling** - The menu option in the top-right corner allows you to specify whether live polling of keyframe data is turned on or off. If *on*, **Keyframe Polling** will constantly poll the selected layers, properties, and keyframes in your timeline, and display the corresponding ease curve. If **Keyframe Polling** is **off,** a polling icon will appear overlayed in the graph, which will allow you to one-time poll your selected layer.&#x20;
* **Tips and Tricks** - Opens up an overlay showing some keyboard/mouse shortcuts for interacting with the graphs and categories.
* **Submit Feedback** - Opens the 'Requests' page with a pre-filled subject, allowing you to submit feedback on our new Easing Page.

## Keyframe Display

On the left is a display of the number of selected keyframes, and an icon indicating the type of keyframes that are selected (linear, hold, auto-bezier, etc.). Clicking on the box will bring you to an overlay in which you can change the color of the selected keyframes, as well as change their type:

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FLsBtPbYtMsnIjxMpvn5x%2FScreenshot%202023-12-26%20at%207.02.03%E2%80%AFPM.png?alt=media&amp;token=c3630a33-8973-4452-b2a1-b526f16d0da8" alt="" width="375"><figcaption><p>Change Keyframe Color and Type</p></figcaption></figure>

## Property Display

On the right is a display of the property that is being reflected in the graph. In the case of Position, this display becomes a button menu, in which you can use the **Separate Position** tool. This tool will separate your position property into X Position and Y Position (and Z, if 3D). Unlike AE, it will also *preserve the easing of the original Position property*.

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2Fmjb69vcyfw4a19Jv9ZGo%2FScreenshot%202023-12-26%20at%207.05.19%E2%80%AFPM.png?alt=media&amp;token=9ae94627-04e7-41eb-8898-184e3b32dc50" alt="" width="375"><figcaption><p>Separate Position Function</p></figcaption></figure>

## Previous / Next Keyframe

Surrounding the keyframe and property displays are left and right arrows. These are convenience functions that will select the previous or next set of keyframes in your timeline for you. E.g., if you have a single keyframe selected, you can iterate across all of the keyframes of your property in this manner. If you have two keyframes selected, you can easily select the next or previous 2 keyframes on your property. Same for 3, 4, etc.

## Copy and Paste

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2F0CCqegQl1Uuh8WiBZTxR%2FScreenshot%202023-12-26%20at%207.08.18%E2%80%AFPM.png?alt=media&amp;token=5007183a-574f-4f63-be72-7cedd58f8e46" alt="" width="375"><figcaption><p>Copy, Paste, Focus, and Unfocus Functions</p></figcaption></figure>

Across the bottom of the screen are the Copy and Paste functions. The leftmost button is Copy. Clicking this will copy the **easing data that is currently displayed on the easing page.** If **Keyframe Polling** is turned **on**, this will also be the selected easing data in your timeline. If **Keyframe Polling** is **off**, the data that is copied may be different than what is selected in your timeline. The copied data will be the Influence In/Out, Speed In/Out, and Cubic Bezier data shown on the easing page.&#x20;

Once copied, you can apply this data to any number of keys by selecting them, and clicking the Paste button.&#x20;

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2F4v70yA0XBOPVbdLsY8hU%2FScreenshot%202023-12-26%20at%207.11.21%E2%80%AFPM.png?alt=media&amp;token=961591c2-835d-4aa9-a464-ae185a0657d7" alt="" width="154"><figcaption><p>Paste Button Options</p></figcaption></figure>

The Paste button shows a number of options:

1. Influence - This will paste the copied influence data, while preserving the keyframes current speed values.
2. Speed - This will paste the copied speed data, while preserving the keyframes current influence values. If you want a bunch of layers to all start off at a speed of 600px/sec, regardless of where they end up, it may be beneficial to use this option.
3. Influence & Speed - This will paste and overwrite the selected keys' influence and speed values.
4. Cubic Bezier - This option pastes the actual cubic bezier curve, rather than the raw influence and speed values. In many cases this is preferred as opposed to using raw values. For instance, a "Speed In" value of 500px/sec can look much different when applied to a layer moving 5000px over 3 frames, as opposed to a layer moving 200px over 120 frames. When standardizing easing curves across layers that have different timing and distances, it is best to use cubic bezier.&#x20;

{% hint style="info" %}
Note that since Cubic-Bezier describes a curve rather than discrete values, this option can only be applied to 2+ selected keyframes
{% endhint %}

When pasting data, note the following:

* For a single keyframe, the data will be pasted to that keyframe only. As in, the influence and speed will be applied to the influence in and out, and the speed in and out, of that keyframe
* With 2+ selected keyframes, the data will be applied *in between* the selected keys.&#x20;
  * **Influence Out** and **Speed Out** will be applied to the **first keyframe**
  * **Influence In** and **Speed In** will be applied to the **last keyframe**
  * If more than 2 keys selected, Influence In/Out and Speed In/Out will be applied to all of the intermediate keys.

## Focus and Refocus

Clicking **Focus** will give you two options: **Layers** and **Keyframes.**

**Focus Layers** is the same as a normal Focus - soloing your selected layers in the timeline.

**Focus Keyframes** takes this a step further to assist in easing keyframes. This will first focus to your selected layers, and then set your workarea to span your selected keyframes. From here, you can loop-preview your easing in the timeline, or use the previous/next keyframe buttons to go to the previous or next set of keyframes. When in this focused mode, your workarea will also move with you.

**Refocus** resets the focus state, as normal.


# Default Easings

If you accidentally deleted the default easings that come with Motion 4, you can download those here, and import them from the Easing Library overlay:

<figure><img src="https://2484616144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLw1F1g-yBBvUkiqdF2%2Fuploads%2FV8ORC9Penn3RRIGCIWzC%2FScreenshot%202024-01-25%20at%209.47.11%E2%80%AFAM.png?alt=media&amp;token=c3ce2031-ef46-4c98-a7a7-fcd1470ce7f2" alt="" width="375"><figcaption></figcaption></figure>

{% file src="/files/Y3leRj97QygfY4c9Iczi" %}


# Menu

Settings to manage M⁴ backend components.

## Description

The Menu gives you a quick repository of more "wide" panel options like Updates, Licenses, About and more.&#x20;

## Extra

On the footer of the Menu, the Motion version number is visible in the bottom-right, clicking this Version Number will open the Changelog screen to view previous builds, and release notes.


# About

General M⁴ resources.

## Description

Not everything can fit in the Motion panel — so, a couple processes and information locations are linked and available on the About screen.

## Version changelog

View record of all notable updates. This screen can be accessed from the Menu footer (*by clicking the v4.xx number int he bottom right*) or via the About screen.

## Guide

Browse and learn M⁴ with information resources. This button will take you to the very Guide you are currently browsing.&#x20;

<https://motion.mtmograph.com/>

## Downloads

Get the latest install packages for M⁴ or, the other Mt. Mograph tools like Boombox or Wander.

<https://www.mtmograph.com/pages/downloads>

## Uninstall

Remove all M⁴ components from your workstation. This button just requires a quick password entry and your system will be free of any Motion assets.&#x20;

{% hint style="info" %}
This is a non-destructive process, so existing projects will not be broken. You just won't have access to the Motion Extension panel via the <mark style="color:yellow;">**App Bar > Window > Motion-4**</mark>**&#x20;.**&#x20;
{% endhint %}

## Support

Contact Mt. Mograph team for technical assistance or, further questions. Contact us directly at <mark style="color:blue;">**<support@mtmograph.com>**</mark> or, use the Contact form on our website below:

<https://www.mtmograph.com/pages/contact-us>

## Reset

Return all M⁴ settings and preferences to the initial state.

## EULA

View M⁴ software license agreements.

<https://www.mtmograph.com/pages/legal>

## mtmograph.com

⛰️ modular motion design ⛰️

CREATED BY THE MT. MOGRAPH TEAM \
© 2014-2022 Mt. Mograph LLC, All rights reserved.

{% embed url="<https://www.mtmograph.com/>" %}


# Bugs

Report any bugs or errors encountered while using M⁴.

## Description

While using Motion-4 you may encounter the rare, error or bug — if so, please write in to us and our development team can try and get it resolved ASAP. Please include whatever details might be helpful to troubleshoot, or recreate the found error.


# License

Manage software license and workstation(s).

## Description

With any Mt. Mograph license purchase, you get access to all future updates, with no subscriptions. Essentially, when you buy a Mt. Mograph product it's actually yours forever. New upgrades are your best friends via Auto-Update, and in a world ruled by subscriptions — you get to pay once, and play forever through the miracle of Auto-Update. Just having a License Key you can remotely log in and out of Motion; anywhere and manage your entire team's workstations from a single License.&#x20;

{% hint style="info" %}
🚨  If you can't find your License Key, or want to recover all associated license key(s) with a purchase email — please use the License Recovery tool [<mark style="color:blue;">**here**</mark>](https://mtmograph.com/pages/license-recovery)
{% endhint %}

## Seats

Number of active and/or in-use workstations allowed to use license key concurrently. When you check out of the Mt. Mograph store, the number of Copies/Seats purchased determines the number of workstations that can use Motion+the License Key at the same time.&#x20;

### Manage

By clicking the Manage button next to Seats you can log in and out of any workstations that use the License Key that is currently active in your copy of Motion-4. Click the 'X' next to each computer to log out, or click the button at the bottom to log out of the current computer. This will not uninstall Motion, just log out the License for remote travel.

{% hint style="info" %}
📥  You can Download new installers for whatever computer you may be using on the Downloads page from [<mark style="color:blue;">**here**</mark>](https://www.mtmograph.com/pages/downloads)
{% endhint %}

## Email

The associated email account used to purchase the license key.

## License Key

In-use license key, associated with email and seats.


# Messages

View past messages about important updates, news and more product info.

## Description

Rarely a cool tutorial, new method, or important explanation will be sent out via the M⁴ panel. Our in-panel messages are designed to be unobtrusive, so display as a 'red dot' on your Menu to indicate a new/rare message is in the Inbox.&#x20;


# Requests

Submit any ideas, feedback or, feature requests to improve M⁴.

## Description

While using Motion-4 you may encounter the a missing feature, an option you want or even an exciting new tool — if so, please write in to us and our development team can try and start thinking about adding your ideas! Please include whatever details might be helpful to understand, or visualize your request.


# Updates

Manage latest software version(s).

## **Auto-update**

Automatically download and install the latest M⁴ updates when available. This doesn't mean you can't find an Update, or manually install the update. When a new version is available — a 'red dot' will be visible on the Menu icon and direct you to view/install a version manually if Auto-Update isn't enabled.&#x20;

Manual install packages are also always available via the Mt. Mograph website, please visit [<mark style="color:blue;">**Downloads**</mark>](https://www.mtmograph.com/pages/downloads) the latest install packages, view the latest versions/release dates and get alternate install methods.

{% hint style="info" %}
✨ Auto-update is highly recommended to stay on top of the latest bug fixes, and keep new Expansion Packs rolling easily. Updates are only installed when a system Admin can confirm the new update \*\*
{% endhint %}


# Settings

Settings to manage M⁴ frontend and panel components.

## Description

Like any software, customization is a great way to tailor your experience. M⁴ it's designed to be flexible and most importantly customizable.&#x20;

Settings in M⁴ are separated in UI (*User Interface*) components and UX (*User Experience*) components.&#x20;

Click the Toggle at the top to switch between Setting groups for UI / UX.


# UI

Customize M⁴ design and interface.

## Description

Tailor different options that you will interface with while using Motion. The modes are generally visual, and can help fit Motion into size, or docking in After Effects.

## Panel Scaling

Enable custom UI scaling for M⁴ — on different monitors, or various panel sizings buttons, the general panel might not feel correct. Adjust the slider % to increase or, decrease the entire scaling for the M⁴ panel.&#x20;

## Tooltips

Display information pop-ups to identify M⁴ components. If you don't like seeing the Tooltips pop up when you hover M⁴ components; disable Tooltips for a more clean UI experience.

## Overlay Blur

Enable or disable the "blur" effect that is put over background elements, when new screens are displayed in M⁴. The Overlay Blur helps to keep panels, and workflows focused and will display blur effect behind overlay screens.

## Search Field Type

Customize your preferred Header bar and Search field.

**Compact**\
This is the startup view of the Search Field. This puts a Search icon to the right of the Navigation buttons. When the Search icon is clicked an entire Search View will be visible.

**Scroll**\
For smaller UI with limited width the Scroll mode for the Search field is a great option, to engage Search — hover the mouse over the Navigation buttons and "pull down" or, scroll down with your Mouse to pull down the Search field.&#x20;

**Extended**\
If you'd like to always display a Search bar in your UI, enable Extended and you can always enter text into the Search field.


# UX

Customize M⁴ systems and tools.

## Description

There are a couple quick Settings to make Motion provide a good user experience — taking into account hardware limitations, workflow optimizations and visual cues.

## Live Poll

Automatically fill edit fields with real-time property values. Live Poll is used for the Color, Focus and Composition screens. Motion uses Live Poll to provide a smooth interaction between your animation and edits, it is not recommended to disable.

{% hint style="info" %}
Not recommended on workstations with limited CPU
{% endhint %}

## Tool Preferences

Show secondary menu and tool options when running a tool. If disabled, your default options will be used each tool run.&#x20;

## Fast Mode

Boost M⁴ performance with experimental speed-boost to improve After Effects processes. Only available for single-monitor workspaces.

{% hint style="danger" %} <mark style="color:red;">**Warning**</mark><mark style="color:red;">:</mark> If you are photosensitive, or are caused discomfort from a brief flashing image. Please disable Fast Mode, in <mark style="color:blue;">**Settings > UX**</mark> — Fast Mode gives a huge performance and speed boost for Adobe processes. However, Fast Mode will cause a one-time “*flash*” to appear on your monitor as Fast Mode engages and boosts the Adobe application.
{% endhint %}

## Focus Indicator

Display a temporary guide layer to indicate a focused state. Focused Indicator creates a locked, guide layer (*so essentially invisible to your project*) that is only created when in a Focus state. On Refocus, the Focus Indicator is automatically deleted.


# Troubleshooting

Common issues and solutions

## Update to latest Adobe applications

**Motion (M⁴)** is compatible with any workstation with hardware that can run <mark style="color:blue;">**Adobe After Effects CC 2020, 2021, 2022 or later**</mark>**.**  If you are running an older version of After Effects, please update the progra&#x6D;**.**

## Adobe 2024 Update

If you've recently updated to AE 2024 and are experiencing issues, you can try the following:

1. First, make sure to use our .*exe or .pkg* installer. This will ensure that old extension versions are properly cleaned up.
2. If on Windows, and the Motion 4 panel is not displaying, try running After Effects as an Admin by right-clicking the app, and choosing "Run as Administrator". You should only have to do this once.&#x20;
3. If you're still experiencing issues, you can try a ZXP installer. We recommend <https://install.anastasiy.com/>, as it has full support for Adobe 2024 applications. Other ZXP installers do not support 2024 as of this writing.

## Update to the latest Motion package

Most issues are solved with a fresh install, and / or[ removing the configuration data](/additional-resources/troubleshooting/clear-configuration-data). Before diving into a manual installation — please download and install the latest version of Motion from the [<mark style="color:blue;">**Downloads**</mark>](https://www.mtmograph.com/pages/downloads)&#x20;

## Contact us

If the above steps don't solve your problem, please email the Mt. Mograph team at <mark style="color:yellow;"><support@mtmograph.com></mark> or, use the [<mark style="color:blue;">**Contact**</mark>](https://www.mtmograph.com/pages/contact-us) form on our website.


# ZXP installation

## Install with third-party  ZXP Installer

In the rare case the Motion Installer fails, you can manually install Motion using the included <mark style="color:blue;">**motion.zxp**</mark> file. To install a .ZXP manually [<mark style="color:blue;">**download a free ZXP installer.**</mark>](https://install.anastasiy.com/)

{% hint style="warning" %}
If the Installer fails or the third-party ZXP installation fails and your applications meet the [**System Requirements**](/#system-requirements) — please check our website [**Support**](https://mtmograph.com/contact) section.
{% endhint %}


# Manual installation

## Full manual install on **Windows**:

1. Download the latest <mark style="color:blue;">**.**</mark>[<mark style="color:blue;">**ZXPs**</mark>](https://www.mtmograph.com/pages/downloads) for the tool.
2. Rename the .ZXP file to .ZIP
3. Unzip the .ZIP, you will get a folder.
4. <mark style="color:red;">**!! Important !!**</mark> Rename the folder to <mark style="color:blue;">**Motion 4**</mark>
5. Copy that Folder to:

   <mark style="color:yellow;">`C:\Program Files\Common Files\Adobe\CEP\extensions\ (64 bit operating system)`</mark>\
   or \ <mark style="color:yellow;">`C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\ (32 bit operating system)`</mark>
6. Restart the Adobe program

## Full manual install on **macOS:**

1. Download the latest <mark style="color:blue;">**.**</mark>[<mark style="color:blue;">**ZXPs**</mark>](https://www.mtmograph.com/pages/downloads) for the tool.
2. Rename the .ZXP file to .ZIP
3. Unzip the .ZIP, you will get a folder.
4. <mark style="color:red;">**!! Important !!**</mark> Rename the folder to <mark style="color:blue;">**Motion 4**</mark>
5. Copy that Folder to

   <mark style="color:yellow;">`/Library/Application Support/Adobe/CEP/extensions`</mark>
6. Restart the Adobe program


# Clear configuration data

Motion stores your license key and other preferences in a configuration folder.

Some of these files might have gotten corrupted in an update to Motion, or from Adobe which could cause Motion to work incorrectly, Users most commonly have reported the issue as *"Hang on the loading screen".*

## Configuration location

By removing the configuration folder, you will get a 100% clean installation. Please note you will also lose things like saved palettes, easing curves, and tool defaults. If you would like to keep these, create a backup of the respective files in the `motionstable/db/...` folder.

{% hint style="info" %}
You may have to "Show Hidden Items" to see this folder on Windows.
{% endhint %}

## On **Windows**, the folder is:

<mark style="color:yellow;">`C:\Users\YOUR_USERNAME_HERE\AppData\Roaming\motionstable`</mark>

## And on **macOS** it is:

<mark style="color:yellow;">`/Users/YOUR_USERNAME_HERE/Library/Application Support/motionstable`</mark>


# Uninstalling Motion

If you are still having problems with Motion you can try to uninstall Motion completely. You have two options here:

If you successfully logged in with your license key and you are able to access the panel, you can go to the <mark style="color:red;">**Menu > About > Uninstall**</mark>. This action will remove all of the files and folders associated with Motion for you.

If you are not able to log in with your license key and you are encountering problems on the login screen, you can remove the following files:

## On **Windows**:

<mark style="color:yellow;">`C:\Program Files\Common Files\Adobe\CEP\extensions\Motion 4`</mark>

or

<mark style="color:yellow;">`C:\Program Files(x86)\Common Files\Adobe\CEP\extensions\Motion 4`</mark>

and

<mark style="color:yellow;">`C:\Users\YOUR_USERNAME_HERE\AppData\Roaming\Adobe\CEP\extensions\Motion 4`</mark>

## On **macOS**:

<mark style="color:yellow;">`/Users/YOUR_USERNAME_HERE/Library/Application Support/Adobe/CEP/extensions/Motion 4`</mark>

and

<mark style="color:yellow;">`/Library/Application Support/Adobe/CEP/extensions/Motion 4`</mark>

When all the folders are removed, install Motion again with the latest installer. You can find the latest installer [<mark style="color:blue;">**here**</mark>](https://www.mtmograph.com/pages/downloads)<mark style="color:blue;">**.**</mark>