Thursday, May 29, 2008

jun seo hahm: karnival


Bent Image Lab’s Jun seo Hahm is working on a series of whimsical short animations entitledKarnival. The first two episodes are up already, with my clear favorite being “The Thing.” The next episode is due on September 1st.

virgin america safety video

Yves Geleyn : Kotori


Originally, Yves Geleyn had intended “Kotori” to be for the Tokyo Mode Gakuen. But when they decided not to pick up the project, he forged ahead anyway, sewing bits of tissue and cloth together to create an endearing little narrative about a bird who’s as persistent and creative as Yves himself.

Yves’ portfolio is full of hybrid approaches to animation and illustration. Ever sensitive to his subject matter, his creations are cute without being cutesy, and they always adhere to the narrative at hand. The result is a buoyant body of work that’s full of surprises.

By the way, the music and sound design in “Kotori” is from Mark Webster, with whom Yves has collaborated on several other projects. Mark runs a fantastic blog about motion design called… well… Motion Design. Check it out for thoughtful looks at the history and current state of motion graphics.

Yves is with Hornet in the US and Passion Pictures in Paris, where he is based.

http://motionographermedia.com/yvesgeleyn/kotori-web.mov

elephant girl


A nice enchanting short film from New York based David lobser. As this film is Part 2 of a 1 Part series, you know things are going to be out of the ordinary. The aesthetics could be described as sinisterly cute, somewhat reminiscent of A Nightmare Before Christmas.

take my heart...and my lungs


For Valentine’s Day, Psyop took O. Henry’s classic “The Gift of the Magi,” and put it in the blender. The result is a deliciously demented Valentine from Psyop to you. (By “you,” I mean the faceless thousands that read this blog.)

welcome to wordworld

4 web design tips for motion graphic sites

. Use QuickTime (with Fast Start).

While Flash may be the most ubiquitous media player on the web (more on Flash later), QuickTime is still the industry standard format for distribution. Some reasons for this:

  • Easily downloadable
  • Easily scrubbable
  • Huge array of supported codecs

Perhaps the biggest reason, tough, has to do with your audience. Your site is targeted at designers, producers, agencies and other video-savvy clients. Call it brand fascism, but QuickTime is currently the expected choice for distribution. Anything else (AVIs, FLVs or, god forbid, OGMs) are regarded with a mixture of suspicion and disdain.

It’s like wearing pink to a black-and-white party. Sure, that inner rebel in you wants to do it, but you’ll be standing alone in the corner nursing a stiff martini most of the night.

Using Fast Start with Compressed Headers
One more thing on the QuickTime tip: For god’s sake, please use fast start. If you don’t enable the fast start option when compressing your video, your viewers will have to wait for your entirevideo to load before they see the first frame. For longer form projects, like music videos and short films, this can be reason enough for someone to skip your project entirely.

Using Fast Start is easy, but it requires QuickTime Pro (or Compressor). Here’s how to do it:

  1. Open your video in QuickTime.
  2. Go to File > Export…
  3. In the Export drop-down, select Movie to QuickTime Movie and click Options….
  4. Configure your video and audio compression settings however you like.
  5. Here’s the crucial part: Make sure to check Prepare for Internet Streaming and choose Fast Start - Compressed Header from the drop-down menu.

The compressed header option losslessly crunches your movie’s header information and allows for an even quicker playback experience than fast start alone. The only reason you wouldn’t want to use the compressed header option is if you expected someone to watch your QuickTime using a player that doesn’t support compressed headers (like Quicktime for Linux and/or older, lesser known players).

2. Put the work up front.

I don’t care about your mission statement. I don’t care about your innovative interface. And I really don’t care about your cute intro animation. I want to see your work. Fast. Two rules of thumb:

Your reel should be accessible in one click or less.
Either put it on your site’s entry page or prominently linked from there. There’s no compelling reason to bury it any deeper.

A single project should be accessible in two clicks or less.
You might want to categorize your work. That’s cool. But one level of categorization should do the trick. I don’t want to click through “Portfolio > Motion > Abstract > Blue Period > Post-2001 > Containing the letter “J” in the title” just to see “Juggling Blueberries” (which I’m sure is totally awesome).

