The frame is approved. The client liked it, the colour is locked, everyone is happy, and now somebody has to make it move. This is where a lot of motion projects quietly go wrong, because the thing that got approved and the thing that has to be built are not the same object.
A styleframe is a target, not a starting file. It shows where the piece arrives. The animation is the journey to and from that point, and the frame you approved says almost nothing about that journey unless it was designed to.
Why Isn't the Approved Frame the File You Animate?
Most styleframes are built in whatever tool gets to the look fastest. Photoshop for texture and grade, Figma for type and layout, Cinema 4D when the frame needs real light. None of those are timelines. So the first real step after approval is a rebuild: the same frame, reconstructed as a layered composition where everything that needs to move lives on its own layer.
That rebuild is not busywork. It's the audit. You find out which parts of the frame were painted rather than constructed, which shadows were faked with a soft brush, and which type treatment only holds at that exact size. I've had frames that took two hours to design and two days to rebuild, and the gap was always the same thing: effects flattened into pixels because they looked right and nobody asked what happens when the layer underneath slides.
What Does an Animator Need From the Frame?
Four things, and a frame missing any of them costs a day:
- Layer separation. Foreground, midground, background, type, and each graphic device as its own object. Merged layers are the single most common handoff failure.
- Somewhere to arrive from. Negative space is not decoration in a styleframe. It's the runway. A composition packed edge to edge looks finished and animates like a wall.
- A stated hierarchy. Which element resolves last? That's the beat the whole sequence lands on, and if the frame doesn't say, the animator guesses.
- Editable type. Outlined type is a promise that nothing about the copy will ever change, and that promise gets broken about half the time.
How Does a Still Become a Sequence?
The frame is usually not the first moment of the piece. It's somewhere in the middle, at the point of maximum clarity, and the animation runs both ways out of it. You build the approved state first, then work backwards to an entrance and forwards to an exit.
From there the properties come off the frame itself. Anything overlapping something else implies depth, so it can parallax. Anything sitting at an angle implies it rotated into place. Anything cropped by the frame edge implies it came from outside. The classical animation principles apply exactly as they always did, and a frame that reads as if it were caught mid-movement gives you most of your keyframes for free.
The frames that fight you are the ones composed as posters. Perfectly centred, perfectly balanced, nothing implying it came from anywhere. Those look wonderful in a deck and give an animator nothing to work with.
The parts that usually have to be rebuilt
There's a short list, and it repeats across almost every project.
Painted lighting is first. A soft brush pass that reads as a light source looks perfect until the object under it moves and the light stays put. If the frame needs light, build it as light, even a cheap approximation, so it travels.
Second is baked depth of field. Blur applied to a flattened composite locks every element to its distance forever. The moment the camera pushes, the blur is wrong, and there's no way to unbake it.
Third is type set as artwork. Outlining is convenient and it ends the conversation about copy changes, which is fine right up until legal asks for one extra word.
Fourth is anything that only holds at one scale. Fine textures, hairline rules, tight tracking. Those are frame-specific decisions, and a sequence is not one frame. If the piece ends on a wide shot, check the frame at the wide size before anyone signs it.
None of that means the frame was designed badly. It means it was designed as a picture, which is exactly what it was asked to be. The rebuild is where it becomes a mechanism.
The handoff conversation worth having
Before the frame goes to the client, not after, ask the person who will animate it one question: can you build this? Ten minutes there saves a rebuild later. If you're doing both jobs yourself, the same question still works, you just have to be honest in both directions.
This is the part I'd argue about with most studios. Styleframes get treated as a design deliverable that motion inherits, when they're really a shared artefact that both disciplines should sign. The sequence gets designed in the frame whether or not anyone admits it, so the animator may as well be in the room.
For the wider path from a single frame into shipped interface work, our styleframe to UI pipeline covers where this goes next, and the examples library is worth studying for exactly this: look at each frame and ask what it's telling you about the motion, not just the colour.
