Skip to content

Latest commit

 

History

History
41 lines (29 loc) · 2.86 KB

AVATARS.md

File metadata and controls

41 lines (29 loc) · 2.86 KB
Raw

How to add new avatars

This process is very manual and time consuming at the moment and would benefit from some automation. If you can help with this, please open an issue to discuss what you propose or submit a Pull Request with your changes. You can create a new avatar from scratch (work in progress) or by modifying an existing design.

Table of contents

Prerequisites

Create a new avatar from scratch (work in progress)

  1. Download and open the sample skeleton SVG in Inkscape and create a copy, then close sample skeleton SVG. Note: do not add, remove or rename joints (circles) in the group. Avatar Animator relies on these named paths to read the skeleton’s initial position. Missing joints will cause errors. You can move the joints around to embed them into your illustration. See step 4.
  2. From Object > Objects... menu, create a new top level layer named illustration. Then place all path graphics under it. Make sure to flatten all subgroups so that the layer illustration only contains path elements, composite paths are not supported at the moment. The object structure should look like:
    [Layer 1]
    |---- skeleton
    |---- illustration
            |---- path 1
            |---- path 2
            |---- path 3
  1. Embed the sample skeleton in skeleton group into your illustration by moving the joints around.
  2. Save as SVG with your preferred name.
  3. Open Avatar Animator and drag and drop the new SVG into it.

Create a new avatar by modifying an existing design

  1. Download and open an existing illustration from the illustration folder in Inkscape and create a copy, then close sample skeleton SVG. Note: do not add, remove or rename joints (circles) in the group. Avatar Animator relies on these named paths to read the skeleton’s initial position. Missing joints will cause errors.
  2. From Object > Objects... menu, expand the illustration layer. From here you can replace path elements with your own ones. Make sure to flatten all subgroups so that the layer illustration only contains path elements, composite paths are not supported at the moment. Notice that some path elements are grouped together, for example eyes, jaw, nose. Make sure to keep these groups and only replace the path elements inside these groups.
  3. Save as SVG with your preferred name.
  4. Open Avatar Animator and drag and drop the new SVG into it.