Working on the House, In Illustrator…

As you may have guessed I am not working on a house 🙂  Just working on a house icon in Illustrator.  When I get down to icon work I do one of two things.  1)  A long work-up often including, prototypes, google searches, sketches, sleeping on it, and then making someone else decide, not listening to them and going with something else.  Or 2)  Sit down and slap something neat looking together in Illustrator…

Today I used method two and came up with this little Icon…

House Icon, Thegrav, Ryan BerryIt’s supper simple, and looks pretty damn cool.  It will also fit perfectly in my clients WordPress theme.  But it is missing something.

A quick tip here:  when I was finished with the line work I selected all my lines and expanded them.  (Object > Expand).  This way, since I relied a lot on stroke weight to suggest shape, I can re-size this sucker at whim and it looks the same.

Now I need this little thing to pop!  I have decided to do this by trying to merge the “social media” icon look and the cell shaded cartoon look.  Wish me Luck!  My first step is to decide on a light source, in this case I am gonna put it in the upper left hand corner, just “off” camera.

Houseing Icon, Ryan Berry, TheGrav

Another tricky thing to keep in mind is perspective.  Generally speaking the laws/rules of perspective are something you can tweak, or outright ignore when looking at cartoon like images.  However tossing them out whole-sale can get you into a bit of trouble.

As you can see in this image I am starting to get my shadows placed but I am having an issue with the shadow edge in the chimney.  As I keep working it may be less noticeable or I may find away to fix it.

With lots of suggested lines, like I have here, it is all about balancing to get those shapes to truly pop.

House Icon, TheGrav, Ryan BerryI have added a second shading color, I also spent some time softening all my hard edges, by the time this is re-sized and read to be deployed really minute details like those hard edges are hard to see.  However the all around effect is that the image is just a bit softer, which is worth the extra time.

Now a light source does more than create shadows on the object, so I have some choices to make here.  I am not going to add a shadow to the ground, but I am going to add a few high-lights.

Like I do with most of my work, I am currently zooming in, zooming out, getting up from my chair, and just really looking at this object from as many angles as I can.

Here it is after a few highlights, and now it is time to sleep on it.  I am honestly not sure how it will get used!  Cool Icon?  RSS Feed button?  hmmm…

House Icon, TheGrav, Ryan Berry



1 thought on “Working on the House, In Illustrator…

  1. Pingback: Tutorial 1, Illustrator | The Dark Side of Digital Art.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s