100+ Resources & Inspiration for Hand Drawn Design
The 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. 🙂
Pingback: Hand Drawn design - this one has it ALL !!! « External Memory
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
Pingback: gearhed.com » Blog Archive » Best of the web - my pick for October 2008
Pingback: Best of the web - my pick for October 2008 | zbStudio.net
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.
Pingback: Trend în web design: notiţele şi desenele schiţate de mână | connectpixels | blog
Pingback: Platform – Good design can drive traffic
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.
How is that hove effect of the handwritten text called and how can i get it?
You can take a look at bottom menu of this website: http://www.legworkstudio.com or this one http://www.rednoseday.com/
Excellent post, I really like hand drawn effects, they add a real depth and texture to designs!
Wow! What a beautiful and comprehensive selection, Thank you for sharing these inspirations for Hand Drawn Design!
Have always been a BIG fan of hand drawn designs and these are great resources and inspiration, Cheers!
Techniques to are you acknowledge this ?
This is the most inclusive hand-drawn web design resource list that I have found…it is very inspiring and helped inspire me to redesign my site – http://www.drawinghowtodraw.com/ – this site was almost completely made out of illustrated/hand-drawn, cut and ripped pieces of paper, that were then assembled, photographed, and then laid out as a web site … which then gives the site a 3-dimensional affect. I hope that you can add it to your list. Either way, GREAT, inspiring, list.