Posts Tagged ‘illustration’

Creating an avatar

Tuesday, June 9th, 2009

Recently, I had the fun assignment to create an avatar for a professional speaker. Here’s the process I followed.

1) The client gave me a photograph taken at her last speaking engagement (courtesy Wendy Hauser Blomseth):

Jasminephoto

2) From the photo, I created a line drawing sketch. I scanned in the sketch and used it as a guide in Illustrator to create filled shapes:

jasmineFirstSketches

3) Next, I reduced the amount of information in the drawing—by eliminating fine details—so it would translate well to a smaller size used for online icons. Then, I created for color schemes from which to select:

JasminePROOFs

4) Finally, I presented the client with the final concepts for her to use in her various social media profiles:

JasmineFinals

Announcing ConnectionConcierge.com

Saturday, March 21st, 2009

We’ve just completed a fun web project that we’d like to share with you! The site is www.connectionconcierge.com. For this project, our client came to us with a strong vision for the homepage: she was looking for an animated “super-hero”-like person who’s sitting at her desk and offers to help you. She wanted the office itself to be clickable and interactive.

Our initial concept for the Connection Concierge homepage

The challenge for this project was to create an interactive, animated homepage, without using Flash programming—which would have been the logical choice, but is cost prohibitive. Our solution was to create sections of the homepage as animated gifs that swap in when the cursor rolls over that portion of the image. While low-tech, it created the same feeling our client was going for, while sparing her the expense of hours and hours of Flash programming.

For the illustrations, we printed out a photo of Connection Concierge’s owner, Teresa, traced the contours and added our own details with a Sharpie marker on Graphics 360 marker paper. Then, we scanned the image and brought it into Illustrator. Using a combination of Live Trace and the pen tool, we created the vector art and added color. We repeated this process for the office (thanks, Beata Rydeen for letting me snap some photos of your space!), and the various objects within the office.

The back end of the site was built initially in html and will be converted to CMS shortly, so our client will be able to update the site herself.

We’re pleased with the results of the site so far, but better yet—our client is happy! We thank her for such a fun project.

Technical illustrations

Thursday, October 23rd, 2008

For a technical company, data sheets are an opportunity to show what they know to prospective clients. Charts, graphs, tables, and conceptual drawings get right to the heart of the company’s skills and expertise. And while the intended audiences are project managers, purchasers, and engineers in search of “just the facts”, it’s important that you consider that data sheets are also an extension of your company’s brand. To this end, graphics should communicate the content clearly and simply, yet incorporate an overall look and feel that conveys immediately that this is Company X and not their competitor’s data sheet. Logos, fonts, colors, and illustration style are just some of the ways this can be accomplished. Take for example, these illustrations we did for Chromis Fiberoptics: