<aside> π― The goal of this project is to create a collection of hand-drawn sketches (ranging from complex to simple)
</aside>
https://www.loom.com/share/28b499ee3983411bbc08e213c4c675a4
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>
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>
Duplicate your frame
<aside> π¨βπ» Duplicate your recently created frame by using the following shortcuts: Command + D (MacOS) or Control + D (Windows)
</aside>
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
<aside> π‘ You can go to [View] β Frame outlines to display the outline of the frame
</aside>
<aside> π‘ Please make sure to delete this reference image at 20% opacity before you export!
</aside>
<aside> β οΈ DO NOT LINE TRACE! Draw yourself.
</aside>
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>
<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:
</aside>
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 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>
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
</aside>
More example