Behind-the-Scenes: Firefox Animations

whatdoesthefoxsay.jpg
My coworker Andrew brought this foxy scarf to the studio during the weeks we were working on the project.

My coworker Andrew brought this foxy scarf to the studio during the weeks we were working on the project.

The image of a half-drawn fox is permanently burned onto the back of my eyelids. 

S77 (the studio where I work) was hired to animated content for the Firefox OS exhibit at the 2014 Mobile World Congress

It was a traditional-animation-heavy project, so I've spent the last three weeks drawing the firefox, over and over, late into the night. 
For this project we animated the fox at 15 frames per second, so for each second of the animation there are fifteen hand-drawn and colored foxes (example below.)
Though the process of traditional animation is tedious at times, the outcome is worth it. The end result is an animation with a certain amount of fluidity and personality that is impossible to fully capture using faster techniques. 

As a studio that is primarily focused on motion graphics, landing a traditional-animation-heavy project was both exciting and challenging for us. 

I have really enjoyed my first experience with hand-drawn animation, I hope to work on more projects like this one. Getting the chance to combine a love for drawing with design and motion is thrilling! Also, I now have a wacom tablet at my work desk and I am in love with it. 

Working on this project took me out of my comfort zone. I can honestly say it was an extremely valuable, fun, rewarding experience... aaaand I will never look at a fox the same way. 

These 15 individually drawn frames make one second of animation.

These 15 individually drawn frames make one second of animation.

From sketch to final: a gif of the entire process of the first Firefox test animation. This animation was not used in the final.

From sketch to final: a gif of the entire process of the first Firefox test animation. This animation was not used in the final.

We received these photos from our satisfied client as he oversaw the exhibit construction in Barcelona, Spain.

We received these photos from our satisfied client as he oversaw the exhibit construction in Barcelona, Spain.

The Firefox OS exhibit at the Mobile World Congress 2014, Barcelona, Spain. (in this photo I can see six screens that are playing the fox animations!)

The Firefox OS exhibit at the Mobile World Congress 2014, Barcelona, Spain.
(in this photo I can see six screens that are playing the fox animations!)

UPDATE (November 2014)
S77 received a merit award for this project at the CSCA Creative Best. 
 

My Work in Times Square NYC!

The final design mockup.

The final design mockup.

My work is on the newest, highest-resolution video display screens in Times Square! I have the "Oh my gosh, I made that!" feeling. 

S77 (the studio where I work) was contacted by EXPRESS for a quick-turnaround project right before Christmas break. Our job was to create a "screensaver," a 15-30 second looping video that could be played between ads on the giant LED screens at 1552 Broadway. 
With very little direction on the design end, my coworker and I started turning out a wide variety of styleframes, hoping the client's feedback would give us a better idea of what they wanted to see. We sent everything from 3D type-based renders and photo-based styleframes to simple, two-color swiss-style looks. 

Inspiration and some snippets of the original styleframes that my coworker Nate and I created. 

Inspiration and some snippets of the original styleframes that my coworker Nate and I created. 

Out of all the styleframes they gravitated toward one of my 2D textured designs, but they wanted me to make it feel more "city" so I spent the next day making new styleframes based off of their remarks. The result was a very simple design with ambient movement to compliment the stationary EXPRESS logo. 

The screensaver design went up just in time for Christmas and New Year's Eve and will continue to play between ads during select times through the month of January 2014. 
It's strange to think that a design I helped to create has probably made it into the background of thousands of tourist photos. Something I designed added to the chaotic, exciting atmosphere that is Times Square! They will never know it was me... 

December Gallery Hop

After displaying my portrait work for the first time at the September Gallery Hop, the opportunity to show my work for a second time fell into my lap on short notice!
At Brother's Drake Meadery a scheduled artist had to back out just days before the December Gallery Hop, I heard about the open space from my boss and jumped on the opportunity. With a timeframe of 24 hours to get my collection together and hang everything, it was a rush to gather everything! I have my friends David and Michelle to thank for helping hang the show.

See more portrait work in my portfolio.

chavilah_blog_saraportrait.jpg

Handlettering: Holiday Invite

This year I had free-range on the invitation design for S77's Holiday Happy Hour! 

I was inspired by traditional Victorian lettering with its beautifully ornate, complex and over-the-top designs but at the same time I didn't want the invitation design to feel stuffy. To keep it playful I decided to hand-draw the invitation with ink, embracing the small discrepancies and imperfections that give it a hand-made look. 

I started with a rough pencil sketch on grid paper, then scanned it and created a custom grid in illustrator based on the sketch. I printed the grid and drew a clean version with a .003 pencil, then inked with a  .005 micron.

I started with a rough pencil sketch on grid paper, then scanned it and created a custom grid in illustrator based on the sketch. I printed the grid and drew a clean version with a .003 pencil, then inked with a  .005 micron.

After the entire piece was inked, I scanned it then masked and colored the final in Photoshop.

After the entire piece was inked, I scanned it then masked and colored the final in Photoshop.

...then I carried the invite design into the gift tags. 

...then I carried the invite design into the gift tags. 

September Gallery Hop (My First Show!)

In Columbus, Ohio, and on the first Saturday of every month there is a an event called "Gallery Hop" in the Short North Arts District. It is a festive, well-attended event where everyone dresses up and spends the evening browsing galleries, eating, drinking, shopping, and watching street performers in the Short North. 

Since moving to the Columbus area I have wanted to show my artwork at a Gallery Hop.
Two weeks ago the opportunity presented itself for the September hop! I knew it was super short notice, but I said "yes!!!" (how could I not?)

A little background: I didn't have work for the show. 
I have been out of the fine art/illustration world for years while I focused on commercial work (advertising and graphic design, and then motion graphics.) But I saw the opportunity as a fun challenge. I said yes and spent the next two weeks frantically finding models, taking reference photos and doing large-scale charcoal portraits late into the night. 


On Friday afternoon I hung my very first show.
This is a happy little checkmark on my "to do before I die" list. 

Hanging my first show at Kifle for the September Gallery Hop. 

Hanging my first show at Kifle for the September Gallery Hop. 

See more portrait work in my portfolio.

Behind-the-Scenes: Title Designs for Cee Lo Green and The Muppets

I was stunned and incredibly excited to get the opportunity to create the titles for a Cee Lo Green and The Muppets Christmas music video "All I Need Is Love." 

Designing opening credits for a video is a dream come true!

Design process

Design process

Screen Shot 2014-02-03 at 10.31.46 PM.png
Screen Shot 2014-02-03 at 10.29.07 PM.png
Screen Shot 2014-02-03 at 10.29.27 PM.png

Cee Lo Green and The Muppets "All I Need Is Love" full music video.

My name in the credits!

My name in the credits!