Wednesday, December 23, 2009

Augmented Reality Christmas Card


For the last couple months we here at the basement have been testing and experimenting with augmented reality. Boy can it be finicky!!! We've definitely learned a LOT as a team about the capabilities and limitations of AR.

Today we are finally sending out our Holiday Greeting. If you have a webcam, it's a fun little thing to play with. Following the steps, print out the symbol and point your webcam at it. You should see a 3d stage and a couple characters pop up on top of the print out. You can move the print out around and look at the characters from all angles, or there are 3 songs that you can choose from and the characters will sing to you.


If you don't have a webcam, you can still see what the buzz is about by clicking on the link at the top of the page. It will take you to a video that will show you what we've done. There is so much more to write about this project, but no time for that now. Great work Basement Team! It's been a fun challenge!


Merry Christmas everyone! Hope that your holidays are bright!

Thursday, November 12, 2009

New Work Blog

Welcome to the new work blog!

After much thought and deliberation I have finally come to the conclusion that it's high time my blog was split in two. Now instead of one blog containing all things that I make, I will keep up one for more 'work' related posts and another for my various other past times. Of course since my hobbies and my work tend to overlap in many areas, there will be some crossover, but for the most part if someone in the industry is interested in my work I wanted to make it so they didn't have to wade through recipes and random arty projects.

That being said, if you're more interested in the 'other' non-work related stuff I post about, you may want to follow drawingsinmotion.blogspot.com instead of this blog.

I intend to keep a feed of work related stuff on the right hand side of my drawings in motion blog in case anyone over there is curious about my work life. Thanks for all your comments and support as this little space on the web has continued to grow!

Wednesday, November 4, 2009

PRIME: AIGA Indy Design Awards - Featuring One of My Designs

The Knozone.com website has won an AIGA Prime design award. Congrats to our partner on this project Miles Design and to the rest of our talented team that worked on it here at The Basement!


I'm going to head down and check out the gallery this Friday. I'm looking forward to checking out the other Indianapolis talent on display. Thanks to the AIGA for the nod! This will be my personal first interface design that has won any kind of award.

If you're interested in popping in, let me know. I'll probably head down there around 7:00.

Friday, November 6, 2009 Dean Johnson Gallery
646 Massachusetts Avenue
Indianapolis, Indiana

View Map

Wednesday, September 23, 2009

Playing around with Biped animation

I can't remember the last time I animated in 3D. A few weeks ago I opened 3d Studio up at work and played around with the biped animation to check it out. I chose two quick little dances to animate for fun and learn the tool. Obviously there's gobs of room for improvement, but I thought I'd share my first attempt.



The Basement Design + Motion launches new website

This week The Basement launched our new website. Each section showcases a different style that we're capable of as a company, from 2d vector animation (the pipes on the 'Homepage' and birds in the 'Contact' section) 3d work (the 'Work' section) stellar hand drawn illustration (buildings on the 'Homepage'). And of course the portfolio, case study, and demo reel in the 'Work' section show off the work that we've done in the past including motion graphics work, microsite development, and online games.

It was a team effort all the way with each member of our team tackling some element of the site. We're happy to see it launched and look forward to the opportunities that will follow.

Hancock Fabrics: The Ultimate Prom Competition Webisodes and Style Tips

This is an old project I worked on earlier this year that I'd forgotten to post until I saw it in the portfolio section of our new Basement website.

Advertising agency, Creative Alliance, recruited us to produce a microsite for a seasonal promotion with Hancock Fabrics and Seventeen Magazine. Hancock Fabrics was the official fabric sponsor of The Ultimate Prom 2009 competion. The microsite included fashion design tips and webisodes documenting three aspiring designers from New York's High School of Fashion Industries.

For this design obviously fabric and fashion design were our overarching concepts to work with. We wanted fabric to be the biggest design element so I used some satin from the Hancock Fabrics prom line and added stitching, pins, tape, and pattern paper to pull it together.

