Goal

To under­stand and appre­ci­ate the impli­ca­tions of using com­po­si­tion, tim­ing and move­ment as a sup­port­ing design ele­ments for communication.

Objective

Cre­ate an ani­mated ver­sion of visual metaphor that high­lights the con­tex­tual mean­ing of story through inten­tional use of motion lit­er­acy, design ele­ments, prin­ci­ples and creativity.

Reading

• Kras­ner, summary02
• Chap­ter 6: Process to Out­come, Shaw
• Chap­ter 7: The Inner-Eye, Shaw
• Chap­ter 8: The Outer-Eye, Shaw
• Writ­ten Treat­ments (last part of Chap­ter 8: The Outer-Eye) Shaw, p101-103
• https://​io9​.giz​modo​.com/​t​h​e​-​u​n​i​v​e​r​s​a​l​-​s​h​a​p​e​s​-​o​f​-​s​t​o​r​i​e​s​-​a​c​c​o​r​d​i​n​g​-​t​o​-​k​u​r​t​-​v​o​n​n​-​1​5​2​6​5​5​9​996 and accom­pa­ny­ing info­graphic https://​ten​der​hu​man​.com/​s​h​a​p​e​s​-​o​f​-​s​t​o​r​i​e​s​-​i​n​f​o​g​r​a​p​hic
• https://​en​.wikipedia​.org/​w​i​k​i​/​P​l​o​t​_​(​n​a​r​r​a​t​ive)
• What Is The 5 Part Struc­ture Of A Story? https://​bub​ble​cow​.com/​b​l​o​g​/​w​h​a​t​-​i​s​-​t​h​e​-​5​-​p​a​r​t​-​s​t​r​u​c​t​u​r​e​-​o​f​-​a​-​s​t​ory
• Clas­si­cal nar­ra­tive struc­ture https://​www​.oxfor​dref​er​ence​.com/​d​i​s​p​l​a​y​/​1​0​.​1​0​9​3​/​o​i​/​a​u​t​h​o​r​i​t​y​.​2​0​1​1​0​8​0​3​0​9​5​6​1​5​816
• https://​medium​.com/​@​s​t​e​v​e​s​e​a​g​e​r​/​b​e​y​o​n​d​-​t​h​e​-​h​e​r​o​-​s​-​j​o​u​r​n​e​y​-​f​o​u​r​-​i​n​n​o​v​a​t​i​v​e​-​n​a​r​r​a​t​i​v​e​-​m​o​d​e​l​s​-​f​o​r​-​d​i​g​i​t​a​l​-​s​t​o​r​y​-​d​e​s​i​g​n​-​f​7​4​5​8​9​8​3​b​c16
• What is an Ani­matic? https://​boords​.com/​a​n​i​m​a​t​i​c​/​w​h​a​t​-​i​s​-​t​h​e​-​d​e​f​i​n​i​t​i​o​n​-​o​f​-​a​n​-​a​n​i​m​a​t​i​c​-​s​t​o​r​y​b​o​ard

Assignment

Recre­ate the Exer­cise 07.05: Ani­mat­ing Visual Rein­force­ment (based on Exer­cise 06.05: Type Fam­i­lies and Visual Rein­force­ment from pre­vi­ous courses as well) using the lessons learned from Exer­cise 08.06: Shot Types and Exer­cise 09.08: Type as Kinetic Form. Key to under­stand­ing and build­ing a dig­i­tal story is to cre­ate a nar­ra­tive struc­ture. As the “direc­tor” of the short film, you are respon­si­ble for all aspects of the com­mu­ni­ca­tion and production.

Care­fully con­sider the vari­ables listed below, as well as the rela­tion­ship of the spo­ken word to the vis­i­ble and dynamic word. No rep­re­sen­ta­tional images; how­ever, color, light, and tex­ture are permissible.

Con­sider your variables:

• type­face, type­size, weight, color, tex­ture, focus, ori­en­ta­tion, location
• entrance, per­for­mance, exit
• sequence, speed, pac­ing, tran­si­tion, trans­for­ma­tion, time
• tone of voice, emo­tion, feel­ing, atmos­phere, interpretation.

Please note, the assign­ment could be a new story as well as the one from Exer­cise 07.05, but the intent for com­mu­ni­ca­tion is the same. No restric­tions on color usage or to sup­ple­ment but not to create.

Part One

Review and select a nar­ra­tive struc­ture that fits your con­cept. Brain­storm a list of pos­si­ble options to improve upon pre­vi­ous projects. Note any com­men­tary from cri­tiques and inves­ti­gate solu­tions to those issues or high­light any suc­cesses. Make a deter­mi­na­tion what to say with the short project? What deter­mines suc­cess? Define one or two key points to illus­trate. Write a 1–3 sen­tence sum­mary of the poten­tial product.

Upon approval from the instruc­tor, develop a sto­ry­board that rep­re­sents the key frames of your ani­ma­tion. Scan illus­tra­tions or cre­ate dig­i­tal files for submission. 

Part Two

Adapt the brain­storm­ing into visual forms and cre­ate an ani­matic. Cre­ate a series of sta­tic sto­ry­board pan­els (non-ani­mated) using a graph­ics pro­gram and rep­re­sent­ing your points in visual form. Add audio and sound effects. Place these into ani­ma­tion soft­ware. Test tim­ing and flow by arrang­ing still images with any appro­pri­ate audio.

Com­plete your draft ani­ma­tion using any nec­es­sary soft­ware and tech­niques, but keep the motion simple.

Technical Specifications

Cre­ate the ani­ma­tions at the fol­low­ing settings:

• File Size/Export Set­tings: HDTV 1080, 29.97fps
• Ren­der Set­tings: Best and Out­put Mod­ule: H.264
• 44.1kHz, 16 bit, 2 chan­nel audio
• File name: xyz_art378_exer00_part00.mp4

Part Three

Com­plete your ani­ma­tion using any nec­es­sary soft­ware and techniques.

Technical Specifications

Cre­ate the ani­ma­tions at the fol­low­ing settings:

• File Size/Export Set­tings: HDTV 1080, 29.97fps
• Ren­der Set­tings: Best and Out­put Mod­ule: H.264
• 44.1kHz, 16 bit, 2 chan­nel audio
• File name: xyz_art378_exer00_part00.mp4

Assessment

• The fol­low­ing rubric posted on D2L will deter­mine exer­cise score: Assign­ment 02.06: Visual Narrative

Techniques

Cre­ativ­ity, brain­storm­ing, plan­ning, exper­i­men­ta­tion, file hier­ar­chy, struc­ture, nam­ing conventions

Supplies

Adobe After Effects, Pho­to­shop, Illustrator