Home
Readers' Portfolios
Submit Your Portfolio
Graphic Design Blog
Design Book Store
About This Website
Graphic Design Jobs
Write a Good Resume
Job Interview Tips
Learn About The Job
Finding Inspiration
Software to Learn
CS4 Student Discount
Common Paper Sizes
Color Mode Basics
Color Management
Press-Ready Images
Clipping Path Cutouts
Cutouts That Blend
Cutting Out Hair
Process/Spot Printing
Image File Formats
Bitmap Tutorial
Gimp v Photoshop
Convert Text to Paths
Create Vector Logo
Pre-Press Checklist
Overprinting Issues
Create InDesign Files
qxd indd Text Extract
Convert QXD to INDD
QXD to INDD Example
Q2ID In Action
ID2Q In Action
Convert PUB to INDD
Convert .PUB to .PDF
Quark Style Sheets
InDesign Style Sheets
5th Black Spot Color
Edit PDF Files Part 1
Edit PDF Files Part 2
Typing Accent Marks
Proofreading Marks
Proofreading Basics
Video Tutorials
Bling Layer Effects
Glassy Layer Styles
Photoshop Glass Tips
Royalty Free Images
Illustrator Tutorials
AI Illustration Tips
Illustrator Gradients
Gradient Mesh Tool
Illustrator Live Trace
InDesign Tutorials
INDD Transparency
Reshaping an Advert
Font Recognition

[?] Subscribe To This Site

XML RSS
Add to Google
Add to My Yahoo!
Add to My MSN
Subscribe with Bloglines

 

Illustration How to Create Competent Line Art Using Adobe Illustrator

Illustration How to Create Competent Artwork - Adobe Illustrator Tips

Many's the time that I've come up against a project that's made me want to throw in the towel. Usually it's because of my limitations as an illustrator. In my youth I did a lot of painting and drawing because I enjoyed it - but I was never really any good. When I got into graphic design I didn't feel that I had given up painting - just that I'd changed medium. Now I know I'm a better graphic design than an illustrator.

So when a project I'm working on involves illustration and the budget doesn't extend to commissioning artwork from an illustrator, I get nervous - but I always find a way through. The project shown on this page is just such a case. We were charged with the task of designing and illustrating a series of manuals and labels for marine safety equipment. The illustrations had to be clear and easy to follow - if someone has to deploy a rescue sling in a hurry, they don't want to spend five minutes trying to decipher garbled instructions!


So how did we achieve this? Good old fashioned tracing in Adobe Illustrator. There's no shortcut to creating high quality work, but it needn't take forever either. For this project we first sketched out roughs for the labels - we then knew what text had to go where and what illustrations were needed by way of explanation. We then took photos of the items as we wanted them to appear, imported the photos into Illustrator, locked them on a layer and started to trace.

Don't use something like Live Trace for this kind of work. As good as it is, it overcomplicates things, and it'll take longer to simplify and clean up the resulting artwork than it will to trace what you need from scratch.

Illustration How to Create Competent Artwork
Case Study: Man Overboard! Create Adobe Illustrator Graphics

Below is a photo of my trusty assistant, Jacob. He has donned an inflatable horseshoe and pretended to be floating as a man overboard would be. Although he would be more distressed than he appears to be here, it's better to keep the expression neutral!


Illustration How to Create Competent Artwork
Lock the photo layer and build up the illustration in layers over the top

The photo layer is locked in the background, and then we add layers, building them up as we go. I always lock a layer when I'm not working on it to make sure I don't mess anything up that I'm not working on at the time. And always keep a .AI file as your working file. When the time comes to create an .EPS file for import you can delete the (hidden) background photo layer to keep the file size down.


Illustration How to Create Competent Artwork
Don't forget to lock layers you're not working on

Background objects stay in the background - I don't add any fill colours initially because my view of the guide photo will be obscured. Once the main objects have been created, I move onto details such as facial features etc. The fact that this has to be a black and white drawing forces you to be ruthless about what needs to be shown and what doesn't. For clarity, some objects which might be a light colour may need to become black to define them better. If the illustration was to be in colour it would help to define areas more precisely. This is great observational practice!


Illustration How to Create Competent Artwork
Tweak the finished illustration yourself until satisfied

Once the facial and other features have been added, you can turn off the photo layer and start to tweak the illustration itself. Even if a path follows the photo precisely, the finished drawing might still appear to look strange here and there - either because of strange perspective or an over-complicated item like a knot. This is where your artistic and observational talents must come into play. Tweak the illustration until you're happy. And there you have it! Simple, clear, competent looking Adobe Illustrator graphics for the portfoilio. Thanks to Jacob for going overboard - and happy drawing!



Did you find this website useful?
Did you find what you were looking for?
Please let us know and help us to improve our site.

Without your valuable feedback it's difficult to write new articles for Graphic Design Employment.com that are of use. Please click here and let us know what you thought of our site - and if you didn't find what you were looking for, please tell us so we can try to fill the gaps. Thanks for visiting, and we hope to hear from you!

Add to
del.icio.us
Rate our
site here
Return from Illustration How To Create Competent Line Art to Home

footer for illustration how to page