Hand Drawn Design Elements: From Sketch to Vector | Lia Leslie | Skillshare

Hand Drawn Design Elements: From Sketch to Vector

Lia Leslie

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
19 Lessons (49m)
    • 1. 00 - Introduction

      1:12
    • 2. 01 - Five steps of creating vector art. Hand drawn style. Vector and Raster images.

      2:29
    • 3. 02 - How to choose the right pen and sketch pad for drawing design elements

      2:07
    • 4. 03 - How to draw design elements by hand

      3:11
    • 5. 04 - How to take a picture of drawings

      2:09
    • 6. 05 - How to download free trial for Photoshop and Illustrator

      2:06
    • 7. 06 - Photoshop Interface. Quick Tour

      2:49
    • 8. 07 - How to process images in Photoshop

      2:50
    • 9. 08 - How to save in Photoshop: Save, Save as, Save for web tools

      2:00
    • 10. 09 - How to cut out by Magic Wand tool in Photoshop

      2:45
    • 11. 10 - How to create a PNG with transparency in Photoshop

      1:30
    • 12. 11 - Illustrator Interface. Quick Tour

      1:57
    • 13. 12 - Converting raster image to vectors in Illustrator

      3:59
    • 14. 13 - How to save and export in Illustrator. Saving multiple artboards

      3:04
    • 15. 14 - Fills and Strokes. Applying changes in vector shapes

      3:44
    • 16. 15 - How to resize and reshape vector shapes

      1:45
    • 17. 16 - How to group and ungroup objects

      1:28
    • 18. 17 - How to reduce extra points in Illustrator

      3:51
    • 19. 18 - How to paint vector design elements

      4:13

Project Description

Create design elements set in hand-drawn style: draw by hand and turn into vector

Assignment

Create a set of vector design elements in hand-drawn style such as icons for web or applications in any interesting for you thematic. Just as you see demonstrated in the video lessons: draw by hand, turn into vector style and apply changes to vector shapes:

1. Draw design elements by hand

2. Scan or take a pucture of drawings

3. If it is needed: Process image, cut backgroud in Adobe Photoshop and save in PNG format transperently

4. Turn into vector art in Adobe Illustrator

5. Aplly color to fill and stroke

6. If you want: paint design elements

7. Export all design elements as single file in PNG format. 

Design elements should be created in the same style. Post your vector design set in the project gallery. Please see below my examples.

Finance icons set

552fc29a

Office icons set

902d751f

Student Projects