Design Club will be kicking off a three day Motion Workshop with animator Peter Clark.

Earn extra credit at the end of the quarter applied to your final grade, by attending and staying for the duration of the opening presentation. I will be there with a sign-in sheet.

Full Workshop Schedule:
Thurs, Oct 21 from 7-9 PM in Miller Hall 138 – presentation and starting group projects.
Fri, October 22, is completely open for your group to create and animate.
Sat, October 23, we will be critiquing the final pieces in the afternoon.

No previous design/animation experience is necessary, and the event is open to everyone. Signups will close early next week.

Sign up for full workshop here:
https://forms.gle/KwNgpdxHG6PnWoE87

Check out Peter Clark’s work here:
http://www.callmeclark.com/

Peter Clark is a multi-media artist and commercial director with an emphasis on graphic design brought to life via experimental animation techniques. Clark is often involved in both the audio and visual production of his projects – which vary between experimental animations, light-based installation art and title design packages. By focusing on the beautiful errors often found in analog glitch or practical effects, Clark seeks to hint at the process behind the work as viewers experience it.

Clients: Fender Music, The Video Game Awards, Nike, Masterclass, Martin Garrix, and Nine Inch Nails.

In teams, review another team’s music interp and share feedback with class.

• Vimeo Kinetic Typography Channel
• 42 Must-See Examples

Last Year’s Short Student Examples

• Fashion Your Future
• 66 Million Years Ago
• Billy Collins
• Sound and Color
• An Ode to Planet Earth
• To Eliminate Waste, We Need to Rediscover Thrift

Longer Past Student Examples

• If I Controlled the Internet
• The Power of Introverts
• Dan Ariely, behavioral economist
  
• It’s A Good Thing
• How to Live Before You Die
• We Are All Cyborgs Now
• Why Bother Leaving the House
• Spencer Wells Builds a Family Tree for Humanity

Introduction to Typography

• Thinking with Type / Type Overview
• Type Vocab // Type Classifications Handout // Typographic Circle handout
• Type Terms
• Hierarchy
• Typography Article for Beginners

Video Introductions

• History of Typography animation
• The Power of Typography video
• Beginning Graphic Design: Typography video
• 10 Rules to Help you Rule Type (video)

Best Free Fonts

• Google Fonts
• Adobe Fonts

Type Tips

• 26 Digital Typography Rules for Beginners
• Typography Exercise to Improve Layouts / Photoshop File with images / Illustrator file grid

Font Pairings

• Mixing Typefaces
• Best Practices of Combining
• Ultimate Guide to Font Pairing
• 10 Tips for Font Pairing (video)
• Archetype
• Font Generator

• Kerning Game
• Shape Type
• Type Connection
• Are you Secretly a Type Genius

My Demo: Working with Type
Demo video covering different ways of working with Type in AE

Kinetic Typography Tutorial
Tutorial (Create type on different layers in AE and skip to 10:25 in the video. Uses a null and parenting method.)

Handwriting/Drawing On Effects

1. Using Stroke Method
2. Using Paint Write On Effect

Written Step-by-Step Help
Steps for Working with Text, Parenting, and Pre-Composing

—

Parenting, possibly Illustrator and Matte Demos coming Thursday 

All Posted to Exercise4 Slack Channel:

1. Research/Inspo – find other examples of kinetic type and label why you like them
2. Link to audio recording – just link to the Ted Talk and list the time code of your 10-15sec part. Download the audio for yourself and let me know if you need help editing out your segment.
3. Storyboard – demonstrates compositions, transitions, and pacing
4. Style Frame – demonstrates typeface choice, color, and any supporting graphic elements

• At least half of your animation uploaded to Vimeo or YouTube and linked to Exercise4 Slack Channel
• Comment on at least 2 other classmates’ posts. Prioritize commenting on ones that don’t yet have comments.

• Exercise 4: Kinetic Type video uploaded to Vimeo or YouTube and linked to Exercise4 Slack Channel