Mobile app version of vmapp.org
Login or Join
Sarah814

: How to draw hand drawn style icons? I have always wondered how illustrations like above are drawn. What is the usual and efficient way? Do designers do sketches first and then trace over

@Sarah814

Posted in: #AdobeIllustrator #AdobePhotoshop #Icon #Illustration

I have always wondered how illustrations like above are drawn. What is the usual and efficient way? Do designers do sketches first and then trace over them or there is a technique?

It looks specially crafted to look hand drawn, but still is clear in its function. This style is most used in videos describing some new website etc.

I would like to produce this either using Photoshop or Illustrator and I can use a graphic tablet.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Sarah814

2 Comments

Sorted by latest first Latest Oldest Best

 

@Nimeshi706

Here's a video explaining the processes:



Believe it or not.. people actually can draw.

So often people assume there's some computer trick to something magical they can do to mimic skill as an artist when the answer is really... be an artist who can draw or hire one.

If you just want hand-drawn style icons, draw them and then scan them. I have yet to find any digital processes which yields better results. Even with a tablet and Photoshop the drawing isn't the same. If you have a Cintique then you may be able to forego scanning, but the distance and angle of tablet use seems to not be conducive to traditional results on paper.

10% popularity Vote Up Vote Down


 

@Harper654

Not sure if you are asking about the computer in your example or the logos.

The computer:

A lot of drawings like these are made by drawing over a picture or using trace option in illustrator.


Take an image into illustrator and play with trace.
Or, take it into illustrator, make a new layer, lock the layer with
the image, and trace by hand the lines you need.


This process would be easiest if you have made the image black and white with high contrast in photoshop first. Here is a post explaining these approaches.

The logos:

Generally, the most efficient way is to sketch lots of ideas on paper. And in the case of LinkedIn and Facebook, slight alteration of an existing font (this usually done in illustrator by writing text - > create outline - > ungroup - > alter the vector bezier points to your hearts content).

Animation:

Using some kind of animation programme (such as flash, Blender, GoAnimate, AnimeStudio, or a bunch of others, depending on your preferences and what the end goal is).

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme