27 October, 2008

Typography Survival Kit



Typography is essential to an animation student's ability to graduate. How an artist handles his type says a lot about his basic design sense, sensitivity to detail, decision making and clarity of presentation. When an animation student graduates from our school, they are evaluated during a final portfolio/demo reel presentation by a panel of instructors and a select panel of professionals working in the industry. They are judged on about five criteria, and one of them is typography....literally 20 percent of the final score lies in their ability to use typography throughout their presentation. Its a nice test but it catches people off guard, thus the reason for this post. Its meant to help you out.

The hard part, is that animation students only take one or two typography classes while in school and it takes practice and time to really see the nuances of what makes for effective typography. So, they have to play catch up to the designers who work on it on a regular basis, and thus develop a loathing of the craft. Many animation students also find it boring.

Just know that typography can be fun. Take a look at some of the examples on this post. In my classes, I equate typography to "food" where the information presented by the typography is used to educate, help and nurture people.

I intend to write more about the subject for those of you who find the subject overwhelming and boring and will post these lectures on this blog as they are created. I know it'll help people out, and I know I can refer to it in the portfolio classes I teach.

I am an animator, but before this, I was a graphic designer for a few large corporations. It was here that I developed my type skills...and I got real good at it.

Yes I developed fonts, created layouts and websites for large corporations. It was a lot of fun, but nothing beats the feeling you get when you use those design and typography skills in a way that helps you market your OWN work to help you get that job you want, and in most cases this can be a simple business card, or more importantly, a website.

I've seen some recruiters and employers during these review sessions praise a potential graduate for how well their website is designed, in essence, they can tell a lot about a design/animation candidate by how well their site is put together and a large part of it is in their handling of type, which says a lot about their sense of design.

When I teach typography to animation students we talk about the feeling a particular type face represents. We also talk about effective type combinations (contrast), negative space and most importantly, visual hierarchy, which means that to any effective design, a designer must lead the eye by establishing a single focal point, followed by a second and a third.

When I mention this to my classes, they are blown away and surprised primarily because they find that a concept that is so effective and important to also be very simple. I'll write more about this in a later time.

In the meantime, enjoy the VFS kinetic typography presentation that accompanies this post. You will find a treasure trove of information regarding typography in just a few minutes that some of us take years to realize.

As an animator, does it mean that our work is relegated to just animating characters. Nope. It also includes effective animation of typography and design elements. Anyone ever see the opening and closing sequences for your favorite TV shows? Its everywhere

I hope this quick animation helps you. When I saw it, I thought about my students who yearn to improve their design and typography skills, and thought I'd post it for future reference enjoy.

R.

20 October, 2008

Are These Nuts Moving? - An Optical Illusion

As visual effects people, animators, painters and artists, we are very keen with what the eyes see, sometimes our eyes will do things naturally that are just, well....plain weird. 


Check out this static image, would anyone care to articulate what's happening here? Does it look like its moving? 

Its too early in the day, and I haven't had anything to drink to elicit anything to move (I don't think). The image is moving right now as I create this post. Would you consider this animation?

Don't stare at it too long though, you might get sick, try showing it to the person next to you, I'll guarantee you'll start up an interesting conversation as some people I have found can see any movement whatsoever.

Thanks Mark, for the image!

17 October, 2008

Old Skool Logos Yo!

Here is a collection of animated logos from back in the day. See how many you can recognize as most of them are from the 80's. We watched these in my beginning 3D Animation class to introduce our next assignment, and so I had the students pay attention to how they animate simple shapes, lights, glows and composition. Back in the day, these were all actually very good considering the tools they had.

After we watch the old logos, we watch new ones, and good examples are the ones produced by EA Games as seen below.

16 October, 2008

Barack Obama : Ad in Video Game


Barack's appeal to younger voters like myself is apparent, and I definitely enjoy seeing the direction of some of his ads. This one in particular is a billboard seen in the game Burnout Paradise by EA that is unexpected and surprising. I just think its cool and creative that his ad/virtual billboard somehow made it into the background design. In a fast game, it might be best to place the ad on a long stretch of road where a player can see the ad, and not on a dangerous turn. Nice move EA and the Obama Campaign for trying something new, very smart.

09 October, 2008

Gears of War 2 :



Hi Guys - I ran into this today while checking the latest news on MSNBC.com of all places. The first Gears of War game I thought was excellent, it had great visuals as well as unique creative ways of handling weapons. Gears of War 2 looks even better. The environments and creatures look massive and majestic, and I have to say that the taking enemies and using them as "human shields" thing is pretty cool...nice touch.

Check out the clip to see what I mean. Enjoy!

Hey Epic Guys, great work!

