Sketch Style: Ten Fonts and Ten Design Elements

sketch1Yesterday, we had a look at a few of the many fine Sketchy or Hand-drawing style sites on the web. Today, I’ve put together some resources that you might find useful if you are interested in applying that style to your own designs.

Here’s a compilation of fonts, photoshop brushes and vectors that have been sketched, hand-drawn and doodled.  All of the following design elements are free for personal use. For commercial use, please check the licence.

Les oeufs de Cassowary, Normal by Albertine Nerevan
sketchy-resources_clip_image002

Tiza by Pablo Caro

sketchy-resources_clip_image004

Tusj (Indian Ink) by Magnus Cederholm (formfett.net)

sketchy-resources_clip_image006

Sketch Block by Lukas Bischoff

sketchy-resources_clip_image008

Sketchy Times by !Exclamachine Type Foundry

sketchy-resources_clip_image010

Green Pillow by Billy Argel

sketchy-resources_clip_image012

Denne Threedee by Denise Bentulan
sketchy-resources_clip_image014

Pee Pants Script by Kirk Shelton http://www.dafont.com/pee-pants-script.font Check out his website too http://www.kirkshelton.com/ , for lots of cool sketchy illustration and inspiration.

sketchy-resources_clip_image016

Atman Dingbat by Eyesaw

sketchy-resources_clip_image018

Che Viva Banana by Font Environment . There’s lots more sketchy style dingbats on their site too.

sketchy-resources_clip_image020

There are of course, plenty more sketchy fonts available. Here’s the sketchy and hand-drawn styles on dafont.

Design Elements

Urban Scrawl Photoshop brushes from Invisible Snow

sketchy-resources_clip_image022

Scribbles and Doodles Photoshop brushes from my favourite brush “artiste” Osidian Dawn

sketchy-resources_clip_image024

Doodles and Sketches Vectors from Spoon Graphics

sketchy-resources_clip_image026

Hand-drawn arrows, RSS logos and social marketing icons from Think Design. –

sketchy-resources_clip_image027

Another from the Think Design blog, is this set of Vector Marker Scribbles.

sketchy-resources_clip_image029

Hand-drawn vector icons from Blog Theme Machine

sketchy-resources_clip_image031

Hand-drawn social networking icons from Charfish Design

sketchy-resources_clip_image032

Heart Doodle Photoshop Brushes by Susan Libertiny

sketchy-resources_clip_image034

Squishy Sketches by Squishy Paws

sketchy-resources_clip_image036

Andantonius’ Pencil Brush combined with paper action

This is a brush AND a photoshop action which used together will allow you to create natural looking pencil sketches.

sketchy-resources_clip_image038

So that should keep you busy for a while! Have you got some hand-drawn resources you’d like to share?

Related Reading:

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://www.historycommons.org/ Black Max

    Nice compilation! You put some time and effort into this. Thanks.

  • http://akindale.com brandaggio

    A really inspiring list and article…appreciated!

  • Albert Decruz

    The blogs informations related to web designing and the web promotions is very nice and informative . The presentation of the information is very much standard . I also maintaning a site which contains more details about the concept of web designing and many more details visit our site http://www.webzoneus.com

  • leisureforte

    These are all very RAD! Great job, thanx Leisureforte

  • http://www.crearedesign.co.uk TomBradshaw

    Some really nice fonts and inspiring set of illustrations. I’m trying to do something similar for my portfolio site

  • http://icoland.com/ glenngould

    I agree some nice fonts and stuff here in the list.

    If you need hand drawn sketchy bookmark icons though, I advise the most unique ones that you could have: your own ;)