Basic Technial Illustration Photoshop

This tutorial is a little different from the previous one but you must have a basic understanding of photoshop and perspective. Usually technical illustrations are done in Isometric view but you can do in other views as well or perspective which is a little bit harder.

New document make it pretty big 2000px, 300dpi

  1. Step 1:

    Technical Illustrations are a little bit tricky but not that hard once you get a hang of it. This is basic drawing of the illustrations. I picked something simple like a pen.

  2. Step 2:

    The previous drawing made made from this 2d drawing. You can just draw in photoshop with the pen tool like I did, you can trace an image. All was done with the pen tool 3px black brush 100% opacity

  3. Step 3:

    The Hardest thing about technical illustrations are the ellipses. Depending on eye level, vanishing points, the circle will bend different ways. Basically the ellipse has two axis, Major axis and lower axis.

  4. Step 4:

    You pick the ellipse tool then switch to path tool right click stroke and pick brush

  5. Step 5:

    This is not 100% perfect in this case based on the perspective the ellipse would tilt a little bit more but to simplify it I just did it this way. Minor axis is parallel to the lines of the body and major axis is perpendicular you have to play around with the minor axis to get a realistic result

  6. Step 6:

    We have a gray background. The reason I picked gray is because it is a neutral color and its soft to the eye to work with and in this case it has some effect on the illustrations.

    New layer pick a nice 50-60 px brush get white color and stroke the highlights or where you think the highlights of the object will hit. and set that layer to blend to overlay

  7. Step 7:

    Ad some effects and we get this

  8. Step 8:

    Drop Shadow

  9. Step 9:

    Inner Shadow

  10. Step 10:

    Bevel and emboss