07-11-08 Korea 07, originally uploaded by goodalefampics.

Wow, ever since the start of their 2D Side-Scrolling MMORPG (Massively Multiplayer Online Role Playing Game) MapleStory, developed by Wizet, I’ve been interested in this company from South Korea. They seem to just continuously pump out great websites, great games, and the obviously top of the line setups for conventions!

They have a North American division, and it started as NX Games and changed later to Nexon America. Their flagship product was MapleStory, and to my knowledge it is still their biggest and most popular game, at least in America.

Wouldn’t it be cool to work for this company?

…using Adobe Illustrator.

Lately I’ve gotten into making simple illustrations for sites (like this one!).  I know that to most, my art isn’t amazing, but it works and it can be used to make a creative, cleanly designed website.

This is kind of a mini-tutorial, and isn’t terribly detailed, but shows the basics of how I make my humble art.

     1. Draw it on paper!

Here’s a little sample I sketched before:

This is the easiest part for me.  I am not that great of an artist, but it’s definitely easier to draw something on paper compared to trying to draw with a tablet or mouse.  Whatever you’re drawing, whether it be a logo or a potato, paper lets you be messy.  Go ahead, scribble or sketch, it’ll be refined later!

     2. Scan it or take a picture of it with a digital camera.

(Below is a Canon PowerShot SD1000; Just an example of a nice Digital Camera.)

 Instead of a digital camera, I use the iSight camera on my Apple iMac.  It’s conveniant (built in) and simple.  Just hold up the paper and snap a pic.  However, a camera or scanner will do just fine.

     3. Open up Illustrator and drag your scanned/captured image onto the canvas in a new layer.

A new layer should be used so you can adjust opacity and see what you’re going to draw over it more clearly.

     4. Pen Tool!

Using the pen tool, trace over the outlines of the things you drew on paper (make sure to keep your pen tool created lines in a new layer over the original drawing!).  Also try to connect/close your pen tool shapes so you can fill them with colors or patterns after you’re done tracing.

     5. Color it!

If you’ve closed/connected the shapes you drew with the pen tool, just fill everything with color you think would look good.  Adjust the order of your shapes in the layer if needed.  Be free and creative!

     6. Look at your finished product.

Does it look good? Is it how you like it?  If not, go back and fix or add some things.  Be creative with it.  Have fun.

And that’s it.  Yes, I know, this tutorial isn’t much better than the quality of my art, but I hope to help others learning to do Illustration like me. Good luck!  (By the way, I can probably attach pictures of using the pen tool and Illustrator, so let me know if that would be helpful to do.)