Adobe Illustrator tutorial: Create awesome vector skull art

Hydro74 shows you how to create a killer skull-based artwork using a photo as a starting point in Adobe Illustrator.

Intro


Want to turn a photo of a skull into a fricking awesome illustration of a skull? Course you do. So just in time for Halloween, here's a step-by-step guide to how to do it in Adobe Illustrator by Joshua Smith – aka Hydro74.

He'll take you through how best to trace over a photo to get a vector drawing in half the time and with amazing results – then how to apply flourishes and grunge, then colour it ready to use as a screenprint or T-shirt.

See let's get cracking (skulls).

Software

Adobe Illustrator

Time to complete

3 hours

Step 1

STEP 1

I love skulls, and I actually have one handy in my office that I can snap a quick photo of. Since I’m lazy and don’t need any high-end technology to do this, I just did it with my iPhone since I can pretty much drop it into iPhoto and drag it into Adobe Illustrator. You can do this with a sketch, doodle or whatever you want to pull from.


Step 2

STEP 2

Knock the transparency down to 50 per cent. This will help avoid any confusion when you start dropping in your line art. One other thing I do is set up another layer, so the image is on one, and the line art is on another. This way I can click the image on and off just to see progression and to see if I need to fill in any certain area of the actual illustration.

Advertisement. Article continues below

Step 3

STEP 3

If this piece is pretty much a straight-on view, place a guide-line right in the centre of the photo so you can save yourself a bit of work in the long run.  That way, you can focus on just one side for now and once that is done, flip it over and edit.


Step 4

STEP 4

Start the line art. Do what you’re used to doing. I personally don’t use strokes in Illustrator because I like to have more control over my lines, but honestly, do what you feel the best at doing. I like to start from the eyes because that is the most central part of the illustration. Then just build around it.


Step 5

STEP 5

As you’re illustrating your piece, explore some ideas in shading, or just add to it. I would never suggest coping the piece straight up, but allow yourself to be creative. Also, don’t rush it. As you’re only focusing on one side of this piece, you’re already saving yourself time. Let the lines flow and add your own perspective on the piece.

Advertisement. Article continues below

Step 6

STEP 6

Once you get the first side done, copy your line art and flip it. Once you do this, line up the sides so they are almost flush. At that point, you’ll discover that certain spots look flat or odd. This is your chance to go in and clean that up and also blend the middle a little bit so it will feel more unique.


Step 7

STEP 7

Adding colour is quite fun. Create a new Layer under your line art. Lock the layer that has your line art on it, and also hide or click off of the layer with photo. You want to avoid any distractions and work with a clean background. First you want to drop a base colour down.


Step 8

STEP 8

I generally work in greyscale, then change it to colour later to save me some time, however it’s your call. You don’t have to be perfect when dropping in colour, it’s a matter of just filling in the areas that you want to pop out. Take time to throw a few shades of darker colour or lighter colour for shadows or light reflections. Doesn’t have to be over the top, but enough to give it some depth.

Advertisement. Article continues below

Step 9

STEP 9

When you finish the colouring process, create another layer for your background elements. That way if you need to go later for more colouring, or more line art, you can, besides, keeps the file really organized.


Step 10

STEP 10

I generally take advantage of clip art elements or create my own elements like hair, or little flourishes that I can throw all over the piece. This is where you can have fun with the piece and just let it become you. That’s really what this illustration is all about. It’s not about coping this skull, but it’s about your own perspective and take on this skull (or whatever you are illustrating).


Step 11

STEP 11

I also recommend just playing around with bitmap files or dirty vector files and place it on top or around the piece to give it a little bit more of the raw effect.

Advertisement. Article continues below

Step 12

STEP 12

At this point, you are pretty much done. I would expect at least 3-6 hours for a decent vector illustration, maybe more depending on how detailed you really want to get with it. Also don’t be afraid to rehash elements in it if it saves you time. Hair is a great thing, because if you do it right, you can pretty much rotate it and now you have a whole different piece to work with.