Playlist of Motion Graphics Videos

pinterest

http://pinterest.com/qkappa/motion-graphic-video-design/

 

mg

http://motiongraphics.nu/

 

visual

http://blog.visual.ly/20-great-motion-graphics-of-2012/

 

 

Advertisements

How To Produce Motion Graphics by Visual.ly

I found an interesting articles about the process of making a motion graphics. It clearly show the process and detail on producing it, making readers or motion graphic designer much clearer on doing it. Below is the articles from Visual.ly. This is the link of that articles.

 

Over the past few years, animators have carved out a new niche for themselves promoting brands and causes, and explaining products, services, or complex subject matters. The wave of videos they’ve collectively produced and uploaded to YouTube, Vimeo, and the landing pages of startups everywhere fall under the heading “Motion Graphics.”

Considering that video is one of the most effective ways to quickly convey information, motion graphics are now high on the list of priorities for organizations wishing to woo customers or charm investors and donors.

Creating a motion graphic may cost as little as $5,000 when working with one or two independent artists, or up to $50,000 when working with a full-service production house. Currently, Adobe’s After Effects is the most common tool for creating motion graphics, but as web technology advances, we might start to see more in-browser animation using HTML5.

If you’re considering commissioning motion graphics or learning how to create them yourself, but aren’t sure where to start, here’s an overview of the production process.

Initial Concept

What is the video about? Identify the single idea you want viewers to come away with, and lay out the supporting points. What’s the structure of the story? You may pose a problem and then demonstrate how your product or service is the best solution to that problem.

Read more about structuring your initial concept in this article by visualization instructor Liz Burow.

Visual Style

Select a visual style to use in the animation. Will the artwork be cartoonish or realistic? Flat or three-dimensional? What color palette will you use? Will there be visual representations of lead characters (known as “heroes”) in the story, or does it consist only of text and artwork? What will those characters look like? Will your target audience identify with the style? What visual metaphors will you use to communicate the key concepts in your message?

To establish visual style when working with animators, find examples of videos that you like and send them as reference, or allow the creators to come up with an aesthetic from scratch based on their interpretation of your brand and objectives.

Script Writing

Start with a rough outline of the narrative of your story, which will later be translated into visual objects and movements, voiceover, sound effects, and music. First, lay out the main points you want to make, then start writing, word-for-word, what you want the narrator and characters to say (whether it’s voiced over or only text on the screen).

Keep in mind that time is very limited in videos: the shorter, the better. If you can get your message across in 30 seconds, that’s fantastic. Sixty seconds is acceptable; 90 seconds is typically the maximum recommended time. Reading the script at a moderate pace will provide a rough estimate of how long the video will be.

Story Template by Nancy Duarte

For example, Nancy Duarteuses a simple structure to create the drama that keeps viewers interested: repeatedly showing the state of the world now (“what is”) in contrast with your vision of a better way to do whatever it is that you do (“what could be”).

Then finish by painting a clear picture of the destination (think of it as a postcard from the future that you are inviting people to participate in).

It helps to understand that emotional appeal and convenience are significant factors in moving a viewer to action. Behavior often follows the path of least resistance, so you’ll want to make a call to action that ‘sas frictionless as possible to follow up on. All of the calculated, sensible reasons to take action won’t be effective without correspondingemotional impetus and clear directives.

Sample Storyboard Template

 

Storyboard

This is where you first start to create visuals and sounds that correspond to the script. Lay out all critical moments in the script, known as “style frames”. You may want to start with sticky notes that you can rearrange freely. At each critical step in the narrative, quickly sketch what is happening in the scene, and what actions any characters are taking. Write a short description of the scene and any narration, sounds, or on-screen text that occur at this moment.

Sound (voiceover, music & sound effects)

Some motion graphics may consist primarily of animated text, while a mood-setting song plays in the background. Others can have full-blown animated characters speaking with different voices, sound effects corresponding to their actions, and custom music. You may have to purchase a license to use copyrighted songs, or you may choose to have original music created for you.

Voiceover (or “VO”) involves a casting process similar to selecting actors for a TV show. If you’re working with a full-service producer, they’ll take a portion of your script and send it out to voice actors, who will then audition by recording their reading of your script. A single voice actor might return up to a half-dozen readings in different styles by changing the intonation, mood, and cadence in their voice. If you’re working independently, you will have to track down freelance voice talent online or through recommendations.

Animation

Now pieces start to come together. The animators will typically attempt to animate one or two style frames in the script using the established visual style. This is something of a rough draft and an opportunity for feedback before the bulk of the animation work happens, to minimize lengthy revisions later. Next, full animation will begin. The commissioner will see a full draft of the animation, including voiceover, and have a chance to make any minor changes. After the animation is finalized, final timing, voice over, music, and sound effects will be added and carefully placed to complete the project.

 

Reference

Paul, V. (2012) How to Produce Motion Graphics, [Online] Available from http://blog.visual.ly/how-to-produce-motion-graphics. [Accessed: 16 May 2013]

 

GAMES of Motion

“Resistance 3-Follow Capelli Gamescom Trailer”

“Diablo III: Opening Cinematic”

“Devil May Cry 5: Vergil Downfall” cutscenes

Watch 0:07s-1:10s and 3:03s-3:31s.

Infographic as in 3D

“History of Light” by Thom van Vliet

An inforgraphic telling the history of light using 3D instead of 2D. Using a timeline concept to suit with the topic history which is a great idea. While the background music might need to improve.

Motion Graphic Design

Motion Graphic or Motion Design are, well, any kind of graphics that move–which means that the prehistory of the art form goes all the back to that of cinema itself. From John Palvus at The History of Motion Graphics Is Longer Than You Think[Video]. Motion Plus Design has also done a video that tell us What is Motion Design.

Graphic design is a plane graphic while with motion adding in, simple graphic forms can be animated and even help a plane photography to tell the story itself. Using illustrations, video or even 3D graphic make the video much more interesting.  Motion graphic can also been use to educate audience in an interesting way by animating the information, graph, statistic, etc. This method is known as infographic. Here is some example of infographic by E-business Media TV call The Important of Online Video.

This designer, Dan Stevers (his youtube channel) has done lot of motion graphic videos. His works really impress me every time. His videos are more to personal, message telling, religion type. It uses graphic and words that being animated to tell a story along with suitable background music that helps to enhance the overall mood of that particular video.

Without the early pioneers of motion graphics such as Saul Bass, Naurice Binder, Pablo Ferro and others, we could possibility still be using a difficult way to have our graphic moving around or even worst. Motion graphic now involve in many ways in the industry such as title sequence, film credit, websites, logo, advertisements, public social announcement, personal stuff and others.

Example of Motion Graphic Design Video:
Nintendo History

 

Shop Vac [Motion Typography]

 

Care To Click

My College Works & My Future.

“Severance” is the recent project for my final year project. It is an animation with a silhouette style and animated puppet. It tells a story about a boy in love with a girl that is being transform form a butterfly. This story uses a representative method to replace the boy as a playboy while the butterfly as his true love in his life. Forcing the other half to change to what he or she wanted will only hurt both of them. Why don’t just accept their own personality and look as that is what true loves mean. The inspiration of this story came from Paperman from Disney and Invention of Love from Andrey Shushkov.

As for the style for the animation I refer to some others animation and games. For examples, Invention of Love, Limbo and Deadlight as they all use silhouette style. I study every detail of the animation, environment and also their graphic style in order to improve the overall output of the animation.

During the year 2011, I had a subject call Motion Graphic and one of the assignment is producing VFX video which is one of my favorite subject and interest. I get the inspiration from Portal 1 and 2 from Valve and also a video, Graphic Violence from Corridor Digital to make this video, The Portal + Ink Splatter. It is the 1st time I ever done it with green screen and it really took me lot of times in keying out the background. As a result I was quite satisfy with the 1st time result but still lot of space to improve. In order to complete this effect, I google search the entire website, youtube to find any relevant effect and also tutorial. In this case, Video Copilot teaches this effect. The Portal. While for the ink splatter effect, I can’t find a better tutorial instead I refer to the behind the scene of the Graphic Violence.

In the next 2 years, I was hoping to enter a small production house that does not have to be professional or big. I want to fit with the industry little by little and learn all the basic stuff, editing, post production . After one years or more, I will consider to find a larger company and learn more from them. Learn how to produce a high quality TVC, how to do an advance effect and more. In order to catch up with them, I will also watch and learn some online tutorial when I was free. Not only enjoy the movie or short film but learn and think why and how they wanted to do it in that way. Observe how they do the effect, compositing and lighting.