A presentation given at the UCDA 2009 Design Education Summit. The slides present a process for introducing motion design into a print-focus curriculum. Student motion examples can be found at http://www.chrisstcyr.com
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
Print In Motion
1. C H R I S S T.C Y R P R I N T I N M OT I O N
P R I N T I N M OT I O N
U C DA D E S I G N E D U C AT I O N S U M M I T
0 5 . 2 9.0 9
W E LCO M E .
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
2. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
3. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
4. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
teach: 1st + 2nd year design courses
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
5. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
teach: 1st + 2nd year design courses
likes: the intersection of fixed,
motion + interactive design
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
6. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
teach: 1st + 2nd year design courses
likes: the intersection of static,
motion + interactive design
department: graphic + interactive
communication
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
7. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
teach: 1st + 2nd year design courses
likes: the intersection of static,
motion + interactive design
department: graphic + interactive
communication (aka G.I.C.)
leas ant,
unp ment
G.I. C. very epar t
nds ce d
sou a ni
(y es. it uite
but it’s q .)
teac h in
to
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
8. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
teach: 1st + 2nd year design courses
likes: the intersection of static,
motion + interactive design
department: graphic + interactive
communication (aka G.I.C.)
(aka graphic design)
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
9. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
teach: 1st + 2nd year design courses
likes: the intersection of static,
motion + interactive design
department: graphic + interactive
communication (aka G.I.C.)
(aka graphic design)
focus: print-based design
books, packaging, posters
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
10. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
teach: 1st + 2nd year design courses
likes: the intersection of static,
motion + interactive design
department: graphic + interactive
communication (aka G.I.C.)
(aka graphic design)
focus: print-based design
books, packaging, posters, posters, posters, posters, posters,
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
11. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
teach: 1st + 2nd year design courses
likes: the intersection of static,
motion + interactive design
department: graphic + interactive
communication (aka G.I.C.)
(aka graphic design)
focus: print-based design
books, packaging, posters, posters, posters, posters, posters, posters, posters, posters, posters, posters, posters, po
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
12. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
O N E CO U R S E
teach: 1st + 2nd year design courses
likes: the intersection of static, 2 0 S E AT S
motion + interactive design
20 STUDENTS
department: graphic + interactive
communication (aka G.I.C.) WHY?
(aka graphic design)
M OT I O N I S S E X Y CO O L
focus: print-based design
books, packaging, posters
motion: as elective course
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
13. C H R I S S T.C Y R P R I N T I N M OT I O N
INTRO
hi! this is me
faculty: ringling college of
art + design
D E S I G N STAT E S
teach: 1st + 2nd year design courses
likes: the intersection of static, MAKE THE DESIGN FIXED
motion + interactive design
M A K E T H E D E S I G N M OV E
department: graphic + interactive
communication (aka G.I.C.) M A K E T H E D E S I G N I N T E R ACT I V E
(aka graphic design)
focus: print-based design
books, packaging, posters
motion: as elective course
curricular challenge: prepare students
to design for multiple delivery
channels
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
14. C H R I S S T.C Y R P R I N T I N M OT I O N
T H R E E D E S I G N D E L I V E RY C H A N N E L S
PRINT
WEB
E N V I RO N M E N TA L
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
15. C H R I S S T.C Y R P R I N T I N M OT I O N
THREE DESIGN DELIVERY CHANNELS
print: domus
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
16. C H R I S S T.C Y R P R I N T I N M OT I O N
THREE DESIGN DELIVERY CHANNELS
print: domus
web: www.leoburnett.com
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
17. C H R I S S T.C Y R P R I N T I N M OT I O N
THREE DESIGN DELIVERY CHANNELS
print: domus
web: www.leoburnett.com
environmental: museum of arts
and design
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
18. C H R I S S T.C Y R P R I N T I N M OT I O N
M OT I O N P R I N C I P L E S
A P P E A R A N C E / T R A N S I T I O N / D E PA RT U R E
C H A R ACT E R I S T I C M OT I O N
A X I A L M OT I O N
S PAT I A L M OT I O N
S E Q U E N T I A L S T RU CT U R E S
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
19. C H R I S S T.C Y R P R I N T I N M OT I O N
APPEARANCE/ TRANSITION/ DEPARTURE
instantly
size
transparency
in/out frame
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
20. C H R I S S T.C Y R P R I N T I N M OT I O N
CHARACTERISTIC MOTION
size
shape
color
transparency
proportion
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
21. C H R I S S T.C Y R P R I N T I N M OT I O N
AXIAL
x-axis
y-axis
z-axis
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
22. C H R I S S T.C Y R P R I N T I N M OT I O N
SPATIAL
x-plane
y-plane
z-plane
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
23. C H R I S S T.C Y R P R I N T I N M OT I O N
SEQUENTIAL STRUCTURES
node
string
loop
tree
web
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
24. C H R I S S T.C Y R P R I N T I N M OT I O N
ST U D E N T E X A M P L E S
APPEARANCE
A X I A L + S PAT I A L M OT I O N
TRANSITION
LO O P
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
25. C H R I S S T.C Y R P R I N T I N M OT I O N
APPEARANCE
ringling logo
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
26. C H R I S S T.C Y R P R I N T I N M OT I O N
AXIAL + SPATIAL MOTION
moving words
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
27. C H R I S S T.C Y R P R I N T I N M OT I O N
TRANSITION
interactive package
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
28. C H R I S S T.C Y R P R I N T I N M OT I O N
LOOP
screen-based poster
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
29. C H R I S S T.C Y R P R I N T I N M OT I O N
M A K I N G P R I N T D E S I G N M OV E
KEYFRAME - THE PRINT PIECE IS A POINT IN TIME.
B E G I N - H OW W I L L T H E S E PA R AT E T Y P E + I M AG E O B J E CT S G E T TO T H AT P O I N T.
M I D D L E - D O T H E D E S I G N O B J E CT S PAU S E , S TO P O R CO N T I N U O U S LY TO M OV E .
E N D - H OW D O E S T H E S E Q U E N C E E N D … O R N OT I N T H E C A S E O F T H E LO O P.
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
30. C H R I S S T.C Y R P R I N T I N M OT I O N
T H A N K YO U
LET’S KEEP IT MOVING, QUESTIONS, COMMENTS
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9
31. C H R I S S T.C Y R P R I N T I N M OT I O N
T H A N K YO U
LET’S KEEP IT MOVING, QUESTIONS, COMMENTS
LINKS
W W W.C H R I S S TC Y R .C O M
W W W. D E L I C I O U S .C O M / C H R I S S TC Y R / U C D A E D U 0 9
U C DA D E S I G N E D U C AT I O N S U M M I T / 0 5. 2 9.0 9