Martin Nguyen's profile

Narratives of Interaction/Reaction

Narratives of Interaction/Reaction
DESN261 Motion Graphics I
Instructor: Matthew Satchwill
Project Two
The three themes chosen for the narratives of this project are Orbit, Retaliation, and Synchronization. The narratives tell a story using Jorge’s 10 Principles of Motion Design effectively. One thing that brought the narratives together was repeated elements. The star from the character in the opening scene is repeated within the intro of Retaliation and the ending of Synchronization; this creates a beginning, middle, and ending that are all linked. Another case of repeated elements is when Orbit’s purple and green circles reappear in the third scene of Synchronization. A couple of other ways that the narratives are connected are the text and transitions that tell the themes between each narrative are the
same not to disrupt the story. Also, animated textures throughout the narratives add another exciting characteristic that unites the narratives. An overlapping motion design principle always used is Appeal which allows each narrative to have a distinctive look. Although all three narratives have a distinctive style and feel, the textures and transitions bring them together cohesively.
Orbit Styleframes
Orbit, the opening theme, shows a prelude to the universe containing the three narratives,
using an eye to mirror the viewer about to enter the universe. The eye implements the motion design principles of Arcs when the pupil and cornea move, Secondary Animation because it blinks as the pupil and cornea move, and Eases to make the eye movement feel human-like. After the eye scene, the setting with the three circles demonstrates five of the motion design principles. Arcs when the black circle comes in, Anticipation and Squash & Stretch when the green and purple circles are flying into the black circle, Mass & Weight showing that the black circle is dominant when the green and purple circles get stuck within it. All of the scenes use Eases to make them not dull and linear.
Retaliation Styleframes
The Retaliation narrative tells the tale of two squares fighting against each other but being
separated by the circle, keeping them from directly attacking each other. The conflict leads to the squares losing control, leading them to drift away from each other, the opposite of what they wanted. At the onset of the Retaliation narrative, with the circle and two coloured squares, the principles utilized are Eases with Timing to contrast a calm introduction before the powerful collision and Squash & Stretch when the two squares speed into their collision with the circle. The second scene shows the pressure between the collision using the Overlapping Action of the camera movement and sudden shifts in the squashed circle and texture colour. Anticipation is then used to transition to the next scene
smoothly. The third scene has the squares fight for power, increasingly getting more intense. To show
the increase in power, Squash & Stretch and Exaggeration is used with a subtle increase in how much
each square is Squashed as it Anticipates jumping out, with an increase in Stretch as the squares come
back towards the circle. The camera movement shows Anticipation as the scene is slightly shifted
toward each square as it jumps out and Secondary Animation when the scene is zoomed in and rotated
as the squares hit the circle.
Synchronization Styleframes
Retaliation is a collection of satisfying animations that connect because they all share similar Eases and Time, Spacing & Rhythm. The easing in each scene is used to transition smoothly from one scene to another; the transition occurs at the fastest point of the easing allowing the Rhythm to be continuous and not abrupt. All of the scenes use Anticipation to flow into the Rhythm using either scale or rotation. Secondary Animation is also applied to the scenes using the camera to support the rotations and scales of the shapes.
Narratives of Interaction/Reaction
Published:

Narratives of Interaction/Reaction

Published: