Motion Design Workshop 02

Exploded Axonometric

https://dl.dropboxusercontent.com/u/28909884/ACCD/2015_SP/Animation.mov

Concept Motion Graphics

https://dl.dropboxusercontent.com/u/28909884/ACCD/2015_SP/Moonlight01_4.mov

Workflow – Rhino

download file

1. In Rhino Build your model
2. Separate parts into different layer
3. Setup rendering resolution to 1920×1080
4. Render the whole piece – save as png
5. Render piece by piece – save as png

Workflow – After Effects

download pngs

1. Inport each piece and put them into a new composition layer
2. Keyframe the part where everything comes together
3. Separate them into exploded view
4. Change camera view if necessary
5. Add leader texts
6. Render

Motion Design Workshop 01

Motion graphics workflow

0. Precedents

Find a video that serves similar goal.  Analyze how these videos are made.

<p><a href=”https://vimeo.com/58363288″>Pideo App – Presentation</a> from <a href=”https://vimeo.com/jeliodimitrov”>JelioDimitrov</a&gt; on <a href=”https://vimeo.com”>Vimeo</a&gt;.</p>

1. Rough Storyboarding

List all of your ideas about the product, and create scenes.

• Target user
• Problem / solution
• Usage
• Design
• Benefits
• etc

2. Media Selection

For each scene, choose a medium or combination of mediums.

• Real video
• Photograph
• Vector animation
• Text

3. Detailed Storyboarding

For each scene, do a very detailed storyboard to track every movement.

4. Creating Base File in Illustrator

Download Link

• 1920×1080 pixel
• Create objects
• Release to layers

5.  Applying Motion in After Effects

• Keyframes
• Transparency
• Position
• Scale
• Easyease
• Motion Blur

Other Related Examples

<p><a href=”https://vimeo.com/54275813″>Rent Motion Graphics – presentation</a> from <a href=”https://vimeo.com/jeliodimitrov”>JelioDimitrov</a&gt; on <a href=”https://vimeo.com”>Vimeo</a&gt;.</p>

<p><a href=”https://vimeo.com/9873910″>Japan – The Strange Country (Japanese ver.)</a> from <a href=”https://vimeo.com/kenichi”>Kenichi</a&gt; on <a href=”https://vimeo.com”>Vimeo</a&gt;.</p>

Grad Portfolio 2014SP Showcase

Alex Fischer

http://hinesfischer.com/

June Zhao

http://www.junespacedesign.com/

Kristina Jesena

http://www.krisjesena.com/

Rachel Cohn

www.rachelallyncohn.com

William Shin

http://www.williamshin82.com/

Angela Chang

http://www.angelachang.org/

 

Spatial Diagramming 2014SP Showcase

Pictograms

Maria Shishkina

Site Diagram

Thanassorn Techaarpornkul Belle

Jenny Chen

Time Diagram

Austin Yang

Concept Diagram

Thanassorn Techaarpornkul Belle

  

Jenny Chen

God of Love

Erica Kim

Rita Jiang

Operative Diagram

Erica Kim

Jenny Chen

Program and Circulation

Jed Jeong

Section Perspective

Rita Jiang

Thanassorn Techaarpornkul Belle

Exploded Axonometric  

Jenny Chen

Jed Jeong

Rita Jiang

Yvette Abdelmeseeh

Thanassorn Techaarpornkul Belle

 

Andy’s Cat

  Andy Huang

DL03 Summer 2013 Showcase

Pictograms

Site Diagram

Time / Target Audience

Movie Diagram

Concept Diagram

Axonometric

Section Perspective

Detail Exploded Axonometric

Art Center College of Design