Orion

1 - passo:

primeiro vamos escolher um gif, pode ser de qualquer rede, porém, eu escolho aqui mesmo porque as qualidades são melhores

2 - passo:

abrir o photopea, vai em novo projeto > mudar as opções de altura e largura para 120 x 120 caso vc usar spirit! caso não, procure as medidas do seu site antes de fazer. e imporante, vc vai mudar o dpi de 72 para 7200, uma coisa que pode ser opcional é vc mudar o fundo de branco para transparente, no transparente vc vai enxergar melhor na hora de mexer com o gif

4 - passo

com o novo projeto aberto, voce vai clicar em arquivos e depois em abrir...

5 - passo:

com o abrir, voce vai escolher o gif que baixou, detalhe! ele vai abrir em outra pagina e isso tem um motivo!

6 - passo:

Se voce notar, o gif vem em uma pastinha, voce vai clicar com o botão direito do mouse, vão aparecer varias opções, mais a que vc vai clicar é em "duplicar em"

quando voce clica em duplicar em vai aparecer essa imagem:

em destino voce vai escolher a base do seu icon!

7 - passo:

agora vem a hora chatinha! se ficar com duvidas nessa, pode me chamar no spirit ou aqui mesmo! Quando voce vai na base do seu icon com o gif já duplicado ele não vai aparecer certinho centralizado, vai aparecer maior e mais deslocado, para resolver isso a gente vai na pasta do gif:

dai é só mudar a L do seu icon, eu mudei para 120, mas não são em todos os casos que o 120 funciaona, vc tem q ver como vai ficar, se ficar torto, vc vai ter q abrir a pasta do seu gif e clicar na primeira foto:

agora, segurando o shift, voce vai descer até a ultima parte do seu gif, dai é só arrumar no centro.

aproveitando que o seu gif já está selecionado, voce vai em filtros e vai clicar em aguçar e depois em aplicação de nitidez

em aplicação de nitidez, vc pode ter 4 opções, eu escolho 1px em 200%, mais vc pode fazer 0.5px em 150% ou em 200% e 1px em 150, depois clique em aceitar.

8 - passo:

veja pelo lado bom, a pior parte já passou!! agora é só o psd e o 3D.

para o psd, vc vai em arquivo de novo e em abrir dnv, e vc vai escolher o psd, nessa caso, o psd escolhido foi um meu que eu já tinha baixado:

vc vai na pastinha do psd e vc vai duplicar ela pro seu icon!

agora só falta o 3D, esse passo é opcional, vai dar um tchan a mais no seu icon, mas se não quiser, tudo bem! vc vai na pastinha do seu gif e vai clicar em duplicar camada

deve ficar assim:

nessa copia, voce vai clicar duas vezes seguidas em cima (clique mais perto do símbolo de basta)

vc vai 'desclicar' o G e B e vai mudar a opacidade de 100 para 50, assim:

e depois disso vai clicar em aceitar! em seguida, vc vai nessa area (a mais escura)

ai vc vai mudar o X e o Y (lembrando, tem que ser na mesma camada q vc tirou o R e G) geralmente, eu mudo pra x 1 y 1, mas vc pode escolher! feito isso, vc vai clicar, segurando o shift, nas duas pastas de icons (a do 3D e a original)

feito isso, vc vai em: camada e vai descer até achar animações, em animações vc vai clicar em mesclar:

e pronto! seu icon gif está finalizado, agora é só baixar, ai vc vai clicar em arquivo > exportar como > gif

meu resultado ficou assim: