Tag Archives: Illustrator

Illustrator Work

This is a sampling of my Adobe Illustrator work.

For this project, we had to draw something metal in Illustrator. I used a photo of a stainless steel Lincoln Continental I had taken at the Auburn Cord Duesenberg Museum in Auburn, Indiana. The fact the car was metal (not painted) made it much easier to draw! This was a great way to learn how to use the gradient mesh tool.

Metal Drawing
Metal Drawing

In sticking with the Auburn theme, another project was to take an existing logo and replicate it. My replica is on the left.

Logo Replication
Logo Replication

In this project, we had to hand draw something and make a beer or wine label out of it. The other requirement is that the drawing had to be stippled (i.e. drawn by making a series of dots instead of lines). When I heard about a beer called Careless Whisper IPA by Our Brewing Company in Holland, Michigan, I knew I had my product (I’m a big George Michael fan). Our Brewing doesn’t bottle their beer, so it was fun to have full creative control over the design. I don’t know about you, but when I think of Careless Whisper, I think of the sax line…

Beer Label
Beer Label

Layouts

This page showcases some layout work from a few different classes. It includes a newsletter, book cover, and magazine. Laying out text is challenging. It’s important to keep the text legible while keeping the pages attractive and easy to read.


Newsletter


For the newsletter assignment, we had to design a three-page newsletter of our choosing from scratch. Since I’m a bit of a yarn nut, I made one about fiber art. The copy and some of the images are not mine (see credits at the end of this page).

Newsletter Layout 1
Newsletter Layout 1
Newsletter Layout 2
Newsletter Layout 2
Newsletter Layout 3
Newsletter Layout 3

Book Cover


For the book cover assignment, we had to design three coordinating dust jackets. The author and the books could be real or made up. I am a big Neale Donald Walsch fan, so I chose him and made up three books using text from one of his products. The artwork is the same image on each cover; I cropped it and resized it differently for each one.

bk1Book Layout 1
Book Layout 1
Book Layout 2
Book Layout 2
Book Layout 3
Book Layout 3

Magazine


For the magazine assignment, we had to create a four-page spread from a real magazine of our choosing. Still the fiber nut, I chose to replicate pages from Spin Off magazine. We had to research the content before doing the layout, so the copy is a mix of different websites. One of the most challenging parts of the assignment was trying to identify the fonts the original publisher used!

Magazine Layout 1
Magazine Layout 1
Magazine Layout 2
Magazine Layout 2

Credits


Newsletter
Copy: Stacey Budge-Kamison, Franklin Habit, Stephanie Pearl-McPhee
Scarf Photo: JennyRaye (Ravelry)
Inspiration Point Photo: Jordann (Pinterest)
Sheep image, Ginger Cat Knits ad, and Yay for J: Jaime Shafer

Book Cover
Copy: Neale Donald Walsch
Author Photo: Google Images
Artwork: Robert Burridge

Magazine
Copy and Photos:
Atelier Madam Butterfly
Ravelry
Ask The Bellwether

Political Project

This was an interesting project. The purpose was to create a four page spread on a political topic of our choosing. We had to write a two page paper (who would’ve thought you would have to write a fully MLA cited paper in a graphic design class?) and turn it into a layout using the style of one of the design movements we had been studying. My design won third place in Muskegon Community College’s 50th Annual Student Art and Design Exhibition (a very pleasant surprise!).

Writing the paper was the biggest challenge for me because I’m not big on sharing my political beliefs (I guess I took my mother’s advice to heart about not talking about politics or religion with people) and I hadn’t written a cited paper in decades (kinda forgot how to do that). At the time, we had no idea what we were doing with the papers, we just had to write them.

Originally, was going to write about gay marriage (it was big in news at the time), but as I started writing, it occurred to me that other groups had been facing inequality for a longer period of time. I expanded it to include blacks and women as a contrast to “all men are created equal” as stated in the Declaration of Independence. I tried to write it from a factual standpoint based on law versus an opinionated one. The paper can be read here.

Then we got the design part of the assignment where we had to pick a design movement and create a four page spread using the style of the movement. I really like Russian Constructivism. I have a greater appreciation of it after visiting the Museum of Communism in Prague. The style is simple and powerful. I’m also very influenced by popular music. I love taking bits of lyrics out of songs and using them elsewhere.

I decided to use a Communist-esque propaganda style to cover the inequalities that exist(ed) in US law. Or as I wrote in my design brief:

Concept – Symbolism – equal sign with the lines blurred, unequal scales of justice done in Soviet Constructivism Communist style superimposed over the American ideas of freedom. Communism promised an ideal life, but in reality it was the opposite…use that theme with how the US was founded on freedom, but the American legal system has held people of various groups down.

Before I get accused for being anti-American, that’s not true. While the US is a great country, it’s not a perfect country, particularly if you’re in a minority group (especially when it comes to the law). At the end of the day, I wanted the reader to think about equality instead of discrimination.

For the cover, I took the title from Robin Thicke’s Blurred Lines (which I am mildly obsessed with) and took the equals sign from the marriage equality symbol (two lines to be blurred) and made one black and the other white to represent race. Lady Justice was made to look like a stylized black and white photo, shapes were added to mimic Constructivism and the American flag was added to soften the Communist look. Finally, I used a bright rainbow of colors to represent the gay pride movement.

Layout - Political Design 1
Political Design page 1

