1. @MOTIONOGRAPHER
T H E F U T U R E O F M O T I O N D E S I G N
A 100% accurate, absolutely infallible forecast for the next decade from
the industry’s incomparably brilliant yet surprisingly humble Justin Cone.
24. W H Y M A K E P R E D I C T I O N S ?
1. To focus a critical lens on current practice
2. To identify and/or get “unstuck” from creative ruts
3. To have fun
25. P R E D I C T I O N N O . 1
CGwilleattheworld.
26. W H Y C G ’ S A P P E T I T E I S G R O W I N G …
1. Hardware: The rise of the GPU
2. Software: Near-real-time rendering
3. Market forces: Growing demand for immersive experiences
49. A T I N Y S A M P L I N G O F A N I M AT I O N L I B R A R I E S
• Anima.js
• Animate.css
• Bounce.js
• Choreographer.js
• csshake
• DynCSS
• Effeckt.css
• GSAP
• Hover.css
• Loaders.css
• magic
• mo,js
• Paper.js
• Pixi JS
• Particles.js
• Rekapi
• Rocket
• Saffron
• Snap.svg
• three.js
• uilang
• Velocity.js
• vivus.js
• WOW.js
56. P R E D I C T I O N N O . 4
Motiondesignwillbethevisualmarkup
languagefor(augmented)reality.
57. PA U L M I LG R A M ’ S R E A L I TY-V I RT U A L I TY C O N T I N U U M
SOURCE A Taxonomy of Mixed Reality Visual Displays, P Milgram, F Kishino, IEICE Transactions on Information and Systems, 1994
realenvironment augmentedreality virtualenvironmentaugmentedvirtuality
62. PA U L M I LG R A M ’ S R E A L I TY-V I RT U A L I TY C O N T I N U U M
realenvironment augmentedreality virtualenvironmentaugmentedvirtuality
mixed reality
🤔
84. AT A P E R S O N A L L E V E L
1. Be honest and play to your strengths.
85.
86. I N T E R E ST- S K I L LS M A P
WEB
DEVELOPMENT ENTREPRENEURSHIP
BACK-END
DEVELOPMENT
FRONT-END
DEVELOPMENT
MARKETING
WRITING
MOTION
DESIGN
GRAPHIC
DESIGN
AUTOMATION
NODE.JS
PHP
REACT
MONGO
DB
BLOGGING
DESIGN
HISTORY
SKILLS/CONFIDENCE
HIGH
MEDIUM
LOW
PUBLIC
SPEAKING
87. AT A P E R S O N A L L E V E L
1. Be honest and play to your strengths.
2. Start small.
88. AT A P E R S O N A L L E V E L
1. Be honest and play to your strengths.
2. Start small.
3. No, smaller.
89. AT A P E R S O N A L L E V E L
1. Be honest and play to your strengths.
2. Start small.
3. No, smaller.
4. Always be learning.
93. F O R B U S I N E S S
1. Nimbleness is inversely proportional to size.
2. Understand what “investing in change” means.
94. I N V E ST I N G I N C H A N G E
technology people
+ failures
+
short-term financial loss
=new capabilities/offerings
+ higher retention
+
95. F O R B U S I N E S S
1. Nimbleness is inversely proportional to size.
2. Understand what “investing in change” means.
3. Play to your strengths — and focus.
96. I N T E R E ST- S K I L LS M A P
WEB
DEVELOPMENT ENTREPRENEURSHIP
BACK-END
DEVELOPMENT
FRONT-END
DEVELOPMENT
MARKETING
WRITING
MOTION
DESIGN
GRAPHIC
DESIGN
AUTOMATION
NODE.JS
PHP
REACT
MONGO
DB
BLOGGING
DESIGN
HISTORY
SKILLS/CONFIDENCE
HIGH
MEDIUM
LOW
PUBLIC
SPEAKING
97. –J O H N C A R M A C K , CTO O F O C U L U S V R
“Focusisamatterofdeciding
whatthingsyou'renotgoingtodo.”