Cut down on the navigation levels and push the work to the top. If you find that you have too much work for that approach, then you probably have too much work on your site. It’s a portfolio, not a basement. Only put your shining examples of brilliance online. A searchable archive is fine, but don’t put it at the same hierarchical level as your other stuff.

3. Use 640 x 480 resolution or greater for your videos.

It’s 2008, people. Two thousand and EIGHT! 320×240 video was all the rage in 1999, but increasing monitor resolutions mean that 320×240 videos appear smaller than ever. (And they were damned small to begin with.)

The good news? Thanks to better codecs (specifically H.264 and Flash’s On2 VP6), faster servers, cheaper hosting plans and widespread broadband penetration, you no longer have to reduce your beautiful videos to postage stamp proportions.

Do yourself and your visitors a favor: Go big. If your current host can’t handle it, find another one.

4. If you use Flash, do so wisely.

I love Flash. I worked full-time as a Flash designer/developer for four years before I got into motion, and it seems natural to exploit its growing motion graphics capabilities for a motion graphics website. Just keep these things in mind:

Provide direct links to projects
Don’t make me send an email saying, “Click on Work and then scroll through the projects until you see a little red bird. It’s the video to the right of that one.” That’s crazy. Give me a link, just like Blacklist and Nervo do. It encourages people to share your work and that’s good business.

Provide downloadable versions of your videos
“But I don’t want people stealing my stuff!” Trust me, encoding your video in Flash and not providing a QuickTime version isn’t going to stop people from stealing your stuff. There are countless ways to nab files without your permission. Instead, why don’t you step into the 21st century and provide a downloadable QuickTime that’s watermarked with your logo?

Technically speaking, my favorite way to achieve this on a Flash site is by calling a PHP script with code like this or this.

Don’t forget search engines
Unless you explicitly take measures to avoid it, Flash content is hidden from your little invisible friends, the search robots. Widespread adoption of Adobe’s Search Engine SDKcould alleviate this issue in the future, but for now, do what you can to help the search engines out. It’ll come back to you.

There are countless other bits of advice I could offer, but they’re more about general web design practices, not about motion graphics websites. Up next in this series: the secrets of a successful reel and tips for compressing your videos.

Great flash tutorial website

http://www.gotoandlearn.com/
it’s essentially a tutorial site, it also gives you some great new peeks into the upcoming Flash Player 10 release from Adobe.

Koichiro Tsujikawa: Cornelius "Omstart

this video is meditative and self-referential, looping back on itself and building complexity by amassing simple elements.

Dirtymouse

Dirty Mouse is an inspirational design blog, updated several times a day. Dirty Mouse aims to provide designers' mice with enough visual food from the worlds of graphic design, web design, illustration, photography, interior and product design in order to get their creative juices flowing.

motion graphic for 2008 Beijing olympic

crystal rain

Boards awards video by stardust

last painting-ink painting animation

mass of multimedia company

http://motionographer.com/

storyboard study@.@


http://www.blind.com/work/commercials/ob

Chinese Painting and Calligraphy in 3D

Sunday, March 30, 2008

15 wonderfully simple logo designs


Message Designed by Sam Dallyn, in 2001.


WWF Designed by Sir Peter Scott, in 1961.

..................................http://www.logodesignlove.com/15-wonderfully-simple-logo-designs


It's no coincidence that the most memorable logo designs are also the most simple.
You want your logo to be instantly recognisable, and to act as a memorable identifier for your company. An overly complex mark will offer a negative impression to your target audience.

10 creative monogram logo designs


Rabih HageDesigned by Hat-Trick, in 2002. Rabih Hage is a UK-based interior designer.


London Symphony OrchestraDesigned by The Partners, in 2001.


Newspaper Marketing AgencyDesigned by SomeOne, in 2000.

National TheatreDesigned by FHK Henrion, in 1971.



Frost & ReedDesigned by Atelier Works, in 2006. Frost & Reed is a UK-based fine art dealer.


conEdisonDesigned by Arnell Group, in 2000. conEdison is a US-based electricity supplier.

Canadian National RailwayDesigned by Alan Fleming, in 196o

http://www.logodesignlove.com/10-creative-monogram-logo-designs