Previous Tip  |  Next Tip  |  Design Tips   | [Bill's Home]

From sketch to graphic

A key element of producing graphics is to be able to draft them on paper, and then convert them into a digital form. For example let's try and make a logo graphic. First a few ideas are sketched:

The bottom graphic looks okay, so let's cut it out to give:

As we did in the previous design tip, this graphic can simply be reduced in size, and then given a hint of red, green or blue:

More green

More blue

More red

I actually quite like these graphics, and there's one to match any colour scheme that we might use. Next we can start to fill the image in, paying particular attention to the bits that the fill tool does not fill:

followed by the background colours:

and more:

and then to:

next we fill-in some of the back areas, the text and a border are added:

Finally, we need to reduce the size of the graphic, so that it can be properly integrated into a page. To assess the right size, we reduce the graphic to 200 pixel width, 150 pixel width, 100 pixel width, and then finally to 50 pixels:

200 pixels

150 pixels

100 pixels

50 pixels


You can see that 100 pixels seems to work best, as the 50 pixel version is too small. Each of the graphic elements can be used, though, in different situations, as the user will become accustomed to the graphic element, and will know that what it is intended to present (in this case it is the copyright graphic).

Please excuse the roughness of the graphic (as I produced it in a matter of minutes), but it has shown the general principles of converting a drawing into a proper graphic.

So does it work? Let's try it with some text:

No paragraph of this publication may be reproduced, copied or transmitted save with written permission or in accordance with the provision of the Copyright, Designs and Patents Act 1988, or under the terms of any licence permitting limited copying issued by the Copyright Licensing Agency, 90 Tottenham Court Road, London W1P 0LP.

Any person who does any unauthorised act in relation to this WWW site may be liable to criminal prosecution and civil claims for damages.

Well, I think it works quite well, but I like this type of art. Nice and abstract! The rough edges, and lack of preciseness, really appeals to me, as it makes a nice difference from the clean edges of clip-art, and metafile graphics. I know it isn't perfect, and several of the black lines need to be enhanced, but it looks okay as a small graphic. It's also unique, which counts for something. So, throw away your computer package, and buy yourself a good pencil and some nice paper, and create yourself some unique content.