Being the only girl designer in the office it made sense for me to use my feminine sensibilities for this project. ;) Hopefully it came across as appealing to teen girls across the US and helped to portray Hancock Fabrics' as a more relevant brand for teens and younger women, and not a just store catering to their mothers and grandmothers.

Though this site has already launched and run it's course, there is still a test version of it up on our server you can check out here.

Friday, July 10, 2009

Dug up some old stuff...

Here's a Lichtenstein-esque version of my sis-in-law that I did a few years back. It was long forgotten, but somehow came into conversation recently so I dug it up and decided to throw it up on a post. I think she may end up using it as a facebook profile pic instead of an actual photo of herself if she decides to part ways with the stock icon they provide. We'll see. :) Well, happy Friday everyone!

Monday, June 8, 2009

Timeline Animations In Flash are Fun!

I love putting together a fun timeline animation in flash to add some bells and whistles to slick interface animation. You wouldn't want me animating the entire site, but I like to think of what I do as like the sprinkles on top of the cup cake. Tiny bits of amusement here and there to add a little fun. Here's a sneak peek at our new Basement website. We knew that we wanted the buttons in the 'who we are' section to have some personality so we came up with the concept of these pipes building a sign of sorts. I sketched the thought, drew it up in illustrator, then animated it in flash. This is a type of task that makes my day go by quickly because I have fun doing it. I'll be sure to post when we've got the site up and running! Until then!

Tuesday, May 5, 2009

Knozone's new site finally launches!


Over the past few months The Basement has been working with Miles Design to create the new look for Knozone, an organization championing Indy's clean air movement. Personally, I really enjoyed working on a site for a client like this. (Now, if only we could do the same for Indy's water quality!)

On this site I wore several hats.

Art director (oversaw motion, additional design needs such as charts and buttons, helped troubleshoot problem areas our interactive team faced)
Lead designer (main homepage and overall sub page look and feel)
Time line animator (poofing clouds, balloon siren, air whisp animation)

Miles developed the idea of the skyline and displaying content between buildings, and it was our job to figure out how to make it work. There were tons of challenges that our interactive team had to solve and they did an awesome job!

I'm so happy to see it live! Nice work everyone!!! Check it out!

http://www.cleanairmatters.org/

Wednesday, April 1, 2009

by hand

Designers, I'm sure you've scoured dafont.com for the perfect handwritten font at SOME point or another. Some designs just call for something less structured and more alive. Not to mention the whole DIY look has been super trendy for a while now. I guess it's the charm of something created by hand and the flexibility of the digital world. It's nice.

These handwritten fonts are nothing new. If you can't find something that you like on dafont, or you don't want to risk seeing the font you use on another design, there are hundreds of different ways to do create your own. I've known this was a possibility, but it wasn't until today that I finally took a moment to give it a try.

I can't believe I hadn't done this before. It literally took 15 min. I created mine with the online font generator at www.yourfonts.com.

Let me sum up:

