Finished some new icons for another project. Lesson learned: Imperfection is hard. Anybody can snap to the pixel. Trying to achieve a handdrawn look on a computer is just plain hard.
But if you know which effect to use in Illustrator...but even then it's not easy...
Click through for @2x.
10 months ago
Agreed! I've been working on trying to achieve the same effect. Any tips? Are you making these available for purchase/download anywhere?
9 months ago
@Nicholas Petersen The best article I've found is Method & Craft's Old Is the New New. The takeaway point there is Illustrator's "roughen" effect, under Effect > Distort & Transform > Roughen. That's what I used. It seems like if the icon is mostly round, go with the "smooth" option, and if it's squareish, go with the "corner" option, but you can manually tweak after that.
Didn't think to make them available. Would people actually buy them??
@Rich Cornish This is a great article! I've used this before, but have had mixed luck on specific shapes (like that dang twitter icon!)
I've seen some similar icon packages on creative market and graphic river, and yours are right up there!
For my purposes, I ended up just going for it by hand, and came up with these.
Thanks for the help!
@Nicholas Petersen If it helps, I worked from the original vector logos of Facebook, Twitter, Pinterest, etc., and roughed them up from there. I didn't feel the need to go hand drawn, vectorize, etc., but that can work. Starting with the perfect vector, like for Twitter, then messing them up gives them a little flair without re-creating the wheel.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter