Smashing Magazine - we smash you with the information that will make your life easier. really.
Graphics In Motion
Graphics doesn’t need to be static or fixed: it can float, jump, fly, dance around and transform in different forms. Once you set visual elements in motion, you can achieve stunning results which would be far too difficult to achieve otherwise. And in fact, there are a number of stunning examples of how this can be done.
The so-called motion graphics is often used in ad spots, music videos and movies. However, sometimes it can also be used for data visualization or live installations (e.g. on buildings). In all these cases designers have a huge space to explore their creativity.
In this post we present some excellent examples of videos in which graphics are set in motion. In most videos graphics dominates, but it can also support the content.
You might want to take a closer look
- at the category Monday Inspiration where we’ve covered some graphic motion works over the last months,
- and particularly at the article Typography in Motion which describes what effects can be achieved once the letters are set in motion.
All links lead directly to Quicktime-versions of the videos which is why you might need some traffic to load them. These pieces simply don’t deserve to be watched in low-quality on YouTube.
[Offtopic: by the way, do you know the Smashing Network has its own Smashing Network RSS Feed? Only excerpts are displayed in the feed.]
Graphics In Motion
Feet Want Out
Well, that’s pretty colorful. You don’t have to be shrooming to experience mind bending psychedelicalness. See what the world looks like through the perspective of a day dreaming foot. Interesting concept, excellent execution.
Sonaka Delivery
That’s what can come out of a simple water drop. Stunning.
The War
“Design-infused storytelling. We wanted to portray the struggles between conformity and individuality; the games we play in our own minds; being a pawn in society. The artistry ultimately stems from taking two contrary things and making a third something from their collision.”
The Hours
So freaky, yet convenient and fascinating. Notice how the music perfectly fits into the scene. A music video production by Jonas Odel. [via MotionGraphics]
Lovebirds
Unique, beautiful and yet so simple. A story of two birds in this advertising spot for Motley Bird.

We Work For Them Installation
A graphic motion piece prepared for the We Work For Them promo.

Underground Spot
An advertisement of a metro. Take beneath the surface.
Natl.tv
The “Attractive Prices” spot for British Airways. Very gentle, soft play of colors. Two 30-second spots.
Siemens Blocks
Thousands of smallest blocks come up together to build the entire world. An ad spot for Siemens, by MassMarket studio.
Art Connects spot
4 independently moving screens comprise to make one large canvas in the plaza — a commons that is the gathering place for all ages. Reflecting its context the pieces are about imagination as portrayed by art and music, core experiences that connect us all.
Samaritans: Vectorscope
The transformation effects are quite impressive. Great attention to detail.
LanternFish
A compact graphic motion reference on lantern fishes. Do you know how Ipnops Murrayi in Gulf of Mexico looks like? By Adam Gault.
Zune Arts — Masks
One of the numerous Zune graphic motion movies, directed and produced by Pandapanther.
Guiness Dot
What can come out of a simple dot? A line, a drawing, a masterpiece, a world… a beer! By Psyop. [via MotionoGrapher]
Smirnoff Commercial
Excellent use of 3D in this 60-second advertising spot for Smirnoff.

