kinetic typography 2

7/28/2019 Kinetic Typography 2

1/17

Stage 2: towards a grammar

A grammar of animation is being developed in the PhD work of

Gisela Leao:

Narrat ive proc esses:

actions and transactions

Conceptual processes:

change of state


2/17

Creating representations: change of state

[element] appears

disappears

reddens

grows biggertransforms into [other unit]

elements can b e any graphic element: (parts of) let ters, word s,sentences, paragraphs , or oth er sign s (e.g. let ter transfo rms in to

picture)

illustration occurs when the element and the movement express thesame idea, e.g. a spin nin g movement on the wo rd cycle


3/17

Komninos Zevros


4/17

Creating representations: actions and

transactions

Act ions

[element] falls

bounces

spins

stretches

Transact ions

[element] bounces off [other unit]squashes [other unit]

fuses with [other unit]


5/17

Keynote Presentation


6/17

PowerPoint


7/17

Adobe AfterEffects


8/17

Dynamite


9/17

Control

Users need not think about how to achieve acoherent aesthetic output. This is the task of

the visual framework that defines the overall

look but at the same time enables the user tochoose from a large variety of animations

Paper produced by researchers at

the Sony Corporate Lab


10/17

Control (2)

Software that does not allow access to the underlying

code is more restrictive and positions writers more

narrowly in lie with what corporate planners andprogrammers intend

M. Sorapure (2006)


11/17

Architectures of Comparison


12/17

Self-exemplification


13/17

Structure of the heart
http://www.yheart.net/default.aspx?page=223http://www.yheart.net/default.aspx?page=223


14/17

Water Cycle - Earthguide Animated

Diagram
http://earthguide.ucsd.edu/earthguide/diagrams/watercycle/http://earthguide.ucsd.edu/earthguide/diagrams/watercycle/http://earthguide.ucsd.edu/earthguide/diagrams/watercycle/http://earthguide.ucsd.edu/earthguide/diagrams/watercycle/http://earthguide.ucsd.edu/earthguide/diagrams/watercycle/http://earthguide.ucsd.edu/earthguide/diagrams/watercycle/http://earthguide.ucsd.edu/earthguide/diagrams/watercycle/


15/17

The Structure of the Heart

Verbal text Diagram AnimationMostly relational clauses

(size, location, composition,

function)

Some material clauses (e.g.

valves control, valves

open and close) butprocesses not represented

in sequential order.

Function of the lungs is not

represented

Analytical, with labels.

Shows size and relative

location more clearly than

diagram

But elements which are

simultaneously present are

shown one after the other,

with pre-set, brisk timing

Shows electrical impulses

stimulating heart, heart

contracting, blood flowingthrough the heart, and

(briefly) blood flowing

through the vascular system

Blood flow through the

lungs is not shown


16/17

Water cycle diagram

Verbal text Diagram AnimationParticipants and processes

are labelled in nominalized,

scientific form.

The Did you know? text

represents process and

participants very abstractly

(water moves in certain

directions... reservoir of

water.. evaporation requires

input of energy)

Text represents additional

participants and processes:

sea level rising and dropping,

ice melting and forming)

Text indicates that some

Represents key participants

pictorially in typical

hydrological cycle picture

Labels appear one by one, in

a dynamic naming process

(but the sun is not named and

its agentive role is not

explicitly indicated).

Participant naming (Where it

exists) is separated fromprocess naming (Changing

form)

Represents processes

through moving red arrows.

There is some sequentiality:

precipitation starts the cycle,

evaporation follows.

Raining and snowing can also

be viewed pictorially. The sun

wiggles.

All processes occur at same


17/17

Ford, S., Forlizzi, J,. And Ishizaki, S. (1997) Kinetic Typography: Issues

in time-based extended abstracts. Proceedings of the CHI 1997

Conference Extended Abstracts, 269-270

Forlizzi, J., Lee, J. and Hudson, S. (2003) The Kinedit System:Affective Messages Using Dynamic Texts, Proceedings of the CHI

2003 Conference on Human Factors in Computing Systems, 377-384.

kinetic typography 2

Documents