Qikbee 3D Animation

Zurück zum Portfolio

Auf­trags­be­schrei­bung

Für die Pra­xis­soft­ware Qik­bee sollte im Rah­men des Bran­dings auch eine kurze 3D Ani­ma­tion mit der mar­ken­tra­gen­den Biene ent­ste­hen. Als Intro & Outro für die Screen­casts auf der Web­site wird die flei­ßige Biene dabei hel­fen, die Werte „Ein­fach – Effi­zi­ent – Per­sön­lich – Sicher“ zu ver­mit­teln. Mehr zum Bran­ding von Michael Hol­zer / Ein­voll kann man auf sei­ner Web­site nach­le­sen und anschauen!

Qikbee Schriftzug & Logo

Ent­wick­lungs­pro­zess

Ende Juni 2009 bekam ich als Refe­renz für das Design der Biene das noch 2-dimensionale Logo von Qikbee:

Qikbee Logo

Aus­ge­he­n­end davon begann ich, in Auto­desk Maya mit NURBS Sphe­ren den Kör­per der Biene nach­zu­bauen. Eine Menge Fin­etu­ning war not­wen­dig, um die vir­tu­elle Kamera exakt aus­zu­rich­ten und die Augen rich­tig zu plat­zie­ren. Ich musste auch dar­auf ach­ten, Augen­li­der natür­lich aus­se­hend und dem vor­ge­ge­be­nen Stil ent­spre­chend einzubauen.

Qikbee wird modelliert

Die fer­tige Geo­me­trie des Modells sah dann so aus:

Qikbee fertiges Modell

Nun konnte ich der Biene ihre Strei­fen und Far­ben geben. Ein­fa­che Lambert-Shader reich­ten aus, um den räum­li­chen Cha­rak­ter zu ver­lei­hen, ohne zu sehr von der Bild­marke abzu­wei­chen. Hier die bei­den Ver­sio­nen der Qik­bee im Vergleich:

Qikbee Vergleich Logo und 3D Version

Um meine Vor­stel­lung der Ani­ma­tion in Bil­der zu fas­sen, zeich­nete ich ein gro­bes Storyboard:

Qikbee Storyboard

Nach­dem ich vom Michael das Okay zum Ani­mie­ren bekom­men hatte, ging es auch schon wei­ter: Als Nächs­tes stand die Erstel­lung eines sog. Rigs, zur Steue­rung ein­zel­ner Para­me­ter wie etwa Flü­gel­schlag oder Kopf­be­we­gun­gen, auf dem Pro­gramm. Hier eine kurze Demons­tra­tion, wie das funktioniert:

YouTube Preview Image

Man konnte hier also bereits alles steu­ern, was in der Ani­ma­tion beweg­lich sein würde: Von einer Stre­ckung des gesam­ten Kör­pers bei schnel­len Flug­ma­nö­vern bis zu den kleins­ten Details wie das Anwin­keln des Stachels.

Nun war der Moment gekom­men, die schnel­len Flü­gel­be­we­gun­gen zu tes­ten. Dank einer detail­lier­ten Beschrei­bung des Flü­gel­schlags von Honig­bie­nen konnte ich die Bewe­gung grob nach­bauen. So schauen die Flü­gel aus, wenn sie 200 Mal pro Sekunde auf und ab schlagen:

Qikbee Flügelschlag

Da nun die Schau­spie­le­rin funk­ti­ons­fä­hig und das Set auf­ge­baut war, begann der Haupt­teil der Arbeit: Das tat­säch­li­che Animieren.

Qikbee Set, Kamera, Action!

Etwas unter 5 Stun­den Arbeits­zeit spä­ter war der Ablauf aus dem Sto­ry­board umge­setzt und die Qik­bee quick­le­ben­dig! Und das Dank vie­ler sorg­fäl­tig gesetz­ter Key­frames, wie man hier in den Ani­ma­ti­ons­kur­ven (Trans­la­tion & Rota­tion der gan­zen Biene) sehen kann:

Qikbee Animationskurven

Schon bald waren die ein­zel­nen Frames her­aus­ge­rech­net, es ging ans Com­po­siting in After Effects. Noch fehlte der Biene ihr Schrift­zug,  durch des­sen „Q“ sie durch­flie­gen kann!

Qikbee Compositing

End­pro­dukt

Zu sehen in den Screen­casts auf der Qik­bee Web­site und sepe­rat auf Vimeo:

Sta­tis­tik

Qikbee schaut zum Schriftzug

Arbeits­zeit: 15 Stunden

Ver­wen­dete Soft­ware: Auto­desk Maya 2009, Adobe After Effects CS4

Begon­nen am: 26.06.2009

Fer­tig­ge­stellt am: 07.07.2009

Eine Antwort auf Qikbee 3D Animation

  1. I loved your arti­cle. Keep writing.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>