Category Archives: Illustration

I have heard many people in my design class say at one time or another that they are Illustrator experts but they can’t even use Photoshop.

I am the total opposite.

I can do almost anything in Photoshop, even use the Pen tool like it’s used in Illustrator. I just have never needed Illustrator to do my design. I haven’t needed it, but that doesn’t mean I couldn’t have used it to make things easier or to create something in vector rather than raster. So today, a day after receiving an email from a design firm that I want to work for this Summer, I set out to illustrate a guitar using Adobe Illustrator. The email I┬áreceived inquired about my illustration skills. I know the concept of Illustrator, even the pen tool is easy to me, but actually creating things in Illustrator is something I’ve never done.

My freshman year we had to do a tutorial and create┬árobo waitress in Illustrator, this thing was the demise of almost everyone. We were then threatened to have to airbrush this same image… If you’ve ever used an airbrush, (a real one, not a paintbrush in photoshop), you know how crazy this would be to do. So, I guess I found this tutorial unhelpful, since it told you exactly what to do and how to do it.
robot_waitress_by_didyouloseasock.jpg

This is a side-by-side of the guitar I made tonight. It was a 3 hour job. I used the Gradient Mesh tool. for the body of the guitar and just other basic shapes.
compare.jpg

bamboo.jpg

I used a Wacom tablet over the summer to do illustration for my job, but having one at home allows more time for experimenting with the tablet’s possibilities. I recently used the tablet to colorize this sketch in Photoshop CS2. It took about 30 min. You might remember the original sketch being posted here.

oldman.jpg

Here are a few of my final Illustration projects:

World Record

This was done in watercolor and represents a world record. The world record I chose was a man who could balance a car on his head. I chose to make it seem like an everyday occurance

number8.jpg

The prompt for this illustration was to represent the number 8 and also make it a personal statement. I hope you can see the 8 (my head and body).

sound.jpg

This project had to represent a sound of our choosing. I chose ‘silence’ and wanted to use the same concept that John Cage used when he composed 4’33”. That is, although his piece of music had no musical notes, there was still music or sound to be appreciated in those moments. The song was made up of all the audience noise, the storm going on outside, etc. I used a cricket to represent the “silence” in this piece.

 

Back to the Future

For me, the design work I’ve done in the past sometimes inspires or informs me about where I should be going with my design in the future. I sometimes look at old artwork or design of mine and wonder how I ever did it because I don’t feel I’m currently creating that great of work.

This is a brochure I did about a design period that sometimes inspires me or gives me ideas for future design. I created this in Viscom I, over a year ago.

The cover art was done by me with inspiration from
the period and the peice in my timeline on the upper left
with the morphing shapes in it (seen below)


inspiration for my brochure. Designed by Armin Hofmann.

logo design. gecko style .
I finally got to putting the “limber” gecko into my existing gecko mathematics logo. I wanted to appeal to kids by making it look like it’s crawling around… a sense of movement in a still image.


I started out by rastorizing the ‘o’ in gecko
and cutting parts of it out to get the feel of the
gecko crawling through it.


I then did something totally different,

because it’s good try different things.
I used the gecko as an icon. I don’t like this one,
but I can’t say I didn’t try it.


My favorite. Only because the logo will be on the left
of the website so the gecko is crawling into
the webpage, rather than off the page.

Yet Another Gecko
I’ve finally created a likable gecko for the gecKo mathematics project. The previous versions are here.

I made the feet smaller and curved it’s body

“what the heck’s with geck?” continued…

I received valuable feedback on my first try at a gecko. These are my changes, I reversed the color to be dark on the edges and lighter at the center, made the eyes less scary, and made the gecko skinnier with smaller back legs.

On a technical note, I also changed the outline to the pen tool which gave me a consistent line weight and nicer curves (notice the tail)

I was playing with different layers and noticed that the gecko doesn’t look to bad when I just use the outline with the body color layer turned off. Also I liked the solid body color.


original first try


revised, skinnier, cleaner lines, more constrast


outline of gecko


solid color gecko

“what the heck’s with geck?”

That’s what the professor said her husband told her when he heard she was calling it Gecko Mathematics.

I echo that same question.

But I’m going with it, for now anyway. I’ve created an emblem. It’s only about 3 quarters of the way finished.

My Process:
I first sketched a few gecko’s from photos online. I then traced one of them with ink. Then I taped it to my Wacom Tablet and began tracing it into Photoshop with the Brush Tool. The key is to turn on “Shape Dynamics” and Other Dynamics” This makes your drawing resemble your normal style because the line gets lighter and thinner when pressing lighter and it gets darker and thicker when you press harder. This effect helps with the visual liveliness. After drawing the outline I filled it with a light green. Then I used the brush tool with slightly darker colors to draw in the darks, then I chose a lighter color to draw the highlights.

I have 3 layers in the document. 1 is the green fill, 1 is the outline, and 1 is the eyes created with the pen tool.

I do feel this illustration lacks some liveliness due to my color change in the outline. I took out the lightness and darkness and made it a solid green… I need to make it skinnier, define the highlights and darks to be more realistic, and then incorporate it into the logo for the website.

I’m open to your critique.

On the (Photoshop) Drawing Board

gecKo mathematics

  • I’m working to complete all the secondary pages for this website, then I need to brainstorm ideas for how to present a math workbook online so that parents and teachers can see the teacher manuals and student workbook all on the same webpage. For all you teachers out there… I’m trying to create the online equivalent to a teacher edition book. The solution will be and should be much different than the typical wrap-around column with teacher notes on the outer edge and bottom of the page. Webpages aren’t print documents and can’t handle a very wide layout.
  • A gecko illustration is also needed for use on the website.

Worship Concert 2007 @ Meadow Heights

I get to create everything from website ads to the bulletin to the powerpoint slides. I still have the bulletin and powerpoint slides left to create. Here is a sneak peak:


website ad


front of the bulletin (8 1/2 x 11 turned on its side with the fold on the top)

Agricultural Science
I’m currently templating and programming the tertiary pages of the current website. I basically copy and paste the content from the current pages and put them in a blank webpages, then view the code to delete all the extra formatting that I’m using stylesheets for.


A screenshot sneak peak

See them live!
Homepage, Secondary, Tertiary