To retake again our relationship, dear unknown visitors, I have chosen the subject of an animated commercial. It was produced at Uli Meyer studios (http://www.ulimeyer.com/) in nov-dec 2005. The whole project consisted in the production of two comercials and a redesign of the product's mascot Captain Star. The new design would be the center of a new international product relaunch campaign for the Nestle Honeystars breakfast cereals.
I'm going to use a lot of artwork created by other artists from the studio, so I hope they don't mind. If some artwork is wrongly credited please let me know and I'll fix it.
The two comercials produced where: "Honeystars Birdmen" and "Honeystars Strawberry". Both are a mix of 2d animated characters, CG animated characters and CG starships. I was in charge of the cg look development,cg character development and cg animation. I worked directly in only one of the comercials, the birdmen, but the starships from that one where used in the strawberries one too.
I think it may result interesting to some of you see a bit of the process of producing a commercial and also the progress from the designs to the final animated film. So here we go.
The First step is the pitch. The agency shows the idea to different studios and every studio presents back his own vision of the commercial in a concept state. Then the agency shows one of the options to go ahead. The idea here was some robotic birds to atack a cargo of honeystars breakfast cereal? and then the captain stars (the bear) saves the day. Here are some of the concepts from the pitch (by Matt Jones http://mattjonezanimation.blogspot.com/ and Michael Shlingman http://drawnography.blogspot.com/:




The clients where looking for a new design of the Honeystars Captain Star main Character so the concept artists tried a few different styles. If I remember properly it was Matt Jones who designed the final version:

Here are some designs for the kids that travel in the starship with the captain also by Matt Jones. The sculpture is by Cako Facioli.
![]()




While the characters where designed, the CG starships where also modelled by Leo Sanchez. The idea was that the captain ship would combine with the kids ships to create a super defensive weapon with the shape of a star.

cg models by Leo Sanchez



When those cg ships models where finished based on the concept designs you have seen in the pitch, Matt Jones took one of the cg renders in grey and painted over in Photoshop to determine the final look.
2D starship design by Matt Jones
Having this fantastic references makes my life a lot easier when I have to reproduce that look in CG. All the details are perfectly defined: color, line color, line thickness, gradients, level of detail, etc. Achieving that kind of flat 2d look in cg is not easy, especially because of the outlines. Cg outlines tend to pop in an out in a single frame breaking the continuity in the animation, therefore ruining the experience. To avoid that the modelling should be very specific, creating geometry edges that draw lines in the exact positions and faces that break at certain angles... well, I'm not doing a tutorial so I'll stop the technical mumbo jumbo. Here is what you want to see: pictures!!
cg final starships by Joan Cabot


And now, finally, my favourite part of the show: The mighty Birdmen. I think is a cool character design by mr Matt Jones and I had a great time developing the it in CG and finally doing the animation. Here are some concept drawings and poses:

I started modelling a simple version of the character with simple shapes to set the main pose and proportions. I also did a simple rig and an animation to use it in the animatic.
Then, once the final high resolution model was finished I started to create the shaders that define the look of the character. That part is a back and forth process between me and the concept designers that keep refining the details of the character on the go. Here you can see a cg render of the birdman and the same image after been retouched in photoshop and the comments about the changes.

Finally when all the elements are ready the animation starts. The first step in the animation process is to create an animatic to set the camera position, the basic shot action, the shot duration and to test the rithm and flow of the action.
Then I took every shot and started the animation of the starships. That was priority because the 2d animators need the cg reference to animate the kids inside the starships.
The final step was animate the six birdmen for all shots. Here is the final result.









8 comments:
YEEEHA!! Great stuff! so the commercial is going to be all CGI??
Mola tio , saludos desde valencia , a ver si nos vemos este Nadal en Mallorca!!
CIAO!!
jqolnHey Joan!
Great to see it all broken down like this. I wish our clients will see this, so they can understand a glimpse of what goes into one of these things.
Hey!
I know you!
HAPPY NEW YEAR Joan! What a way to start 2007- your bloh has been hibernating for the winter but now it's woken with the biggest, best post ever in the history of BLOGS!!
Great to see all the pics & clips. I fuckin' love that birdman too!
Adios!
Stupendous work !! Really looks brilliant !!!
wonderfull
I think people who work in ads selling products like these should be sent to prison for ruining innocent children's healt with seductive crap of this style. Don't be such a criminal poisoner! Have social responsability, you idiot!
Nice Page!
飯店,住宿,HOTEL,婚宴,台北住宿,台北HOTEL,台北婚宴,飯店優惠,訂房,國內訂房,結婚,,婚宴,,台北結婚,婚宴場地,推車飲茶,港式點心,場地,尾牙春酒,學區,捷運,小套房,看房子,買房子,建商自售,自售,台北新成屋,台北豪宅,新成屋,豪宅,美髮,儀器,髮型,EMBA,MBA,學位,EMBA,專業認證,認證課程,博士學位,DBA,PHD,在職進修,碩士學位,推廣教育,DBA,進修課程,碩士學位,課程介紹,學分班,文憑,學位,碩士學位,進修,在職進修,課程,教育,學位,證照,mba,文憑,學分班,在職進修,MBA,EMBA,留學,MBA,EMBA,留學,進修,在職進修,牛樟芝,段木,牛樟菇,牛樟芝,段木,牛樟菇,日式料理, 台北居酒屋,日本料理,居酒屋,SEO,廣告,關鍵字,關鍵字排名,網路行銷,網站排名,網路廣告,SEO,廣告,關鍵字,關鍵字排名,網路行銷,網站排名,SEO,關鍵字,關鍵字排名,網路行銷,EMBA,MBA,PMP,在職進修,專案管理,出國留學,漢高資訊,漢高資訊,比利時,比利時聯合商學院,宜蘭民宿,台東民宿,澎湖民宿,墾丁民宿,花蓮民宿,SEO,找工作,汽車旅館,阿里山,日月潭,阿里山民宿,東森購物,momo購物台,pc home購物,網路購物,手機,手機王,數位像機,衛星導航,GPS,小筆電,機油漢高資訊,漢高資訊,在職進修,漢高資訊,在職進修,住宿,住宿,整形,造型,室內設計,室內設計,漢高資訊,在職進修,漢高資訊,在職進修,住宿,美容,室內設計,在職進修,羅志祥,周杰倫,五月天,住宿,住宿,整形,整形,室內設計,室內設計,比利時聯合商學院,在職進修,比利時聯合商學院,在職進修,漢高資訊,找工作,找工作,找工作,找工作,找工作,蔡依林,林志玲,政治大學,政治大學,政治大學,政治大學,政治大學,非凡美食大探索,非凡美食大探索,非凡美食大探索,非凡美食大探索,非凡美食大探索
Post a Comment