Posts Tagged ‘illustrator’

Illustrator Final Project: Designing a Beverage Label

Click to view a larger version

Click to view a larger version

My Illustrator class ended a couple of weeks ago, but I realized I forgot to post my final project — a beverage label designed by incorporating the things we’d learned in class.

I decided to design a label for sparkling water as Evan and I drink it all the time and we’ve even purchased a Soda-Club Stream machine to make our own sparkling water at home. So I took the shape of the Soda-Club bottle and decided to put a label on it.

Click to see a larger view

Click to see a larger view

Taking a closer look, you can see the detailed background I created with star shapes, bubble patterns and a gradient mesh to give it some brightness. I liked the idea of knock-out letters on black that would show a window to the background. I also wrote some rather silly rambling copy, found some neat drink recipes, and created the martini graphic

Click to see a larger view

Click to see a larger view

Though I feel it looks rather simple in the end, getting the layers of depth and texture took a long time, as did figuring out exactly how to place all the information I wanted on the bottle. I did keep in mind things like a UPC code and the recycling copy, but I have seen that printed directly on bottles before, so I thought that would be a good place to put those items to keep the actual labels less cluttered.

To get the label on the bottle, I used a 3-D mapping process in Illustrator. It has a lot of glitches and made Illustrator crash multiple times, so I gave up on doing the back label. It also weirdly distorts the label. Still, it’s neat to at least sort of get a visual of what the label would look like on an actual Soda-Club bottle.

Illustrator Class: My Posterized Murray Poster

Our last Adobe Illustrator class assignment was creating a “posterized” poster — a stylized version of a photo that combines areas with similar tones to create a more graphic effect. We had to achieve the postrized look using the pen and pencil tool, and we could also use the live trace tool. We also had to add a title to the image.

The original photo

The original photo (scanned in a while back)

I chose a photo of Murray that I took back when he was a puppy, which was always one of my favorite photos of him. I ended up tracing him with the pencil tool, then using live trace for the flowers and grass, though then I duplicated some flowers to fill in the empty areas. I also create a color palette from the original photo, since when I posterized the image in Photoshop and when I did the live trace, the colors got sort of weird, with Murray getting very pink.

The posterized image

The posterized image (click for a closer view)

I decided to enlarge Murray and put the photo in a frame with words around it, similar to how it’s displayed at my parent’s house. I also tested out using some different effects, like drop shadows to give it more depth.

Learning Adobe Photoshop and Illustrator for Real

I use Photoshop just about daily, and have for quite a few years now. I’m familiar with many of the tools, and know how to get a lot of different results, but I’ve always felt like I’m not quite doing everything right — and that if I knew the program better it would help the work I do, so I signed up for a UCLA Extension Photoshop class, and decided to sign up for an Illustrator one, as well.

I’m taking these classes online, which has been an interesting experience — I do miss the camaraderie of the classroom and the real interaction with the teacher, and taking an online class requires a bit more self motivation than just showing up to class once a week since we’re supposed to be checking our class message boards frequently, participating and sharing our work in progress. So far, though, it’s going well, and I feel like I’ve learned a lot.

In the photoshop class, we’ve talked a lot about retouching and correcting photos, which I haven’t done much of before. Now I want to go back to my travel photos from last year and make them even better. We’re also working on creating layer masks, working in nondestructive ways, and creating interesting effects when compositing images.

One project we did was on photo retouching:

Before Retouching

Before Retouching

After retouching

After retouching

For another project, we had to bring together images, as well as use a gradient and creative text styles to create a brochure. I did it for a tour of Oxford, from photos I took there last year.

brochure_oxford

In my Illustrator class, we have been learning to use the shape and pen tools, and about combining shapes and paths. Our first project was creating a chess board and chess pieces — I decided to make mine little penguins.

Penguin Chess Set

Penguin Chess Set

Our next assignment was to trace logos with the pen tool and then distort the logos with the various transform tools. Here are some I did for the World Wildlife Federation logo.

WWF-LogoTracesSo far, the classes have been going well and I’ve been learning a lot with each assignment and through the great Adobe Classroom in a Book textbooks. I’ll post more of my projects as I complete my assignments.