United style looks more professional-PP2 update

This is the main part, the MG part of one of my course work. The original concept is demonstrating a Interactive IMG (Information Motion Graphic) Presentation System which applys gesture control technology and real time data generating software by using Motion Graphic video.
Script was reveised from the E&T magazine, Volume 6 issue 12, JAN, 2012

Lost Garden: Visualizing the Creative Process

 

Using this as a starting point, we start chatting about joys and pitfalls of creativity.

• The Brainstorming Phase
• Failures in brainstorming
• The Culling Phase
• Failures in culling
• Cycling
• Failures in cycling

This is very good artical of process of visualization, more click below: 

Lost Garden: Visualizing the Creative Process

The last but not least one of AP2

 

This is the most complete piece of motion graphic i've designed. More importantly, this works includes some 3D animation created by using C4D. This is a new stage of my learning of  making motion graphcs.

HD on Vimeo 

PP2 stage 1 - Visual Elements

 All kinds of Graphs

And the following pictures are what we can usually see in presentations (some examples only)

Update in real time~Avengers

 

Cute style of Infographics for Comic superheros. The time is just right at the release of the moive of Avengers.

see more~ 

Book recommendation 2 - Creating Motion Graphics for After Effects

Creating Motion Graphics for After Effects

 

About this book: 

Trish and Chris Meyer share seventeen years of real-world film and video production experience inside the critically acclaimed Creating Motion Graphics with After Effects. More than a step-by-step review of the features in After Effects, you will learn how the program thinks so that you can realize your own visions more quickly and efficiently. This 768-page full-color book is packed with tips, gotchas, and sage advice that will help users thrive no matter what projects they might encounter.

Creating Motion Graphics 5th Edition has been thoroughly revised to reflect the new features introduced in both After Effects CS4 and CS5 in one massive, essential reference. New chapters cover the revolutionary new Roto Brush feature, as well as mocha and mocha shape. The 3D section has been expanded to include working with 3D effects such as Digieffects FreeForm plus workflows including Adobe Repoussé, Vanishing Point Exchange, and 3D model import using Adobe Photoshop Extended. The print version is also accompanied by a DVD that contains project files* and source materials for all the techniques demonstrated in the book, as well as nearly 200 pages of bonus chapters on subjects such as expressions, scripting, and effects. (*Note: Project files are for CS5; they are not backward compatible with CS4.)

Topics include:

1. Mastering animation through the use of keyframes, motion paths, and the Graph Editor
2. Blending imagery using alpha channels, masks, mattes, modes, and stencils
3. Building groups and hierarchies through parenting and nested compositions
4. Extended coverage of type animation, paint tools and 3D space
5. New CS5 features including Roto Brush, mocha v2 for AE, and the Digieffects Freeform
6. Advanced subjects such as keying, motion tracking, mocha, expressions, integrating with 3D applications, and video issues
7. Extensive coverage of recently added features such as Shape and Puppet tools, Per-character 3D text, Brainstorm, Cartoon effect, color management, and more!
8. The DVD also includes almost 200 pages of additional information, including lengthy Bonus Chapters on Expressions and Effects.

  Buy here : http://www.amazon.co.uk/Creating-Motion-Graphics-After-Effects/dp/0240814150/ref=pd_sim_b_1

Book recommendation 1 - Infomotion

Informotion        

 

Animated Infographics

The first reference book on the fundamentals of animated information graphics.

Informotion is the first reference book devoted to the fundamentals of creating compelling animated infographics. It explains key aspects of how to effectively visualize data, outlines factors that improve the viewer’s ability to absorb information, and explores both current tools and future possibilities for crafting moving images.

Each book contains a unique log-in code for accessing a wide selection of animated information graphics as well as their making-of videos online. The interplay between the detailed descriptions in the print edition—including a preface by co-editor Stefan Fichtel, who runs his own infographics studio with clients such as Porsche and National Geographic—and the diverse motion material makes Informotion an essential reference for anyone interested in working successfully with these burgeoning visual formats.

More About This Book

At the nexus of design and journalism, the field of information graphics offers some of the most exciting and dynamic work for creatives. Today, even more so than static versions, animated information graphics are serving to communicate complex correlations succinctly. The production of such animations on the basis of up-to-the-minute data is already common practice in select TV programs. Now, these moving formats are finding wider application in television and on the internet, as well as on an increasing number of mobile devices, and in public places. They can be seen in editorial contexts and in the areas of advertising and corporate communication.

