100+ Resources & Inspiration for Hand Drawn Design
By Steven Snell | Published October 27th, 2008 in ResourcesThe hand drawn style of design is extremely popular right now. In this post we’ll take a look at a huge number of free resources for creating your own hand drawn design, plus plenty of examples for inspiration.
Hand Drawn Gallery:
These 20 websites are sure to give you some inspiration and ideas for your own hand drawn creations. Some use sketches or hand drawn elements throughout the design and others do so strategically in only a few areas.
Hand Drawn Navigation:
Many websites specifically use hand drawn elements for navigation menus and/or hover effects. Here are five example sites that do so.
Sketchy Icons:
The right icon set can give a website or blog an authentic hand drawn feel. You can either create your own icons, of take advantage the four free icon sets featured here.
Tutorials for Hand Drawn Design:
Looking to improve your skills at creating the hand drawn look? The tutorials shown below are a great start. Both Photoshop and Illustrator are represented.
Illustrating the Flower Pattern
Make an Inspiring Artistic Poster with Drawn Elements
Create a Sketchy Hand-Drawn Camera Illustration in Illustrator
Illustrate a Grunge-Style Talking Skull in Vector
Design Your Own Hand-Drawn Font
Hand-Drawn Photoshop Brushes:
One of the easiest and most efficient ways to give your work a hand drawn touch is to use Photoshop brushes. Fortunately, there are tons of free brushes in the sketching/doodle style. There are more than 30 of the best sets featured here.
Hand-Drawn Illustrator Brushes:
Photoshop brushes aren’t the only easy way to add hand drawn elements to a design. Illustrator brushes are another great option, although there are as many readily available.
Scribled Dry-Erase Marker Brushes
Hand-Drawn Fonts:
Hand drawn and sketched fonts are also very effective and easy to find. There are tons of fonts to choose from, here is a quick look at 16 quality choices.
Paper Textures:
Many hand drawn style designs are done on textured backgrounds, particularly paper textures. SXC.hu is one of the best resources for free images, and here is a collection of 16 paper textures from their site (these textures are taken from 60 Free Textures from SXC.hu).
For design tutorials and resources please see:
Wow, fantastic list of handrawn tools here, I am a big fan of these type of websites, and this list is exactly what people would need.
[...] 28, 2008 DesignMag : 100+ Resources & Inspiration for Hand Drawn Design Posted by cccmien Filed in Web [...]
What an awesome list! Thanks!
I’m a big sucker of this trend. Thanks for this wonderful collection. I’ll bookmark this.
dood – this is a crazy list! – will be back often to download. thanks.
Wow, massive list of awesome resources. Also, thanks for featuring my blog (pointlessramblings.com)!
Great post. Thanks you very much
[...] 100+ Resources & Inspiration for Hand Drawn Design (Designm.ag) [...]
[...] 100+ Resources & Inspiration for Hand Drawn Design (Designm.ag) [...]
What an amazing list! thank you
I really like the hand drawn websites, and there are some brilliant examples on here, which i used as inspiration when i was at university and designing my own portfolio website. They are completely unique and individual, a refreshing change from the average web design. Most have quirky elements and an organic feel.
This is a comprehensive list! It must have taken you ages to gather all these pieces of work. I really like hand drawn effects, they add a real depth and texture to a design, something that’s hard to achieve with web based work when you can’t use nice papers or print effects. I’m still waiting for an appropriate client so i can have a go at a hand drawn site, when i do ill be visiting. Thanks for sharing.
[...] 100+ Resources & Inspiration for Hand Drawn Design [...]
[...] DesignM.ag – 100+ Resources & Inspiration for Hand Drawn Design [...]
I just found out that you had linked to my Sketchy and Line Art Brushes. I wanted to thank you for thinking they are good enough to post on your blog.
this is crazy, i can’t say no more man,,, you’re truy awesome… hahahah!! many thaaaaaaaankksss!!!!!!
what a collection… awesome!!!… everything is here …thnx for sharing..
Excellent collection of brushes, thank you!
Fantastic post! I feel that hand drown designs in web design create a very casual feel that can build comfort with the viewer. Sometimes an incredibly flashy design can be somewhat intimidating.