> For the complete documentation index, see [llms.txt](https://benjohansen.gitbook.io/musictech/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://benjohansen.gitbook.io/musictech/old-1/units/photography-graphics-video-digital/assignment-2d-graphics.md).

# Assignment (2d graphics)

**Use Gravit** to work in the browser ... this is a great free alternative to Adobe Illustrator.

* Navigate to <https://designer.gravit.io/>
* log in with your Facebook or Google account and continue with free version (you'll have to "x" out of the popup or click start free)
* Complete the following tutorial using a different color background and the first letter of your first or last name ... modify it so the background is transparent and export as a PNG.
  * hold down shift to change the size of the ellipse and letter (after converting to path)

{% embed url="<https://youtu.be/WtkTbaCqmSM>" %}

Upload the icon to your Github and create a page with the following code:

```
<!DOCTYPE html>
<html>

    <body style="background-color:green;">

        <img src="icon.png" alt="icon">

    </body>
    
</html>
```
