Product videos / PRACTICAL ANSWER
How Do I Make a Tracked Product Callout Pass Behind a Hand?
Tracking determines where a callout moves; masking and layer order determine what covers it. If a hand should pass in front of an annotation, create or obtain an accurate foreground matte for the hand and composite that foreground above the callout. Moving the label alone will not establish the correct occlusion.
Solve position and visibility as separate problems
A product demonstration may show a presenter's hand moving across a package while a feature label remains attached to the package. The intended visual relationship is often background footage, then tracked annotation, then the hand as a foreground element.
Motion tracking supplies the annotation's movement. It does not automatically identify which image pixels belong in front of the graphic. Adobe After Effects documents tracking as applying movement to another layer, while its Roto Brush and matte tools separate foreground objects from their backgrounds.
First confirm that the annotation follows the correct product feature when the hand is absent. If it drifts even in unobstructed frames, repair tracking before attempting a matte. If it follows correctly but visibly draws over the hand, the problem is foreground separation or compositing order.
A hand is not simply a rectangular obstruction. Fingers can have gaps, motion blur and changing edges. A crude solid mask may hide too much of the product or cause the annotation to disappear before contact.
Construct the intended compositing relationship
In an external compositor such as After Effects, retain the original footage as the background. Place the tracked callout above that footage. Prepare a foreground-only representation of the hand, using an appropriate mask or rotoscoping method, and composite that foreground above the callout.
The exact masking method depends on the footage. Roto Brush can help separate foreground and background regions, while manual mask-path animation may be appropriate for a controlled edge. Adobe documents both approaches; neither guarantees a clean matte without review.
Inspect the matte alone before judging the full composite. A good matte follows the hand's actual outline, preserves gaps between fingers where visible and avoids including unrelated product pixels. Then inspect the composite as the hand approaches, crosses and leaves the annotation.
Do not make the callout vanish entirely whenever the hand enters the shot unless that disappearance is the approved design. A small pointer can be partly hidden while the text remains elsewhere, provided the remaining relationship is clear.
Hypothetical case: a finger crosses a zipper annotation
Hypothetical illustration; no rotoscoping or render was performed. A fictional travel-case video contains a tracked arrow pointing to a zipper pull. From 2.0 to 2.8 seconds, the presenter's index finger moves across the arrow's shaft. The intended design keeps the arrow attached to the zipper while allowing the finger to cover the overlapping segment.
In proposed version A, the callout is above all footage and visibly covers the finger. Tracking may be correct, but the depth relationship is wrong. In proposed version B, a foreground hand matte covers the intersecting portion of the callout. That is the appropriate compositing structure, subject to an actual edge review.
In proposed version C, the matte includes the zipper pull as part of the hand. The result would conceal product evidence and must be corrected. The worksheet records these proposed observations, not actual rendered outcomes.
Review the crossing as a short event
Check the frames immediately before contact, during maximum overlap and after separation. Look for halos, holes, detached fingertips and sudden jumps in the callout. A correct single frame cannot establish a stable moving matte.
If the hand covers the exact feature being explained, consider moving the annotation's readable interval or choosing another shot. Accurate occlusion is not the same as useful explanation: a perfectly masked callout can still point to a feature the viewer cannot see.
Compare the revealed product area against its approved source. The existing foreground-obstruction guide addresses whether the product becomes visible long enough to communicate its details. This guide addresses the external compositing mechanism that places an annotation behind a foreground hand.
Record your own observations
The filled rows are illustrative examples. Use the blank row for your own files and observations.
| Scenario | Interval | Tracking condition | Foreground condition | Proposed diagnosis | Next action |
|---|---|---|---|---|---|
| Hypothetical zipper callout A | 2.0–2.8 s | Arrow follows zipper | Arrow covers finger | Incorrect compositing order | Prepare foreground hand matte |
| Hypothetical zipper callout C | 2.0–2.8 s | Arrow follows zipper | Matte also hides zipper pull | Foreground selection includes product evidence | Refine matte boundary |
What the references establish
- Adobe After Effects — Tracking and stabilizing motion: Establishes tracking as motion-data application to another layer, not foreground segmentation.
- Adobe After Effects — Roto Brush and Refine Matte: Documents separating foreground objects and refining their matte boundaries.
- Adobe After Effects — Managing and animating shape paths and masks: Documents animated masks and rotoscoping as methods for separating moving objects.
Sources and further reading
Recorded source-review dates are listed individually below. An undated source does not inherit the article’s publication date. Software and platform rules can change; check the current original before acting.
- Adobe After Effects — Tracking and stabilizing motion · Review date not separately recorded
- Adobe After Effects — Roto Brush and Refine Matte · Review date not separately recorded
- Adobe After Effects — Managing and animating shape paths and masks · Review date not separately recorded
Frequently asked questions
Can a motion tracker automatically put my label behind a hand?
Not by tracking alone. The foreground hand must also be represented in the compositing order through an appropriate matte or equivalent separation.
Should the entire callout disappear while the hand crosses its arrow?
Not necessarily. Preserve the intended depth relationship and readable explanation, then inspect the actual crossing interval.
PREPARE ASSETS FOR YOUR NEXT STEP
Create supporting product assets in CartVisual.
Create new product creative assets in the workspace, then continue in your chosen tools. Third-party software procedures described in this guide take place in those applications; this workspace link does not imply an integration. Check current capabilities, account access and credit quotes.
Create account and open this workspace Check pricing and creditsStart with free concept and copy planning after sign-in. Image and video generation require available credits; review the quote before starting.
Already have an account? Open the workspace.