07 October, 2008

Conrad Ostwald : Animation VFX Demo Reel







Conrad's demo reel is a good example of using transitions effectively. The concept of the "Demo Reel Parody" is simply genius Conrad, thanks for posting, and even though its comical, for those of us who are just starting, you could learn a lot simply by looking at his examples, all of them are well executed.

02 October, 2008

Empire: Total War - Game Footage



The in-game cinematics in this game look really good, and are reminiscent of the movie "The Patriot"... remember that movie? The commercial is engaging, put together well, entertaining and informative (imagine that). You'll actually get a short history lesson here...in any case, its worth checking out, especially if you are big on real time strategy games.

For those those of you working in the game cinematics class, take notes. This one's a good one.

Enjoy!

29 September, 2008

60 FPS: Final Animation


60 FPS from randolfd on Vimeo.


Here is the final animation. Thanks to everyone who made this project a success. I wish all of you continued health and prosperity. I'm going to rest a bit, and after resting, will work on a new animation soon (perhaps "The Final Task" sequel).

Until next time...
Randolf Dimalanta

27 September, 2008

New Citroen C4 Animation


Hey Guys - A new animated car commercial for the Citroen C4 has just come out and is now playing in the UK. As always, the studio that created the clip is sharp in terms of handling the overall compositing of the robot with the environment, storytelling and presentation. As expected, we have some pretty slick movement and dance moves, see if you can pick out the theme/genre. 

For those of you who worked on the commercial, good job. Keep 'em coming, we like dancing robots! Wish this was longer. You can view the original Citroen car commercials here.

Fire it up!

22 September, 2008

Maya Tutorials By Jesse Toula

Jesse's got some great tutorials on how to animate extrusions, gun muzzle fire, creating a shirt and creating cool text (pictured here on the left). Visit his site by clicking the link below.


Thanks Jesse for posting and sharing your talent! Fire it up!

21 September, 2008

Life Drawing / Gesture Video Demonstration

Hey Guys - - In order to advance your skills, its important to be somewhat proficient in lifedrawing. The practice of which has many benefits, these include: knowledge of anatomy, proportion and movement that inevitably leads to the expression of character in animation. 


Below is a link to a video tutorial I created to help you with the gesture lifedrawing process I use. Keep in mind that there are many ways to do this, this just happens to be the procedure I follow to help me with proportion and construction of the figure (I've tried lots of methods, this is the best way for me). 

Once this is established, I can begin to add details in the contour (outline), anatomy and shading.  The lifedrawing tutorial moves kind of slow, but was necessary in order to explain a few things. 

The goal, is to do this often enough that you become proficient and fast. Keep a sketchbook handy, attend lifedrawing sessions, and or draw whenever you are kicking back in a public place.

Click below or the picture above to view the tutorial. . . enjoy!



11 September, 2008

One Rat Short


Written and Directed by Alex Weil, and the winner of numerous awards in 2006, "One Rat Short " features great modeling, lighting, texturing and fur, but most of all, it features a unique interesting story about a rat in a hight tech lab. Turn up the volume as the sound kicks. For those of you modeling your organic object this week, this is a great example of organic and inorganic models working together to help propel the story. Notice how the environment colors and textures change as we move from one environment to the next. 


The official site can be found by clicking here.

Enjoy!

Berni Huber: VFS Demo Reel




Hi Guys - Great work here. I saw this about a year ago, and it still stands as great example of what he can do. During the turntable, take a look at how organized the mesh is. Great lighting, materials and compositing too. What are you doing these days Berni?


08 September, 2008

3D and Interactive Media Design

Incorporating 3D graphics into an interactive webpage makes for unique cutting edge presentations. Most of the animated graphics we see on the web are flat or are vector based through the use of Flash, Fireworks, Ai, and is always impressive to see a slick integration of 3D into the design. Here's a great example from the MSNBC site that I thought was pretty cool. This post is actually for all those interactive web designers who are in my classes wanting to learn 3D. Begin thinking of ways to incorporate your new 3D skills into your designs.  

06 September, 2008

Ironman: Pre-viz to Screen Final Comparison

Hi Guys – Here’s a pretty nice side by side pre-viz to screen comparison reel of scenes from the Iron Man movie (2008). It shows great examples of lighting, texturing and reflectivity in the final shot, but its always good to also see what they started with as seen in the animatic. Also, when you look at the animatic animations, notice how very close they move to the final shot, the post camera shakes to make the shot believable, as well as the addition of motion blurs. Inspiring stuff. Definitely doable, but definitely done alone.
Thanks Patricio for the link!

http://www.joblo.com/video/joblo/player.php?video=ironmanpreviz