# Gesture icon

Here you can understand how the gesture icons work and learn how to make your own and place them correctly in the plugin.

### Creating gesture image:

1- Open MagicGestures resourcepack\
\- Assets/magicgestures/textures/custom/menu/gestures.png

2- Open gesture.png image with image editor (Aseprite or PhotoShop)

3- Save an screenshot of your gesture( I have painted the texture and View shading to disable)

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2F6YYJ2aamQp4WzGwRvcdA%2Fimage.png?alt=media&#x26;token=81ca8d69-299d-438c-8cf6-ce23ad260861" alt=""><figcaption></figcaption></figure>

4- Paste on your new gesture image on editor an adjust inside 32x32 pixels frame.

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FVsZyoVFoNcQvZBGUdh2m%2Fimage.png?alt=media&#x26;token=51bb6ceb-7e12-49f8-8103-bc3a35e7316a" alt=""><figcaption></figcaption></figure>

5- Fixing optifine shift bugs.\
-Set a pixel on each corner and low the opacity to 10%

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FG6P6dpON8cyKEveCr1cD%2Fimage.png?alt=media&#x26;token=f49a634b-c287-4cb3-a934-e359419de8b2" alt=""><figcaption><p>100%</p></figcaption></figure>

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FAuUom95j1g6UkH1f4Vm5%2Fimage.png?alt=media&#x26;token=d0c8364b-7906-45f7-923c-89f6b880dc80" alt=""><figcaption><p>10%</p></figcaption></figure>

6- Save the imagen on the same route.

### How does MagicGesture take images from gesture.png image?

MagicGestures uses 4 rows for the "All" Gui and each row gets a new font(gui\_all\_row\_\<number\_row>) because each font has registered the same gestures only with a different height to fit well in the slots.&#x20;

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FBhHbfqGOe1MCyaKmJQA5%2Fimage.png?alt=media&#x26;token=4fede639-f6cc-4ead-acf3-366129de5b18" alt=""><figcaption></figcaption></figure>

The fonts can be found in: Assets/minecraft/fonts/gestures/

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FAkw0HeeisRYDvOIEkH82%2Fimage.png?alt=media&#x26;token=8aa80042-4021-4475-9390-d4362ee037ca" alt=""><figcaption></figcaption></figure>

1. Open the gui\_all\_row\_1.json to get the correct unicode character.

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FZQUXhPqix33REVkCRCPG%2Fimage.png?alt=media&#x26;token=ca25905a-feaa-4780-84d7-94f0737547f3" alt=""><figcaption></figcaption></figure>

2. This group of Unicode fonts represents the gesture image on each row

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FPFg37hANQawQU01IMwl2%2Fimage.png?alt=media&#x26;token=fedd8b67-0869-4614-aeda-18f262d0de49" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2Fe65KDK1J5NrNqgb35vCn%2Fimage.png?alt=media&#x26;token=edd0cc16-22ba-414a-a021-335fd00b3b00" alt=""><figcaption></figcaption></figure>

3. Copies the unicode char that belongs to the new gesture image

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FcmQ2DJvB3YRxUwY6yFWK%2Fimage.png?alt=media&#x26;token=c09a57dc-435e-4a90-9d9e-0b9a4987a8eb" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FHGxaFO9HBaqr51Tp27El%2Fimage.png?alt=media&#x26;token=9c39ab91-02db-4b54-af29-e4062bed4d3c" alt=""><figcaption></figcaption></figure>

### Adding the image to gui and configuration file.

1\.       Edit on MagicGestures/gestures/gestures.yml configuration

2\.       Create a new configuration for the new gesture.

3\.       Paste the unicode char.

4\.       Set each animations from you gesture.bbmodel

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FChga375IO4H3uSCn2ZaY%2Fimage.png?alt=media&#x26;token=99b5d5a6-52ea-4a38-af28-a66df2365f95" alt=""><figcaption></figcaption></figure>

5. If your gesture pack does not have start, idle, end animations please only use your animation on idle.

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2Fw5z6b8pdVoy3GqvSQpKZ%2Fimage.png?alt=media&#x26;token=ecb31ddf-73bf-4ff2-8388-6d42d311b6ef" alt=""><figcaption></figcaption></figure>

6. Reload MagicGesture and you will see your new gesture on "All" Gui.

<figure><img src="https://1378021457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSJfJnAFsznPqq9q6Kix5%2Fuploads%2FEJmlfromxhaxkor0gIyQ%2Fimage.png?alt=media&#x26;token=4161eea5-ac05-43fc-9b77-2c85306289a8" alt=""><figcaption></figcaption></figure>