Vertical Video From Photos for Stories: Cropping, Margins and Composition

6 min

Turning a horizontal shot into a vertical clip without cropped heads or bars, where to place the face, and which screen zones the interface covers.

Vertical is the most demanding format for composition. The screen is narrow, attention concentrates in the centre, and the top and bottom are covered by the platform interface. A horizontally shot photograph fits it badly, and the fix belongs before animation, not after.

Why you cannot simply crop the finished clip

Cropping finished video reduces resolution and removes what the model has already rendered — including the edge margin the motion needed. If the head ends up near the border after cropping, the movement will push it out of frame, and by then nothing can be done.

The right order: bring the source photo to a vertical composition first, then animate. The model then works with the same framing the viewer will see.

Three ways to get a vertical frame

  1. Crop the source. Works when the photo has vertical headroom. Leave space above the head and below the shoulders — motion will need it.
  2. Extend the frame. Some scenarios can paint in the missing areas top and bottom. The outcome depends on the background: a plain wall or sky extends easily, a complex scene does not.
  3. Blurred margins. Keep the frame as is and fill the empty areas with a blurred, enlarged copy of the same image. Universal, but it reads as a compromise.

Where to place the face

In a vertical frame the comfortable attention zone is the upper half, roughly between a quarter and half of the screen height. A face placed dead centre sits below the natural line of sight.

A practical benchmark: eyes at about one third from the top. That leaves room for a caption below and avoids the sense of a person sinking in the frame.

Safe zones

Platform interfaces cover the screen edges: indicators and the author's avatar at the top, a reply field, buttons and captions at the bottom. Together that is up to a fifth of the height.

  • Do not place the face in the top ten percent of the frame.
  • Do not put important detail in the bottom fifteen percent.
  • Account for different screen ratios: some devices crop the sides.

Composing for motion

A vertical frame amplifies vertical movement and suppresses horizontal. A camera push, a rising gaze, upward motion (smoke, steam, snow) all read excellently. A horizontal pan in a narrow frame feels cramped and hits the borders fast.

If the movement implies the figure shifting sideways, leave the margin on the side the motion is heading.

The first second

Scrolling speed in vertical formats is higher than anywhere else. A clip whose movement builds gradually never gets noticed.

The opposite strategy works: visible motion from the first frame, development afterwards. Start the camera push immediately rather than after a pause.

Small technical things that spoil the result

  • Upscaling a small source: softness is far more visible on a full vertical screen than in a feed thumbnail.
  • Text added over the clip in the platform editor — it covers the face more often than it seems while editing.
  • An over-long clip: vertical formats are watched in short bursts, and ten seconds feel long.
  • A loop seam in the middle of the screen: reversible motion hides it, unidirectional motion does not.

The short recipe

Crop the source vertically with headroom top and bottom, place the eyes at a third of the height, choose motion with a vertical character, set five seconds with movement from the first frame, and check the result in the platform preview rather than on a monitor.

Frequently asked

Crop before or after animating?

Before. Cropping a finished clip eats resolution and the edge margin the motion needs — the head starts leaving the frame and nothing can be done about it.

Where should the face sit in a vertical frame?

Eyes at about a third from the top. Screen centre falls below the natural line of sight, and the platform interface covers the top and bottom edges.

What do I do with a horizontal photo?

Three options: crop vertically if there is headroom, extend the missing areas (works well on simple backgrounds), or fill the margins with a blurred copy of the frame.

  • #сторис
  • #формат
  • #композиция

Try it in the studio

Upload a photo and pick a style — one step from prompt to result.

Open the studio

Read next

Try it on this topicAnimate a Photo with AI

Photo animationAll articles