Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I want to know if there is an easy way to turn a normal looking icon into one that looked sketched. I need some or a web project I am working on, ill give an example.

Normal image:
enter image description here

Sketched looking:
enter image description here

Now I want to do this for some icons that are not available, such as the android logo:
enter image description here

share|improve this question
add comment

3 Answers

up vote 11 down vote accepted

the example which you are showing is way different from what i made, all you have to do is recreate all of your icon the way i did till any one suggest something ;), its quite difficult to get the same output as you want(Gmail icon) with the help of Photoshop....

first of all go to filters and add some noise and follow SS.

enter image description here

If you can use adobe Illustrator

Hope this will help....

share|improve this answer
1  
Wow this looks actually pretty good, I am going to try this with a few different icons, see how the results are. I think this is the best that can be done. Awesome!! –  Saif Bechan Aug 9 '11 at 10:12
    
A useful preliminary step would be to run Filter > Distort > Ripple, with the "Small" setting. Give yourself a little bit of extra canvas to allow the edges to roughen up. For extra credit, instead of Ripple, build a displacement map you can use for all of your icons. Use Filter > Distort > Displace on each icon before you run the steps Jack has given. (See Photoshop Help for details of how to set up a displacement map.) –  Alan Gilbertson Aug 10 '11 at 21:37
    
cool man. really great example! Appreciate all the screenshots too –  Jake Rocheleau Aug 11 '11 at 11:59
add comment

I imagine the easiest solution is to print out the image, place it under some tracing paper and then grab a pencil.

share|improve this answer
    
… a pencil, or, a graphic tablet! Would be able to skip the scanning and then the retracing. –  koiyu Aug 9 '11 at 8:56
    
Yes I am considering buying this. Do you maybe have some information on what is a good graphic tablet to consider buying. I mean one that is good for basic stuff, but for a reasonable price. –  Saif Bechan Aug 10 '11 at 21:18
add comment

In CS5, at least: Filters→Sketch→Graphic Pen, go to town.

share|improve this answer
    
Thanks for the answer. I tried this, but it turns it black and white. –  Saif Bechan Aug 9 '11 at 0:47
2  
throw a Layer on it and recolor it? –  Lauren Ipsum Aug 9 '11 at 1:59
    
I like "go to town" -- A quick pit-stop at Starbucks, then off to the movies? :-) –  Alan Gilbertson Aug 10 '11 at 21:03
1  
can it be a local coffee shop? Starbucks is undrinkable sludge without the candy-bar-in-a-cup toppings they drown it with. –  Lauren Ipsum Aug 11 '11 at 0:09
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.