I also wanted to make the design look like it was printed in the 1930’s-40’s and had yellowed over the years. I wanted it to look old. The rainbow was a little hard to make look old, as you can see in this draft. Evenutally, with the help of my instructor and this website I found the right color palette.

For the text, I went with a traditional Constructivist grid structure. I wanted the reader to be able to skim the text, so I used significant historical years and simple figures to represent black/white, male/female, and gay (lesbian).

Layout - Political Design 2
Political Design page 2
Layout - Political Design 3
Political Design page 3

I wanted a font like Futura for the body copy, but I settled for Century Gothic since I already had it. 🙂 The other font is Molot (which I found online). I wanted it to look impersonal and unfeeling. I kept thinking of a stark office like this:

Communist Office
Office in the Museum of Communism in Prague, Czech Republic (it’s not very visible in this photo, but there are handcuffs attached to the rightmost chair)

I struggled for the design of the last page. After several revisions, I ended up carrying over the colors and American theme from the first page and adding lyrics from Blurred Lines. While the song has nothing to do with equality, I thought these lyrics fit what I was trying to convey:

If you can’t hear what I’m trying to say
If you can’t read from the same page
Maybe I’m going deaf
Maybe I’m going blind
Maybe I’m out of my mind
I hate these Blurred Lines

Layout - Political Design 4
Political Design page 4

I’m very pleased with how the project turned out. I am also happy to say my hard work paid off (literally). My design took third place in MCC’s 50th Annual Student Art and Design Exhibition:
mcc student show 2014

WINNERS! 50th Annual Student Art and Design Exhibition – MCC The Bay Window

Ginger Cat Knits Website Mockup

The purpose of this project was to create a website mockup in Adobe Illustrator for both desktop and mobile. It was to include a page for the following: home, catalog, gallery, product detail, shopping cart, about, and contact. All photography is courtesy of Ginger Cat Knits.

Home Page (Mobile)
Home Page (Mobile)

Home Page (Desktop)
Home Page (Desktop)

Catalog Page (Mobile)
Catalog Page (Mobile)

Catalog Page (Desktop)
Catalog Page (Desktop)

Gallery Page (Mobile)
Gallery Page (Mobile)

Gallery Page (Desktop)
Gallery Page (Desktop)

Product Page (Mobile)
Product Page (Mobile)

Product Page (Desktop)
Product Page (Desktop)

Checkout/Cart Page (Mobile)
Checkout/Cart Page (Mobile)

Checkout/Cart Page (Desktop)
Checkout/Cart Page (Desktop)

About Page (Mobile)
About Page (Mobile)

About Page (Desktop)
About Page (Desktop)

Contact Page (Mobile)
Contact Page (Mobile)

Contact Page (Desktop)
Contact Page (Desktop)

Ginger Cat Knits Package Design

The purpose of this assignment was to design a package for something. Being a knitter, I noticed yarn and yarn kits rarely come in a box. I wanted to create a box that would hold the kit contents as well as be able to be used as a gift box when the project was finished.

I was thinking I would be using the box for my own yarn products, so I wanted to make something I could print on a home printer on demand. I liked the look of pillow boxes, and I have used this tutorial to make small ones, so I thought I could make one with two 8.5″ x 11″ sheets of paper. I ended up with a very odd shape when I folded the ends and I hated it.

Then I got the idea that the ends reminded me of my character, Angry Owl. So I drew a mockup on the paper:

First prototype (Angry Owl)
First prototype (Angry Owl)

That shape also reminded me of the cat logo I did for my friend Lea of Ginger Cat Knits:

First prototype (Ginger Cat Knits cat logo)
First prototype (Ginger Cat Knits cat logo)

When I showed them to Lea, she said it reminded her of the Owl and the Pussycat. I wasn’t familiar with the poem, but I learned there was also a turkey and a pig. That got my wheels spinning. Now I had two problems; how do I make this package (what shape is it?, can I even do it?) and what do these animals look like? It would be geared towards children, but the people buying the kit would likely be adults.

Package size prototypes
Package size prototypes. It would’ve been easier had I bought a box of fries and enlarged it. That was the shape I was after.
Owl and the Pussycat character sketch
Owl and the Pussycat character sketch. Would they work on one package together?

After several iterations, I settled on this shape for the box and this style for the animals. As my instructor pointed out, they were a little bland. Let’s get some color in there!

Package Prototype
Rough of the package shape and character design

Very well, then. Here’s some color and texture per your suggestion, Mr. Instructor. (Good idea.) The animals had a cardboard texture added to them, so they look like they are made out of bits of paper or felt. I carried that over to the background of the box, and used Ginger Cat purple on them.

Pig and Turkey
The Piggy-wig and the Turkey
Owl
The Owl
Cat
The Pussycat

I was a wee bit optimistic thinking I could finish all four by the deadline when I didn’t have the proper product photography and we weren’t sure how we were going to print these and make them into real things. We settled on the cat design and printed it on economy vinyl and stuck it to white cardstock.

Vinyl printout
Final package design printed on economy vinyl

I know there are some design/engineering issues that need fixing if I were to produce these, and I also know there’s a very good reason I did not go into engineering! Overall, I’m thrilled with how it turned out (as were Lea and Mr. Instructor)!

Final Package (Front)
Final Package (Front)
Final Package (Back)
Final Package (Back)