1. Go to www.yourfonts.com and print out the character template
2. Fill out the template in a thin black sharpie (or thick if that's your bag)
3. Scan the template you just filled in at 300 dpi
4. Upload it
5. Get custom handwritten font to install on your computer!

Here's what my character template looked like all filled in:

In my haste, I did not pay as much attention to the hashmark guidelines as I should have, and as a result a couple characters (the lower case u and the . ) are either a little too high, or a little too low, but for the most part it worked out flawlessly.

Even if you're not a designer, this could be a cool thing to play with. I can see scrapbookers getting some good use out of this, and maybe cooks who want to preserve recipes in their mom's handwriting but are a bit too much of a search junky/technophile to rely totally on recipe cards. I realize this is cheating, and it's no where near as close as a scan of the card or the real thing, but it could be better than straight up Arial. Just an idea.

Any other ideas for how a custom handwritten font could be used?

(The above photo was taken through the viewfinder of my kodak duaflex II camera with my Digital Canon Rebel. I processed the colors in photoshop and used my fancy new handwritten font to label it. Talk about combining the digital with the DIY. Alex's grandfather worked at Peerless for nearly his entire life. This building has a special place in the hearts of his family. It feels nice to have a picture of it.)

Wednesday, February 4, 2009

Wednesday Desktop Background Freebie

Select your screen resolution: 1920 X 1200 | 1280 X 960 | 1024 X 768

Who doesn't love free things!? I personally like to change my desktop backgrounds often. Sometimes I make my own, other times I really like having another artists work to look at.

A week or so ago, I was playing around with the photo that I used in the processing tutorial and created a simple desktop background with it. I got to thinking that if I love free high-quality desktop backgrounds made by other artists, maybe I should contribute one of my own to the community. So here it is! Take it if you want it! Totally on the house.

Precise Path Robotics Site is Live!

We at The Basement Design + Motion have been working with a local robotics company, Precise Path Robotics, for the past several months to create promotional and educational materials for their product the RG3, the worlds first robotic greens mower. It's been really neat to work on a project for such a ground breaking product!

Today they're unveiling the mower at a trade show down in New Orleans. We produced video's that will play in their booth to help them explain what the mower can do and how it can benefit greens keepers. The mower is so new they needed to show it's capabilities through 3D animations. (Photos of the booth yet to come.)

In addition to the videos, we produced an online experience where greens keepers can learn about the mower, get detailed spec information, and sign up for the newsletter and road show.

We're very proud of the entire campaign! My role involved art directing the website from the ground up. I had a lot of fun. Each part of the process was an opportunity to learn, from the first meeting talking to the client about the image he'd like to project to working with a team of 3D artists, compositors, designers, and interactive developers to create the final product. Having access to such a talented and diverse pool of talent made my job a joy!

So here it is, the unveiling of our latest project www.precisepath.com.

Wednesday, January 28, 2009

Playing with the mood of a photo

After looking through the images I took during my antique camera photo shoot, I thought it might be fun to pick one and try to play with the tone of the image. I wanted to keep the effect subtle, but still give it a bit of a mood. For this tone I chose to draw from the look of film developed in the 70's. Here's a tutorial of the techniques I used to achieve these results.

Here's the original photo

Sunday, January 25, 2009

New 50 mm Prime Lens

I can't believe what a HUGE difference this new 50 mm prime lens makes! I did a photo shoot of a couple antique cameras we have in the house today and was really excited to see the results. The cameras are so beautiful! I think I'm going to have to print out the series and hang them all together somewhere. It might even be cool to see if there's a coffee shop or something that would be interested in the series as part of a local artist gallery of some sort. I'll have to look around. Thanks for the extra inspiration to make the purchase, Steph! I love it!

Friday, January 16, 2009

Honored to be a guest blogger

Today I'm very honored for the opportunity to be guest blogging over at Shutter Sisters as a Friday Featured Resource. Thank you for allowing me to contribute a thought to such an inspirational and talented community of women, Tracey. Happy Friday everyone!

Saturday, January 10, 2009

Shutter Sisters Inspiration

I enjoy the daily bits of inspiration from Shutter Sisters. Today's bit revolved around the clean slate of the new year.

Sometimes it's tough for me to follow through with various creative assignments depending on what's going on in my life and whatnot but I just really liked this one so I thought I'd give it a shot. With all the chilly gray brown and white around us these days I felt like this would be a great opportunity to look a little closer for the colorful, the cheery, and the cozy. Here's the assignment:
January Homework Assignment (Starting Monday):

1) Take one photo everyday until Jan. 31st that is colorful, cozy, cheerful or just makes yousmile.

2) Do something creative with your hands 5 days a week. It could be drawing, painting, origami, scribbling, doodling, writing, or anything else. But it may not involve a camera or a computer.

I've decided that I'm going to count culinary exploits as 'something creative with my hands' as well. I'll be keeping a log of my photos, and photos of the things I make by hand up on my flickr page. Let me know if you decide to join. I'd love to see your photos.


