Motion Graphics

If you’re a fan of the show Mad Men or have seen the opening, then you’ve seen a motion graphic.

Motion graphics were all the rage in the 1960s (hence the look for the Mad Men series set in the advertising field of the 1960s) and were popular in movies, TV show openings and commercials.
You’ve seen plenty of them, now that you’ve put the graphic with the term. They’re once again on TV, commercials, movies, web sites and any other visual medium.
Is it that they are retro? Do they bring back a feeling of simpler days? Are they just visually pleasing and that’s why they have been discovered again? Some people will say that they never went away and that’s true but they are hot again and a specialized talent is needed to create them.
If you’ve wondered how it’s done and how you can get involved in creating these projects, here are examples and hints from some experts in the field.

The whole article is here and has great examples


Inspiration

And some more inspiration

Finals!

 Summer session 2012 is finally over! Here are all my final projects.

IMD312     Interactive Motion Graphics
IMD313     Animation Graphics
IMD412     Des. for Server-Side Technology
RS345     Fund. of Advertising


For my finals I did a portfolio website for Fund. of Advertising. For Interactive Motion Graphics and Animation Graphics the finals were very similar create an interactive project using both flash and after effects. Interactive Motion Graphics I did a map of the Pies of Texas and for Animation Graphics I did a video player for 3 kinetic type clips.  Design for server side I made a photography site that uses php and a database.

Final- Interactive Map

Our final project for Interactive Motion Graphics is to make an interactive map with videos.
Some of the ideas I have had are:

• Doing a portfolio site for a teacher and having a bookshlf with books on it. When you click on a book a cliff notes version of the book plays. 

• A map showing large dog friendly  apartment complexes in Austin. Maybe add to website I could build for a Ridgeback Club to put on my website.

• Back of bar when you click on a bottle of alcohol a video plays about that alcohol. Or I could do glasses with drinks in them and  a video plays showing how to make that drink. Everyone makes websites about alcoholic drinks.

• I could make a site for a real estate agent with a featured property page that would have a floor plan you click on it and video of the room plays.

• A map of Texas with small towns and you can click on them to see a video of that town. I guess this could be a day trip travel site or a story of Texas site. 

• Floorplan of a preschool. Videos could be about how to set up a classroom.

• A cupcake website clicking on cupcakes brings up the recipe.

In the end I decided to do a map of back road cafes in Texas.

Examples of interactive maps

• Interactive map software for creating clickable, flash interactive maps. Has lists of ideas.

• Another software program with examples and ideas for inspiration.

• This tutorial will teach you how to create an interactive map in which a map marker flies over to the city highlighted and will show a small photograph of that city.

• Information about wineries. I like the intro on this map.

• How to make a very useful and widely used element: an interactive map. Whether it be a country map, like the case is here, or an anatomical map of human body, city plan, an engine schema, etc.,  
• Inspiration from an e learning site.  

Mid Term Spider

My finished Itsy Bitsy Spider

Itsy Bitsy Spider

Midterm project is to animate a nursery room. I did Itsy Bitsy Spider. This is my rough draft it still needs some work like the sun spinning in different directions. I don't like Flash I really don't know how to work with it so this may seem simple but it took me a long time to make all the graphics and figure out how to use Flash.The spider legs move when I converted it to a file I could upload to youtube the legs stopped moving so its suppose to look like the spiders walking.

Interactive Motion Graphics

Intro class to flash. Mid term project is an interactive children's story. I am going to do the Itsy Bitsy Spider. As far as I can tell interactive just means you have a play button and you can mute sound.
Story Boards.

Summer Session

9 Classes left after this quarter. 

My Classes Course     Title IMD312     Interactive Motion Graphics IMD313     Animation Graphics IMD412     Des. for Server-Side Technology RS345     Fund. of Advertising (elective class)   Summer Session 7/9/2012 to 9/22/2012