This is our company Blog. We hate being normal. Come see what's outside.
We first got into the blogging world with our website blog 'We Are not Freelancers'. The site is a combo of the 'Ten Pixel Method' and hand drawn characters and letters. A lot of people who we have met say they wish they could create something simila,r but will not because they can't draw.
We say anyone can draw if you use a simple technique.
David gives you a quick lesson on how to create a hand drawn website using the 'don't lift the pencil' technique:
Are you really going to let Chicago Web Design have the last say? We dig any kind of feedback, positive or negative (although positive does feel better), so don't be shy.
Posting your comment
Don't miss a beat on new themes, offers and rad articles.
Obox Themes
Latest theme releases as well as cool design links
David Perel
Co-founder of Obox and lead designer.
Marc Perel
Co-founder of Obox and lead developer.
Peter Lehto
Developer at Obox. Mad Piper / PsyTuts.
Nick Hamze
Developer at Obox. Law student.
© 2012 Obox Design This site was designed by Obox and is powered by OCMX.
All our WordPress themes are licensed under the GNU general public license.
23 Comments
This will come in handy, thanks for sharing!
Very interesting and useful, thanks!
Ive been always impressed with grunge layouts with hand-drawn elements. What youve demonstrated here is really amazing. I will definitely use this technique in my future personal projects or maybe in the next re-design of my blog.
Thank you for sharing and keep it up.
This was exactly what I was looking for. Thank you so much for letting me know of this. And the timing couldnt be better - Im redesigning my blog, and Im going to make it look hand drawn now.
I am glad you all enjoyed this post, we tried to keep it as simple as possible. I recommend that you check out From-the-Couch because we plan on doing more of these videos.
You can find from the couch here: http://www.from-the-couch.com
Nice technique, thanks for sharing.
So, I couldnt hear the audio, but I expected there to be a lot of critique from people saying "What about live trace? What about multiplying your penciled scan over itself and painting under it so you dont get the line variation or white spots when you bucket fill? What about using a tablet?"
The textured line quality of the pencil provides for an interesting mark, though, and sometimes we forget just how uncomplicated this thing of expression can be.
@Clarissa - This is the cheapest way :P
Awesome. Great tutorial. Ill do a site like that too later :P
nice tutorial. keep it coming :]
Hi, Thanks alot for sharing the tutorial. I am going to make my own site soon & will be using your idea definately in it. I recently made this site : www.kanojiaindia.com. If you could please comment about it.
@Shruti,
I took a look at your site and it has some potential. There is one area which I feel needs a bit of work though, in the footer section the padding needs to be corrected.
Please take a look at this post to find out more:
http://www.wearenotfreelancers.co.za/view_item.cfm/title/using_padding_in_your_design
Good luck.
Excellent. thanks guys for the tips. Ive got lots of ideas. its just the time i need to do them.
I loved this tutorial. Thanks for presenting it clearly and quickly. I hope I can work as fast as you all can someday.
This may surprise you guys: Your drawn blog design sucks. The drawing is to blame. Sorry.
But your tutorial is great. Thanks.
@Pat - We are not surprised, not everyone will like the hand drawn technique and we appreciate your opinion. However, were glad that you found the tutorial useful :)
I love your hand drawn technique! I dont have the same software I have paint shop pro photo x2, so I will give it a try there. Thanks again!
I love it :) Thanks I will gonna used it for my new client
If I could actually draw, this would be an idea I would use for a theme
I love it, will try to use it in next project. Thank you for sharing
Wow - I've seen a LOT of lists of hand-drawn sites, but this is the first that I have seen anyone explain their process in making one. THANK YOU for doing this. I could have used your tutorial when I was redesigning my site, which I designed in a hand-drawn style - http://www.drawinghowtodraw.com/ - however, I made it into 3-d paper art (which is when you draw and then glue pieces of paper together for a 3-dimensional look). I hope that you like it.
I absolutely love hand-drawn web design. It shows the passion and artistic ability of the web designer or illustrator. Nice Collection! Chicago Web Design