Motion Design

New Inspirations

Jennifer — Tue, 31 Mar 2009 13:55:41 +0000

http://www.loyalkaspar.com/more/11/

I decided to try a different approach, but keeping the sounds.

Audio to Animation, and Glowing streaks

Jennifer — Mon, 30 Mar 2009 18:49:51 +0000

http://www.5min.com/Video/After-Effects—Audio-to-Animation-21791431

http://motiongraphicslab.com/lessons/free-glowing-line-tutorial.html

The 2 links above are the most helpful tutorials I could find so far on syncing audio to animation and making glowing streaks. I’ve figured out how to make the simple horizontal waveform that I wanted and have it sync to audio. So far, still no luck on turning it into streaks or controlling the particles to follow the waveform.

Initial Tests

Jennifer — Fri, 27 Mar 2009 14:55:37 +0000

Animating sound waves.

Inspiring Videos

Jennifer — Fri, 27 Mar 2009 13:53:15 +0000

AEG Nexus Commercial by G’Raffe

Change by Brian Dougherty-Johnson

I like this video for its simplicity and the way everything is connected in a linear fashion.

The Decibel Chart

Jennifer — Fri, 27 Mar 2009 13:31:11 +0000

0 dB
Nothing

10 dB
Normal breathing

20 dB
Rustling Leaves
Buzzing insect

30 dB
Soft whisper

40 dB
Very soft music

50 dB
Quiet Radio

60 dB
Electric toothbrush
Normal speech
Dog barking

70 dB
Average (busy) street noise
Orchestra
Vacuum cleaner
Typewriter

80 dB
Alarm clock
Telephone ring

90 dB
Lawn mower
Train whistle
Subway train
Police whistle

100 dB
Loud crowd noise
Heavy city traffic
Chainsaw
Pneumatic drill
Car horn
Farm tractor

110 dB
Accelerating motorcycle
Train

120 dB
Thunder
Megaphone

150 dB
Fireworks
Firecracker
Balloon pop

Creative Brief

Jennifer — Fri, 27 Mar 2009 13:24:49 +0000

Overview
After looking at designers who’ve explored the idea of visualizing sound and music in the format of motion graphic design, I’ve come up with the idea of exploring the concept of 10 through sounds and how sound is measured in decibels (dB).

Sounds will be translated into visuals using simple line elements and change in colours.

Goals
To further explore the relationship between what we hear and what we see.

Audience
Anyone from the age of 10 and up. As the video explores how sound is measured, it can in turn be an educational video for younger audiences.

Content Planning
Make sound waves in After Effects and use masks to combine illustrations. Find and record all sounds.

Sound and Typography

Jennifer — Fri, 27 Mar 2009 12:55:04 +0000

When I saw this work, it reminded me of the video we saw in class that animated jazz music using shapes and colours. The designer, Peter Tressler created this piece with the intent on finding the connection between the linear formats we find in typography and music.

Peter Tressler, Sound and Typography.

“On a broader scope, this project is intended to challenge contemporary aesthetics within the motion graphics design
community, specifically broadcast graphic design. In order to further the discourse of the discipline, I have tried to
find a balance between aesthetic beauty and human emotion in an attempt to shift away from what I perceive as the
cold, flat nature found within the vernacular of contemporary motion graphics.

The song, comprised of six individual drum samples, a melody and a bass-line are used as signifying devices for sound
(breath and pitch), melody (notation), as well as the linear nature of both music and language, spoken and written.
Images referencing contemporary audio imagery are presented to draw important connections between the world of
sampled, or digital music and the world of typography. Included are references to grids, baselines, and x-heights.
I have also added a film loop of a book being turned in the background which, much like the bass-line in a musical
composition, holds the drum (bottom) and melody (top) areas of the screen together. The footage used for the back-
ground works in time with the baseline to strengthen the ties between linear aspects of both music and typography.”

Concepts of Ten

Jennifer — Fri, 13 Mar 2009 15:16:37 +0000

1. 10:00pm at night
2. 10:00am in the morning
3. j as the 10th letter in the alphabet
4. 10lb.
5. in length/distance: 10mm, cm, m, km…
6. 10 degrees (in temperature)
7. money: $10 (a $10 bill or bills and coins that add up to $10), 10 cents (a dime or coins that add up to 10 cents)
8. 10ml
9. in cooking measurements: 10 spoons, 10 cups, 10 teaspoons
10. in music: intervals of 10
11. october as the 10th month
12. October 10, 2010 (10-10-10)
13. Page 10
14. the 10th hour, 10th minute, and 10th second
15. episode 10
16. volume 10
17. 10 million
18. 10 years
19. 10 levels
20. 10 floors
21. 10 clicks
22. Things that come in packs of 10 (stamps, polaroid pictures…)
23. 10 things on a to-do list
24. channel 10
25. the 10th element in a periodic table (neon)
26. 10th place
27. top 10
28. question #10
29. 10 folds
30. 10 steps
31. 10%
32. 6 x 10 seconds = 1 minute (for a 1 minute video)
33. words with 10 letters
34. chinese characters with 10 strokes
35. a decagon
36. no. 10 envelope
37. 10 numbers on a phone, calculator, keyboard (1,2,3,4,5,6,7,8,9,0)
38. numbers that add up to 10 (1+9, 2+8, 3+7, 4+6, 5+5, 3+4+3, 4+4+2, etc…)
39. in mathematics: addition, subtraction, multiplication, division that result in 10 (4×2+2=10, 20/2=10, etc…)
40. 10 fingers and 10 toes
41. a 10-ride ticket
42. 10 rotations
43. 10 slices in a pizza/pie
44. 10 degrees (angle)
45. 10 degrees in longitude or latitude (10 degrees N, 10 degrees W)
46. 10 pages
47. 10 chapters
48. 10-step instructions

Feature Website: The Art of the Title

Jennifer — Thu, 12 Mar 2009 21:42:39 +0000

A website that collects title sequences. Here you’ll find title sequences for movies, new and old with information on the making of the sequences and even interviews with the creators.

How to be a Motion Designer

Jennifer — Thu, 12 Mar 2009 20:57:49 +0000

Here’s another video from Nick Campbell from Digital Kitchen. In this video he gives advice to students who want to get a job in Motion Design, but of course, these tips are also applicable to all design students ready to get out there. He talks about how to promote ourselves as well. As we all will be graduating soon, it’s nice to hear from someone who is already in the industry. Watch more of his videos at his insightful videos or read his blog at greyscalegorilla.com.

How to Be A Motion Designer and GET PAID from Nick Campbell on Vimeo.