Exercise 3: Music Interpretation

ASSIGNMENT

Collaborate with a team of 3-4 people. You will each animate a 20 second section of a song independently and then bring them together into one video file at the end. For this exercise, you will animate the formal characteristics of shape, scale, opacity, and color to create rhythm, while also exploring composition, figure/ground, and depth.

This is also a study in audio/visual relationships and interpretation of music. Your visuals should respond and sync to the music.

Increasingly motion is becoming more of a design factor. The purpose of this exercise is to see what happens to the formal design characteristics when motion is applied to them. Changing shape, scale, opacity and color can have communicative and dynamic results.


PARAMETERS

Click to View

You may NOT change the Position parameter of your shapes within this project because this will distract from using the formal characteristics alone to create movement. Animate the following aspects to create rhythm to your music, while also focusing on good composition/pattern, shifting figure/ground, creating depth, and choosing a color scheme and shape choice that reflects the tone of your music.

  • Shape  (when you change shape, focus on creating interesting figure-ground shifts and engaging compositions. choose shape that reflects the music)
  • Scale (when you change the scale, focus on creating depth and creating interesting figure-ground shifts)
  • Opacity (when you change the opacity, focus on creating depth and reflecting the tone of the music)
  • Color  (when adjusting and choosing the color consider the scheme and how it reflects the music)

Specs

Size: 1920 x1080 pixels
Frame Rate: 24fps
Length: 20 seconds for each team member’s section of a song
Content: animating shapes to music, focusing on creating rhythm by changing scale, shape, opacity, and color. combine all of your team’s clips into one sequence at the end.
Format:  H.264 .mp4 movie file uploaded to Vimeo or YouTube and linked to Slack Channel


INSPIRATION

Student examples

Note: The following exercise examples were slightly different than yours. They had to do more studies and isolate/focus on each characteristic independently, but i thought they would still be inspiring.

Basic Shape Motion Examples


OBJECTIVES

Click to View

  • Explore formal characteristics (scale, shape, color, opacity) as they relate to the design principle of rhythm.
  • Focus on the design principle of figure/ground
  • Explore other variations of composition with a focus on pattern, consistency, variety, unity, and emphasis.
  • Explore motion and space/depth as design factors.
  • Explore sequence including transitions, duration, speed, timing, and easing.
  • Practice audio/visual relationships and synchronization
  • To develop your technical skills with digital tools.
  • Explore multiple solutions and edit your work for the best solution.


RUBRIC

Click to View

6pts

  • Inspiration examples of shape, scale, opacity, color, and figure/ground
  • Storyboards 

25pts

  • Formal characteristics – (scale, shape, color, opacity) & fig/ground
  • Composition – pattern, consistency/variety, unity, balance & emphasis
  • Space/depth as design factors
  • Motion – smoothness, easing, transitioning
  • Rhythm – pacing, sequence, audio/video sync, consistency w/ variety


MUSIC RESOURCES

Click for Music Sources

For teams of 3, choose a 1 minute copyright-free song or edit one down to 1 minute.
For teams of 4, choose a 1min 20sec song or edit to down to that.

Then each member of the team will take 20 seconds of the full song. Make sure you credit the artist and song on upload.

Free Music Archive artists that don’t totally suck:
johnny_ripper
Podington Bear
YACHT
Jahzzar
Gablé
Music For Video Curator page
Gillicuddy
Lucky Dragons
Deerhoof
Vivian Girls
Thee Oh Sees
Glass Candy
Nine Inch Nails
WFMU Radio Station


TECHNICAL HELP / DEMO VIDEOS

Click to View Demos

Shape Effects
What you can do with Shapes
Beginner’s Guide to Shape Layers

Audio Integration
How to work with Audio in AE

After Effects Step-by-Step Help related to exercise:
Click here to see step-by-step instructions:
new stuff: color, shape effects, audio
+ stuff from previous classes: graph editor, opacity, scale, easing, anchor points, exporting

Playback/Preview Help
Demo on how to get a smoother playback in the timeline

Tips and Tricks
Demo of helpful keyboard shortcuts and other time-efficient tips

Previous Demos

Intro to AE
Intro to After Effects Demo Video

Exporting
Exporting Demo Video

Graph Editor / Easing


Schedule

Click to See Timeline

10.5 – Project assigned.
For next class: Link to inspirational examples of each formal characteristic and fig/ground principle. Create rough storyboards and look-and-feels of your ideas for showing rhythm using the formal characteristics of shape, scale, transparency and color while also considering fig/ground, depth, and overall composition/pattern.

10.7 – Look at inspiration, song, and storyboards.

10.10 – Sunday by 5pm – Show individual halfway progress on Exercise3 Slack Channel.

10.12 – Exercise 3 due.

 


Final Deliverables

Click to See Final Deliverables

  • One final video file with each person’s 20sec exercise set to the full song uploaded to Vimeo or YouTube and linked to Exercise3 Slack Channel. Credit the name of song/artist in the description. Only one person needs to upload and link it for the team. Label who did the different sections of the animation. For example:
    1. Person 1: 0:00–20:00
    2. Person 2: 20:00–40:00
    3. Peson 3: 40:00–1:00:00

Preproduction work during project:

  • Inspiration examples of shape, scale, opacity, color, and figure/ground creating rhythm – link and label them on Exercise3 Slack Channel
  • Post storyboards and style frames to Exercise3 Slack Channel.