<aside> 🎯 The goal of this project is to create a collection of hand-drawn sketches (ranging from complex to simple)

</aside>

How to get started

https://www.loom.com/share/28b499ee3983411bbc08e213c4c675a4

Reference Image Setup

  1. Import your SVG reference image

<aside> πŸ‘¨β€πŸ’» Now paste or import your reference image into Figma. Please create a free personal account at https://www.figma.com/, start a new file and just paste the image into this blank canvas

</aside>

Untitled

  1. Frame your reference image

<aside> πŸ‘¨β€πŸ’» Create a frame by right-clicking your image and selecting Frame Selection or use the following shortcuts: Option + Command + G (MacOS) or Alt + Control + G (Windows)

</aside>

Untitled

  1. Duplicate your frame

<aside> πŸ‘¨β€πŸ’» Duplicate your recently created frame by using the following shortcuts: Command + D (MacOS) or Control + D (Windows)

</aside>

Untitled

  1. Prepare your second frame

<aside> πŸ‘¨β€πŸ’» This is the frame you’ll be using to draw your vector sketch in. You can either:

a) Delete the reference image entirely b) Or reduce the reference image’s opacity to use as a guide for sketching (do not line trace the reference image, and make sure to delete the image after you’ve completed your sketch!)

</aside>

Image deleted from frame

Image deleted from frame

<aside> πŸ’‘ You can go to [View] β†’ Frame outlines to display the outline of the frame

</aside>

Untitled

<aside> πŸ’‘ Please make sure to delete this reference image at 20% opacity before you export!

</aside>

<aside> ⚠️ DO NOT LINE TRACE! Draw yourself.

</aside>

Sketching

  1. Draw a sketch based on the reference SVG image

<aside> πŸ‘¨β€πŸ’» Settings: Use the Pencil Tool, set the Stroke to 1-3, depending on the size of your frame

</aside>

Untitled

<aside> πŸ‘¨β€πŸ’» The examples below vary in detail from complex to very simple. You need to create a collection of all 4 styles per svg graphic, but you may not line trace the image:

  1. Complex: All line details captured, simple hatching, crosshatching for dark areas (spend less than 60 seconds per svg, if it takes longer, just make it simpler. don’t spend more than 60 seconds)
  2. Medium: All outline details captured, simple hatching (spend less than 30 seconds per svg)
  3. OK: Most basic sketch representation of objects (e.g. human β†’ stick figure) (spend less than 10 seconds per svg)
  4. Childish: Just some quick scribbles (spend a couple of seconds per svg)

</aside>

Screenshot 2023-06-06 at 10.09.12 PM.png

https://www.figma.com/file/bCof8n8LIvKPbw0DqXBaR3/Sample-Sets?type=design&node-id=20-2&t=yzvmBPBdjvfK16Nu-0

<aside> πŸ‘¨β€πŸ’» We pay based on # of complete sets of vector files (including 1 complex, 1 simple (medium), 1 simple (ok), and 1 simple (childish)

</aside>

Export

  1. Export your sketch

<aside> πŸ’‘ Please make sure to delete this reference image at 20% opacity before you export!

</aside>

<aside> πŸ‘¨β€πŸ’» Settings: Open an export menu ( bottom right on your right panel) for your sketch frame. Export in the SVG format.

</aside>

Untitled

  1. Label your files

<aside> πŸ‘¨β€πŸ’» Upload your files in the Sketch Project under Poly’s Project Portal. Please label them in the following styles

_a - complex _b - simple medium _c - simple ok _d - simple childish

Untitled

</aside>

More example

Untitled

Untitled

Untitled

Screenshot 2023-06-12 at 6.01.59 PM.png

Screenshot 2023-06-12 at 6.01.32 PM.png

Screenshot 2023-06-12 at 6.01.27 PM.png

Screenshot 2023-06-12 at 6.01.21 PM.png