Rhythm of Lines
A simple and beautiful ad spot for Audi. Simple lines can sometimes suffice. By BBH.
Magnetosphere
Probably one of the most colorful music visualizations ever created.
Sources and Resources
Vitaly Friedman, editor-in-chief of Smashing Magazine (www.smashingmagazine.com), an online magazine dedicated to designers and developers.
- 34 Comments
- 1
- 2
January 28th, 2008 2:19 amThe British Airways spots are really cool and nice.
- 3
January 28th, 2008 2:23 amMagentosphere is stunning! Thanks for another great list.
- 4
January 28th, 2008 2:30 amSome pretty cool animations there.
- 5
January 28th, 2008 2:48 amVery nice post! How do you collect such good things for your post?
- 6
January 28th, 2008 4:00 amNice Collection. Fantastic work. Expecting lot from u
- 7
January 28th, 2008 4:28 amLooks like we’ve got another kicker of a post… It seems as though these guys have way too much time on their hands to sort through a good collection of info the bring out the best :D
- 8
January 28th, 2008 4:43 amGreat stuff as usual.
Love quirky animations, will have to get round to updating my portfolio with some soon.
cheers
- 9
January 28th, 2008 4:54 amThis is one of the best post of your blog posts, i like it very much. You have nicely designed your website with user friendly nature. Its very nice to read it. Thanx for the post.
- 10
January 28th, 2008 7:40 amOnce again you’ve come up with high quality goods! Thanks!
- 11
January 28th, 2008 8:36 amI love monday inspirationnnnnnnnnnnnnnnnnnnnnn
- 12
January 28th, 2008 8:57 amNice list, gotta see this web too . 2000+ motion graphics videos: reels, commercials….. etc.etc.etc.
you can sort a good Collection from here…. - 13
January 28th, 2008 9:35 amAwesome stuff in deed :D
- 14
January 28th, 2008 9:45 amwow!
- 15
January 28th, 2008 10:49 amBeatiful list! thanks…
- 16
January 28th, 2008 12:05 pmI love your site, it is one of my top inspirations of all-time, but the English major in me needs very badly to point out that:
In this post we present some excellent examples of videos in which graphics is set in motion.
Should be:
In this post we present some excellent examples of videos in which graphics ARE set in motion.
- 18
January 28th, 2008 4:42 pmThank you very much for this awesome post! You made my monday…I`m looking forward for the next Monday Inspiration!
- 19
January 28th, 2008 9:58 pmThank you for another inspiration, one way it is good that we have less motion nowadays thou… man there used to be a time when a 1 minute flash intro in full motion used to welcome every major site. Somebody remember the old balthasers.com?
- 20
January 29th, 2008 3:17 amwow…its a great stuff as usual you did. Amazing monday inspiration!
- 21
January 29th, 2008 3:52 amYou got to check http://www.snyvo.com
the video is better than the music but it’s nice to watch - 22
January 29th, 2008 8:33 amThe Sonaka look likes Brazilian Havaianas!!! o_O
- 23
February 4th, 2008 12:44 pmcool animation here.the author has great inspiration
- 24
February 7th, 2008 10:48 amfor the first time i found sthg not v interesting on sm !
- 25
February 11th, 2008 3:56 amBookmarked. Thanks.
- 26
February 20th, 2008 9:20 amI would speculate that the Siemens video idea was ripped off from the Pleix Films video called “Sometimes”, with the soundtrack by Kid 606.
For comparison, see the video posted here: http://www.pleix.net/films.html
- 27
June 12th, 2008 9:00 pmGreat motion graphics
i am impressed
Take a glimpse at our award winning web design : http://www.miraclestudios.in
- 28
June 13th, 2008 9:00 pmGreetings,
Any ideas to record these amazing videos for personal purposes ? A software perhaps?
TQ - 29
October 16th, 2008 3:11 amIf you want inspiration for video backgrounds and themes, take a look at Anistock, http://www.anistock.com
- 30
February 24th, 2009 9:04 amLOVE the Guiness Dot! and the smirnoff advert!
- 31
May 12th, 2009 11:20 amhi really i check this 1st time but its very nice and helpfull.
- 32
May 31st, 2009 4:29 am“feet want out ” is wonderful!
- 33

- 34
November 12th, 2009 9:10 pmYes… Indeed an excellent resource for designing…
I will surely add this information on web designing and development to our web site – Simplify Solutions
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- 33 New High Quality Adobe Illustrator Tutorials - http://bit.ly/bTgFbu
- How to Drastically Improve Your Designs - http://bit.ly/a9L1sb
- A Quick Look at Mobile Web Designs - http://bit.ly/9TCWCG
- How to Test your JavaScript Code with QUnit - http://bit.ly/da853c
- jQuery 1.4 API Cheat Sheet - http://bit.ly/5zYYnE
- Beautiful, Elegant and Free 48px Icon Set - http://bit.ly/cSWcBR
- Gridmaker For Photoshop CS4 - http://bit.ly/98F9kv (via @designernews)
















Really cool post! The War is so cool! and the Smirnoff commercials, too.