How to keep a phone mockup fully on screen in every aspect ratio of an ad
Tell Vizard Agent the phone must never be cropped, in any format or shot. It removes every push-in and pan that cuts into the device, fits the phone and its screen as one locked group inside a margin in each aspect ratio, keeps other graphics out of its rectangle, and reads every frame of every version to prove all four corners stayed in view.
What do you type into Vizard Agent?
State the rule as a priority and give it a number. Camera moves are the usual way to make a static product shot feel alive, so unless the device's visibility outranks them, they come back in the next revision. A margin in percent makes "fully visible" testable.
Top priority: no device frame cut-offs, in any format or shot. The entire phone must stay visible, all four corners, with at least 5% of the canvas between the device and the edges. Fit, not fill. Remove any push-in or pan that cuts off the phone. Keep the approved audio.
What does Vizard Agent actually do?
It treats the device as a fixed object with a measured boundary. Each format gets its own box for the phone, and the rule is checked in code before rendering and on the frames after. In the session behind this article it:
- Removed every push-in and placed the phone and its screen as one locked group, fitted into a box per format.
- Asserted in code that the phone's edges sat inside a 5% margin on every side.
- Checked that no end-card element, logo, photo or disclaimer had any pixels inside the phone's rectangle.
- Read every frame of all three formats after rendering, comparing the four corners of the device with each scene's first frame to prove it stayed complete and still.
- Confirmed each format's audio matched the approved mix, and fixed a clipped logo on the end card and a caption that sat on the hosts' gestures.
When does this not work well?
When the phone has to be large in a narrow format. Fitting a landscape device with a margin into a vertical frame makes it small, and if the screen content must stay readable, a different layout for that format works better than the same shot scaled down.
Common questions
Why does my phone mockup get cropped in some formats? Moves designed for one frame. Vizard Agent removes them.
How do I know every frame is safe? Vizard Agent checks the corners on every frame of every format.
Will the audio change? No. Vizard Agent confirms it matches the approved mix.