Flow Loop

Submit to class website:

Login to the class website and post your 3 videos you uploaded to VIMEO under "251-s19-Students-A3" (morning class) and "251-s19-Students-B3" (afternoon class).

VIMEO login

Go to http://www.vimeo.com and login with:
Email address: oroeger@uicdesign.com
Password: desdesdes

Class website login:

http://www.uicdesign.com/DES/admin.php
User Name: DES-251-S19
Password: Spring#19

Task

Create motion loops using the word "flow". This is a homework assignment that you'll be working on during the concept phase of the film title sequence. Since we don't work with After Effects in class in the beginning of the film title assignment this will be an opportunity to experiment and explore motion (and After Effects) further on an fundamental level combining simple form (type) and motion/sequence.

"Flow" definition:

verb

(of a fluid, gas, or electricity) move along or out steadily and continuously in a current or stream.
"from here the river flows north"

synonyms: run, move, go along, course, pass, proceed, glide, slide, drift, circulate, trickle, dribble, drizzle, spill, gurgle, babble, ripple;

go from one place to another in a steady stream, typically in large numbers.
"the firm is hoping the orders will keep flowing in"

(of a solid) undergo a permanent change of shape under stress, without melting.

noun : flow;
plural noun: flows

the action or fact of moving along in a steady, continuous stream.
"the flow of water into the pond"

a steady, continuous stream of something.
"she eased the car into the flow of traffic"

synonyms: movement, motion, course, passage, current, flux, drift, circulation; stream, swirl, surge, sweep, gush, roll, rush, welling, spate, tide, spurt, squirt, jet, outpouring, outflow; trickle, leak, seepage, ooze, percolation, drip
"the pump produces a good flow of water"

Size, Length and Elements

Composition Settings:

• Preset: HDV/HDTV 720 29.97
• Width: 1920 px
• Height: 1080 px
• Pixel Aspect Ratio: Square Pixels
• Frame Rate: 29.97 (or 30)
• Resolution: Full
• Start Timecode: 0;00;00;00
• Duration: 0;00;10;00 (approximately between 5 and 10 seconds)
• Background Color: Black (or White)

Limitations/Elements:

• Helvetica all weights including condensed, compressed or extended versions. Download here if you don't have it yet.
• Background and type colors: Black and white as well as greytones/transparency
• Elements: Only type, no shapes except rectangles for using Tracking Mats or Masks
• Proportions of letters should stay intact throughout (no distortion, squeeze or stretch)

Loop

An animation loop runs without interruption for a certain amount or unlimited time. In order to achieve this the first and the last frame of the animation has to be identical.

Consider, for example, type in 2D, 3D, in a grid or vertical/horiziontal repetition, masked text, animation using individual letters, one letter leads to the word or the word as one element.

Consider, for example, the following transformations (alone or combined): Rotation, movement, scale, blinking, opacity, letter spacing...

Number of Compositions

Create 5-10 loops and select 3 of them to upload to VIMEO. Also publish the 3 VIMEO clips onto one page of the class website.

For inspiration please look at the posted clips in the following pages in the articles section here: Kinetic Experiments I–IV and Kinetic Posters I–II.