Downloaded 11 times
Uploaded byFITC
Making Friends With SVGs
The document outlines a step-by-step guide for creating custom avatars using SVGs in Sketch, emphasizing the use of shapes, shadows, and color palettes. Key steps include adding distinctive facial features, adjusting elements for depth, and styling the avatar. It concludes with a reminder to customize templates and make friends during the process.
Making Friends With SVGs
- 1.
- 2. THE Agenda Why this? Illustrations inSketch How to Export &Use Final Recap& Key Takeaways
- 3.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13. Open Sketch &Insert a new Artboard Step 1
- 14. Insert a pictureof your friend for a visual guide Tip
- 15. Create a colourpalette by using the Colour Picker & adjusting tones Tip
- 16. Add custom coloursto the Document Colors for easy access Tip
- 17. Insert > Shape> Oval for the head & adjust key points Step 2
- 18. Add Inner Shadowsto the head for depth Step 2
- 19. Insert > Shape> Oval as a base for hair add key points & adjust Step 3
- 20. Name & Uniongrouped features for a cleaner exported SVG Tip
- 21. Step 4 Insert >Shape > Oval as a base for the ears add key points & adjust
- 22. Step 5 Use thehead shape as a guide to create the beard & adjust the colour
- 23. Step 5 Duplicate thebeard and add noise to create hair texture
- 24.
- 25. Step 6 Insert >Shape > Oval as glass lens guide Insert > Shape > Rectangle for frame side & nose bridge
- 26. Step 6 Use theColor Picker to select glasses frame colours + gradient
- 27. Step 7 Insert >Shape > Oval to form the top and bottom lip
- 28. Step 8 Insert >Shape > Oval for eyes, duplicate & position to template
- 29. Step 9 Add anydistinctive facial features for a tailored look
- 30. Step 10 Insert >Shape > Rectangle for the neck & use shadow colour for contrast
- 31. Step 11 Be astylist - dress your Avatar & Add Mask to form the shape
- 32. Step 12 Make anyfinishing touches to finesse the look & feel
- 34.
- 35.
- 36.
- 37. Try Templates CustomizeMake Friends
- 38.