Motion Graphics Resources

1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic by 7 people | Log in to rate

Ranked #1,607 in Arts , #32,333 overall

Motion Graphic design is the art of graphic design, with all its elements (color, space, shape, composition, typography), but with the additional dimension of time brought into the mix.

In this lens, you will find a list of very helpful resources on the web, whether you are beginning, or you have been designing for a while.

10 things I've learned by working in this field 

  1. Never ever let your software, hardware, or media of any type to dictate the look of your design. Stick to what you see in your head, not with what you see in front of your eyes. Keep control.
  2. Listen to advice, opinions, and direction . . . but stick to your gut above all things.
  3. Sketch, storyboard, and flesh out your concepts clearly before going into production. I can't stress this enough. Everyone wins when you know what you're doing.
  4. If it's uncomfortable, strange, risky, or unrelated to anything you have seen before, go for it.
  5. Your starting point will influence your final result. For this reason, try not to start from the same exact point every time.
  6. Try not to stick too strongly to "your own personal style". It might not be true that you have a style; it might just be that you're unconsciously submitting to your own habits, fears, and comfort.
  7. If you see something that's being done by everybody else, by the time you do it, it will already be too late. By the time you realize a trend, it's probably already walking out the door. Create the next trend.
  8. Corporate branding guidelines are for corporations to protect themselves from guys (gals) like you, who are dying for a chance to give them a fresh new look. Break the rules, but do it gracefully, and above all things, be ready to explain why you chose to break a rule.
  9. Heck, be ready to explain everything you show, even if the explanation is not particularly convincing to you. Having an explanation, whatever it is, is better than not having one.
  10. Afraid to defend your ideas? Too bad for you, because nobody else is going to be afraid to shred them to pieces.

How to live happily with a great designer 

by Seth Godin

Why do some organizations look great... and get great results from their design efforts and ads... while others languish in mediocrity? I think it has little to do with who they hire and a lot to do with how they work with their agencies and designers.

Here are the things your design team wishes you would know:
  1. If you want average (mediocre) work, ask for it. Be really clear up front that you want something beyond reproach, that's in the middle of the road, that will cause no controversy and will echo your competition. It'll save everyone a lot of time.
  2. On the other hand, if you want great work, you'll need to embrace some simple facts.
  3. It's going to offend someone. If it doesn't offend them, then it will make them nervous. The Vietnam Vets memorial offended a lot of people. The design of Google made plenty of people nervous. Great work from a design time means new work, refreshing and remarkable and bit scary.
  4. It's not going to be easy to sell to your boss. That's your job, by the way, not mine. If you want me to do something great, you've got to be prepared to protect it and defend it. Come back too many times for one little compromise, and you'll make it clear that #1 was what you wanted all along.
  5. You can't tell me you'll know it when you see it. First, you won't. Second, it wastes too much time. Instead, you'll need to have the patience to invest twenty minutes in accurately describing the strategy. That means you need to be abstract (what is this work trying to accomplish) resistant to pleasing everyone (it needs to do this, this and that) and willing, if the work meets your strategic goal, to embrace it even if it's not to your taste.
  6. Help me out by pointing out the work you'd like this to be on a peer with. If you want a website to be like three others (in tone, not in execution) then point it out. In advance.
  7. Be clear about dates and costs. Not what you hope for, but what you can live with!
  8. You don't know a lot about accounting so you don't backseat drive your accountant. You hired a great designer, please don't backseat drive here, either.
  9. If you want to be part of the process, please go to school. Read design magazines or take a course from Milton Glaser or get a subscription to
  10. This one may surprise you: don't change your existing design so often Not when your kids or your colleagues tell you it's time. Do it when your accountant says so.
  11. Don't get stressed about your logo.
  12. Get very stressed about user interface and product design. And your packaging.
  13. Say thank you.

Learning Center 

Here's a bunch of links to sites that are chock full of tutorials.
Lynda.com
Many, many tutorials, some of them are free, most of them require a subscription.
3D Buzz
Discussion forum with tutorials.
3d-Palace.com - Home
3d-Palace.com - the largest 3D Effects, modelling, rigging and texturing website in the world.
AE Freemart
Your After Effects Resource
After Effects Portal: Tutorials
Information on resources online, tutorials, plug-ins, links and tips.
ayato@web
Nice tutorials...
Digital-Tutors :: Home
Learn about their free online tutorial videos and training kits for computer graphics professionals, vfx animators, and post production artists of any expertise level.
r e d p i x e l
3ds Max video tutorials. They're in portuguese, but if you have a minimal knowledge of the software, you should be able to understand what's going on.
XtReMe-is-back.com Video Tutorials for After Effects
Some crappy tutorials, but hey! You might like something here, who knows?
Video Copilot
Good tutorials in video form. Great for both beginners and advanced designers.

Books you might want to check out 

Sometimes, free online tutorials aren't good enough!

After Effects in Production: A Companion for Creating Motion Graphics

Amazon Price: $30.16 (as of 11/26/2009) Buy Now
List Price: $54.95

Creating Motion Graphics with After Effects, Vol. 2: Advanced Techniques (3rd Edition, Version 6.5)

Amazon Price: (as of 11/26/2009) Buy Now
List Price: $59.95

Apple Pro Training Series: Motion

Amazon Price: $30.89 (as of 11/26/2009) Buy Now
List Price: $44.99

Design Resources: Fonts 