Thanks to current advances in hardware and software, the sky is the limit for the forms of animated infographics that can be created. But a wide range of technical possibilities does not always mean high quality in terms of content and presentation. Especially when conveying crucial or sensitive information, effective communication hinges upon the details of the execution. Consequently, those who work or want to work successfully with animated information graphics must be well versed in all available tools and formats.

Informotion is the first book to document the fundamentals needed to create compelling animated infographics and to explain them with numerous examples. It focuses on key aspects of visualizing data, current forms of information graphics, and future possibilities for moving images. The publication also outlines the factors that improve the viewer’s ability to absorb information.

Each book contains a unique log-in code for accessing a wide selection of animated information graphics as well as their making-of videos online. The interplay between the detailed descriptions in the print edition and the diverse motion material makes Informotion an essential reference for students and newcomers as well as a trusty guide for design and media professionals.

The book is edited by Tim Finke and Sebastian Manger with Stefan Fichtel. Fichtel, who also wrote the preface, currently runs ixtract, his own studio with clients including Porsche, Siemens, WWF, Handelsblatt, Bayer, and National Geographic.  

Buy here: http://shop.gestalten.com/books/new/informotion.html

               http://www.amazon.co.uk/Informotion-Animated-Infographics-T-Finke/dp/3899554159/ref=pd_ybh_3  

How To Be A Motion Graphic Designer

This Link here is a really helpful guide line to the awesome question: How To Be A Motion Graphic Designer.

Save this and Share it~cool! 

Infographic could be as simple as this~ but look at the information, more interesting

see original here~

THIS IS my taste~cooking

 

Wanna be a chef? know knives first!

see more~ 

Nice color and patten, moreover, the meaning of the information~

 

Say NO to drug!

Origingal link~

hollywood cinemetrics

 

I just can't help myself to see those interesting infographics~
See the original one 

Europe's power shift

I like the color and patten 
see the original one~ 

Another good idea~

Romeo and Juliet poster by Beetroot Design Group

Every “Romeo” and “Juliet” throughout the entire text of the play is connected to form a star-shaped web of 55,440 red lines

Amazing motion Graffiti

The amazing click here~

15 Great Examples Of Dark Knight Rises Fan Art

15 Great Examples Of Dark Knight Rises Fan Art

Cinamatic Lighting

 

This is a receating of cinematic lighting which is tought by Simon Bronson. It is mainly a practice of using Trapcode Form.

Background Testing Serial - Nebula

Background Testing Serial - wave

Instructional Lecture

This learning module is about delivering a 20 minuts lecture (presentation) to the same area of practice peers, which is Motion Graphics particularly for me. Because my special study area is Motion Infographics, crossing the principles of information design (data visualisation) and Motion Graphics is very necessary for this learning.

Refereces including some of the images and videos come from online,  All rights belong to the origianl creater. And thanks very much for the good visual examples offered that we can study from.

The Start of A New Learning Area - Motion Infographics

Different versions of lecture map which is helpful for me to follow the structure of my lecture. It is a information design practice as well.

After creating Motion Graphic for MP2

 

After added some motion graphic, the main purpose reached, which is to present a visual expaination of this simple science experiment.

A big thank you to my lovely friend,Orley, for helping me to shoot all the footages. 

For more clear version please see here

Micro Project 2- Colour Changing Milk

 

Fianlly, after a long time of editing and cutting, this first colour correction version can be released, any suggestions?

The ring for BBC one~TV ident

This is the first test based on the learing how to use particles and TV format. It was produced in PAL format with 25 ftp.

Pure technical testing, no offense~

 

This is a course work call Pro Copy, which is required to copy a piece of professional Motion Grapgic. The reason I select this piece is that it includes lots of motion tricks and information visualizing. The original work is called STUXNET: ANATOMY OF A COMPUTER VIRUS,and created by Patrick Clair.

 

3D stuff, hope it's not that boring~

And a updated version of "BE WATER"

 

On the basis of tutor's feedback, this practice is improved in using visual elements.

The Next Stage

elements~

 

This is a higher stage of motion typographic which applied some relevant visual 

The very beginning..