Replacing a Shirt Logo in After Effects with Mocha AE Motion Tracking

Use the Mocha AE plugin in After Effects to track and replace a logo on a moving object by drawing a spline around the existing logo and tracking its movement.

Learn how to replace a logo on a moving subject by using Mocha AE’s planar tracking tools inside After Effects. Follow the workflow from drawing a spline to applying accurate transform tracking data to a new graphic.

Key Insights

  • Mocha AE provides planar tracking tools that capture position, scale, rotation, shear, and perspective, offering stronger tracking capabilities than After Effects’ built‑in tools.
  • The workflow involves drawing an X‑spline around the original shirt logo, adjusting spline points as needed, and tracking forward and backward using parameters like minimum percent of pixels used to maintain accuracy.
  • Tracking data is stored directly in the Mocha AE effect, making it essential not to delete or reset the effect after saving both the Mocha project and the main After Effects file.

This lesson is a preview from our After Effects Certification Course Online (includes software & exam). Enroll in a course for detailed lessons, live instructor support, and project-based training.

This is a lesson preview only. For the full lesson, purchase the course here.

Mocha AE is a powerful motion tracking plugin included with Adobe After Effects. Developed by Boris FX, it is based on the standalone application Mocha Pro, a dedicated planar tracking program used in professional post-production workflows. While Mocha Pro offers advanced features, Mocha AE includes the most commonly used tools and often provides more robust tracking than the native tracking tools built directly into After Effects.

A practical example of its capabilities is logo replacement. Imagine a video clip where a person is wearing a shirt with an embroidered bird logo. The goal is to remove that logo and replace it with a new graphic that moves naturally with the fabric of the shirt. To achieve this, the software must track the original logo’s motion so the replacement graphic can follow it precisely.

Preparing the Composition

Before tracking begins, the original logo should be removed. This is typically done by masking the logo area and using Content-Aware Fill to blend the surrounding fabric over it. Even though the fill, masks, and color grading layers are present, Mocha AE can still analyze the underlying video layer without issue.

Once the footage is prepared, apply the Mocha AE effect directly to the video layer. In the Effect Controls panel, click the Launch Mocha AE button. Mocha opens as a separate interface that runs within After Effects. Although it appears as a standalone program, it is still functioning as an effect tied to that specific layer.

When launching Mocha for the first time, you may see registration prompts or welcome screens. These can be dismissed, and the interface will open to various workspace layouts. Many users prefer the Classic workspace, especially if they are familiar with earlier versions of the software.

Understanding the Mocha Interface

Mocha operates differently from After Effects, so some familiar keyboard shortcuts may not work the same way. Instead of dragging the playhead wedge, you drag the timeline indicator directly. Zooming and panning can be done using a scroll wheel, trackpad gestures, or temporarily holding keyboard shortcuts for the zoom and hand tools.

The core concept in Mocha is simple: draw a shape around the object you want to track, then let the software analyze its movement.

In Mocha, shapes are called splines rather than masks or paths. These splines define the tracking region.

Drawing the Tracking Spline

To track the shirt logo, zoom into the frame where the logo is clearly visible. Select the Create X-Spline Layer tool and draw a closed shape around the bird. The shape does not need to be perfectly precise, but it should fully enclose the logo and capture as much useful contrast as possible.

Tracking in Mocha is based on luminance, meaning brightness and contrast differences. High-contrast details, such as the white and colored bird against a darker shirt, provide excellent tracking information.

Once the spline is closed, Mocha automatically creates a new tracking layer. Rename this layer to something meaningful, such as logo, for clarity. Multiple elements can be tracked in the same project, and each tracked object exists on its own layer.

You can refine the spline by adjusting its points and handles. X-Splines use handle controls to determine how rounded or angular the edges are. Additional points can be inserted if necessary, but for a small embroidered logo, a relatively simple shape is often sufficient.

Configuring Track Parameters

Before starting the track, review the Track Parameters panel. For logo replacement, you typically need to track transform properties:

  • Translation, which represents position
  • Scale
  • Rotation

Shear and perspective options are also available. Shear accounts for subtle twisting motions, and perspective can track corner distortions. While they may not be required for a flat logo replacement, leaving shear enabled usually does no harm.

Another important setting is the minimum percentage of pixels used for tracking. Higher percentages can improve accuracy, but may slow down processing. A value around 90 percent generally provides a strong balance between precision and performance.

Tracking Forward and Backward

Position the playhead on a frame where the logo is clearly visible and well-defined. Mocha allows you to track forward and backward from that frame. Enabling forward and backward tracking ensures the entire clip is analyzed in both directions from your starting point.

Once tracking begins, watch the spline carefully. It should stay locked to the logo as the subject moves. If the spline begins drifting away from the target, stop the track and adjust either the mask size or the minimum pixel percentage before attempting again.

Successful tracking is indicated by a blue data bar across the timeline, showing stored tracking information.

Playback in Mocha often defaults to a ping-pong mode, meaning it plays forward and then backward automatically. Reviewing the motion ensures the spline remains aligned with the logo throughout the clip.

Saving and Returning to After Effects

After completing the track, save the Mocha project within the Mocha interface. Then close the Mocha window to return to After Effects.

It is important to save the main After Effects project as well. The tracking data is stored inside the Mocha AE effect applied to the layer. If that effect is deleted or reset, the tracking data will be lost. Keeping both the Mocha project and the After Effects file saved protects your work in case of a crash.

Why Mocha AE Is a Powerful Tool

Mocha AE simplifies complex motion tracking tasks by analyzing planar surfaces rather than relying solely on point tracking. For logo replacement, screen replacement, or attaching graphics to moving objects, it provides reliable tracking of position, scale, and rotation with minimal manual intervention.

By drawing a spline around a high-contrast region and configuring transform tracking, you can quickly generate accurate motion data. This data can then be used to attach new graphics, replace logos, or enhance visual elements in a scene.

Mastering these basic transform tracking techniques lays the groundwork for more advanced compositing workflows and opens the door to professional-quality motion graphics and visual effects.

This article is part of a continuing series on motion tracking and compositing techniques in After Effects.

photo of Jerron Smith

Jerron Smith

Jerron has more than 25 years of experience working with graphics and video and expert-level certifications in Adobe After Effects, Premiere Pro, Photoshop, and Illustrator along with an extensive knowledge of other animation programs like Cinema 4D, Adobe Animate, and 3DS Max. He has authored multiple books and video training series on computer graphics software such as: After Effects, Premiere Pro, Photoshop, Illustrator, and Flash (back when it was a thing). He has taught at the college level for over 20 years at schools such as NYCCT (New York City College of Technology), NYIT (The New York Institute of Technology), and FIT (The Fashion Institute of Technology).

More articles by Jerron Smith

How to Learn After Effects

Build practical, career-focused skills in After Effects through hands-on training designed for beginners and professionals alike. Learn fundamental concepts, tools, and workflows that prepare you for real-world projects or industry certification.