01
Define the first and final states
Draw or describe the starting rounded rectangle and the final circle on the same canvas. Identify their intended positions, colours and relative sizes. Decide which property should provide continuity, such as a fixed centre point or an unchanged accent colour. Avoid assuming that every property can remain constant while the shape changes. Record any undecided choices beside the sketches. A useful brief names the display context and purpose of the sequence, since an opening title and a small interface decoration may call for different levels of visual emphasis.
02
Choose intermediate frames that explain the relationship
Add one or two intermediate states and describe how the outline changes between them. These frames are planning references rather than proof that the eventual transition will look smooth. Keep the stable property visible across the sequence so a reviewer can follow the intended connection. A reusable frame record can include state label, outline, position, colour and open question. If the sequence later needs timing or easing decisions, add those as explicit choices instead of assuming that a set of still images fully specifies the movement between them.
03
Review the sequence in its intended context
Place the proposed states beside the title or other surrounding content to check whether the relationship remains understandable. Identify who will review a later motion draft and what questions that review should address, such as whether the shape competes with the words. Include a static alternative that preserves the essential message when motion is not used. Keep comments about the planned sequence separate from observations made after an animation exists. Save the brief with its version and unresolved choices so subsequent revisions retain the reasoning behind the original direction.