PS: The diptych above is of some awesome eggnog cupcakes. I got the recipe from Annie's Eats. The cupcakes had a great flavor, were super moist and the icing was REALLY sweet. I don't prefer the sugar icings as much as cream cheese variety, so I think next time I'll experiment with a different icing.


Thursday, January 8, 2009

New Lights and Some Color

Here is my new and improved light box photo. I found that my little desk lights weren't quite bright enough to show off my subject matter, so I got some clip lights and put in a daylight bulb so that all the colors were as true as could be. I also made sure to white balance my camera before shooting my subject and I added a nice patterned fabric beneath to make it pop.

The angle wasn't quite right when I clipped my lights to the sides of the box, but I didn't have any special light stands to fasten my lights to. To serve as stands, I tried clipping the lights to a couple bookends and it worked perfectly. They were easy to maneuver to get the lighting just right.

Saturday, January 3, 2009

The Making of a Light box

A light box is something I've been meaning to construct for some time now. I get so frustrated when trying to take photos of things that I make in the winter time because of the lack of natural light. Everything looks dark and blah.

After a conversation today with miss Jen the Beantown Baker about techniques to improve her delicious food photography I decided to take on the challenge of creating an affordable, collapsible light box for people who may be short on space as well as cash. The problem I found with many of the affordable foam core light boxes is that every time you want to take it down you risk having the tape rip the walls apart. That in combination with the potentially frustrating assembly as one fumbles with the foam core like a house of cards lead me to the idea of a dove-tail like joint for the box.

This light box design cost about $4 for the foam core and another $1 for the poster board that I use to create a seamless background. It's quick and easy to assemble, tear down, and store away. I still need to find brighter lighting, I used two dim desk lamps to test, but it definitely has potential!

First I cut the foam core into 20"X20" panels. I then labeled each panel according to it's location on the box to keep myself from getting confused.
After I labeled my 4 sides I measured a 1" thick margin where each joint connected. Then I laid out the panels according to where they connected to the 'back' panel. Imagine the sides and top folding up at each joint and you can visualize how the box will connect.

With the joints touching I measured out 3" notches and drew my line across both panels to ensure that everything would fit together nicely. For someone who is less than precise when it comes to measuring, this is a great technique to ensure a good fit. I then shaded in the notches that I wanted to cut out with my exacto knife. I did this to keep from cutting out the wrong notch accidentally.

By tilting your panel up you can see where the notches fit into each other. The white ones, or tabs will fit into the shaded ones, the ones I cut out.

Once you cut out the shaded boxes to create your notches, you should be able to easily assemble the light box.

Here's the light box assembled. This will create 3 nice white surfaces to bounce light off of to create a nice even light source for product photography. The final step is adding a strip of poster board to create a seamless backdrop for the product. Since the light box is 20" wide with a 1" margin on each side I needed to cut my poster board to be 18" wide.

Again, I did not want to use tape which could tear the box and the poster board, so I cut notches into the poster that fit into the tabs on the 'back' panel. I set the poster's notches into the 'back' panels, then laid the 'top' panel on top of it to hold it in place. It worked out great.

Here are the 2 dim desk lamps I used to test the setup. I'd recommend getting a couple of those silver dome lamps with daylight bulbs to give brighter, better light. Here's a comparison of the light box set up vs. the flash on my camera.

(For tips on making this shot more appealing see updated post on lighting and color)

As you can see, the flash blows out the subject when you try to get close to it and creates a harsh shadow. It also flattens the image because the light source is only coming from one location straight on. The light box feels nice and soft and helps show off the contours of the subject by providing light from multiple angles.

Once I finished with the light box you simply pulled it apart and all of the panels lay nice and flat so that you can store it easily til the next use!

For other takes on the light box hack, check out:

Steph's light box which is made out of an old box, cloth, and poster board. This one diffuses light instead of bouncing it off the walls

and

Sara's mini photo studio which is made out of pvc pipe, white sheets, and poster board.

both turned out GREAT! Nice job ladies. :D