starred/lunacy-docs
1
0
Fork 0
mirror of https://github.com/icons8/lunacy-docs.git synced 2026-08-30 02:34:19 -05:00
Code Issues Packages Projects Releases Wiki Activity

Avatar

Browse Source
This commit is contained in:
documentat.io
2020-11-04 14:07:22 +03:00
parent ef93d44364
commit c313690457
3 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/public/tools-avatarbg.mp4
BIN
View File
Binary file not shown.
docs/public/tools-avatarbgph.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

docs/tools.md
+15
View File
@@ -384,6 +384,21 @@ Moreover, you can create avatars from any shapes. For this, select a shape, then
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/rn-newavatar2ph.png" height="auto"><source src="/public/rn-newavatar2-1.mp4" type="video/mp4"></video>
### Adjusting background in avatars with generated photos
You can change the background in avatars based on generated photos. The procedure is as follows:
1. Select an avatar.
2. In the **Avatar** section of the Inspector, switch to *Generated photos*.
3. Enable the **Transparent** toggle.
4. Set the rest of the options as needed.
5. Click **Generate avatar**. A new avatar with a transparent background appears on the canvas.
6. In the **Fills** section of the Inspector, click `+`. This will add a new fill layer above the image.
7. Drag the new layer below the image layer.
8. Enable the color picker and set the required background color (see the demo below).
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/tools-avatarbgph.png" height="auto"><source src="/public/tools-avatarbg.mp4" type="video/mp4"></video>
## GUI tool