Links to all sorts of cool font sites, many of them free!
dafont.com
Download free and shareware fonts. Lots of cool ones.
Font Stuff from codeman38
Lots of retro computer-type fonts.
FontFace.com
FontFace.com now has more than 1000 free fonts
and the archive grows literally everyday. Check out the Font
of the Day for the latest free font.
Fonthead Design
Contemporary Fonts for Macintosh and Windows
Blue Vinyl Fonts
Very cool fonts, check 'em out, at least for inspiration.
Identifont
Identify a font with the Identifont online typeface identifier. Answer a few questions about the letters in your sample and see a list of typefaces that match!
miniml.com
Miniml fonts are vector-based pixel font emulations that are specifically designed to remain aliased in Flash.
misprinted type 3.0
Very nice fonts, some of them are free.
phantompower
Good selection of fonts.
T.26 Digital Type Foundry
Nice fonts, good for inspiration . . . some of them are pricy!
The Astigmatic One Eye Typographic Institute
Excellent collection of stylish and interesting fonts.
Underware
Underware is a (typo)graphic designstudio which is specialized in designing and producing typefaces, which are published for retail sale or specially tailor-made.
WhatTheFont ??
Identify fonts by uploading a sample image file.
Art21 - The Alphabet Synthesis Machine
Very cool experiment, that lets you easily create your own original stroked fonts.
BitfontMaker
Nice online tool that lets you create your own pixel font. Very neat.
Pixelyn
Nice collection of pixel fonts.
Lab fonts @ typOasis
Fonts for download.
Style-Force | Pixelfonts
Pixelfonts from Michael Schmidt
Urban Fonts
UrbanFonts offers over 8,000 free fonts and dingbats for both PC and MAC.

Design Resources: Photography 

Don't be fooled! Even though we're talking motion here, sometimes you just need a good photo or two to make it just right. Here are some good places to go hunting for them.
Morguefile.com
Free high resolution stock digital photos. Sweet!
stock.xchng
Stock photography community - browse our huge gallery for high quality stock photos or share yours with others.
OPENPHOTO.NET
Huge photography community, many of them are Creative Common licensed.
AllYouCanUpload.com
AllYouCanUpload.com is a free image hosting and photo sharing service for users who want to host pictures.
iStockphoto.com
Purchase royalty free photos at iStockphoto.com. Pretty inexpensive too.
ImageVenue.com - Free Image Hosting
Free Image Hosting
filegone
Upload and share all your files

Design Resources: Artwork and Clipart 

When you need more layers, sometimes it's best to have someone else create them for you. You might just find what you need among these links.
Girls Who Wear Glasses
Retro Clip Art and more.
CSA Images
Image bank for photos and cliparts.
Open Clip Art Library
This project aims to create an archive of user contributed clip art that can be freely used.
famfamfam.com: Icons
Sweet collection of free icons.
The Best Brands of the World
Vector files of almost every major companies' logos. Super sweet!!!
Texture King
Free Stock Textures: grunge, dirt, plaster, concrete, rust and more...

Design Resources: Video Footage 

It's not always about creating all your motion footage from scratch. Here you can find places where you can get footage files.
Scientific Movie Library - Medical
The name says it all.
AltaVista - Video Search
Video search tool. Typically doesn't give too many results, but it's not restrained to what is uploaded to them like Google Video and YouTube would be.
NASA Crash Tests
NASA Langley Research Center - Multimedia Repository. I don't know how useful these would be, but you never know . . .
Internet Archive: Moving Image Archive
Incredible repository of archival footage.
Molecular Expressions Digital Video Gallery: Chemical Crystals
This is a collection of footage captured from under a microscope.
UnknownBBC Motion Gallery
Very good collection, with robust search features.
The Open Video Project
A shared digital video collection.

Design Resources : Creativity and Inspiration 

You just never know where inspiration will come from . . . but they might come from one of these places.
Cliche Finder
Interesting and helpful. Type in a word, and revel in the cliches.
ColorToy 2 - The Flash Color Schemer
Nice tool to play around with color combinations.
Jumble and Crossword puzzle solver
I don't know, just might help!
RhymeZone
Rhyming dictionary and thesaurus.
Thinkmap Visual Thesaurus
A dictionary, thesaurus, and online creativity toy, all in one!
THEYHATEMYDESIGN
Nice work.

Design Resources: Miscellaneous 

Layerlab
Very cool resources, unique in their class.
Dosch Design - 3D models, seamless textures, HDRI, photoshop layer images, music & animations
Computer graphics products which include 3d models, textures, animation sequences, HDR images and photoshop layer images for 3D design, 3D rendering, 3D animation, architectural visualization, advertising, print materials and multimedia presentations.
BLUE VERTIGO
A whole slew of links to design resources.
YouWorkForThem
Graphic Design, Architecture, Art, books, magazines, fonts, stock art, posters and more.
adhesiontext® - A Dynamic Dummy Text Generator
A text tool that generates dummy text, with a limited set of characters, for English, French, German, Spanish, Portuguese, Catalan, Russian and Greek.
Mayang's Free Texture Library
3000 high resolution textures (1600x1200+). Free for any use.
Texture Library
Another good free texture library. Download away!
4shared.com
Online file sharing and storage - 500MB free web space.
Pando
Tool to send large files

by Flakinde

Mi nombre es Alexander Rodríguez. En la actualidad, trabajo como
diseñador de gráficos animados para una compañía de producciones en Florida. Mi pasió... (more)

Explore related pages

Create a Lens!