#resp

Nesse tutorial eu estarei usando o Photoshop 2021 porém você consegue fazer essa edição em qualquer versão do Photoshop, mas ainda sim recomendo uma versão depois de 2020. 

Com o seu Photoshop aberto, crie um novo documento com o tamanho que seu gif final terá, eu no caso usei o tamanho 580x600 para fazer o exemplo acima. 

Vá em Arquivo/File > Importar/Import > Quadros de vídeos para camadas/Video frames to Layers e escolha o vídeo no qual irá fazer o gif. 

Uma janela será aberta, na seção “Escala para importação” selecione a opção Somente intervalo selecionado. Use o seu mouse para selecionar a cena do gif que irá fazer assim como no print abaixo:

Após selecionar a cena, clique em Ok e o Photoshop abrirá as camadas e quadros do gif. 

Caso a janela Linha do tempo não esteja aberta no seu Photoshop, basta ir em Janela/Window > Linha do tempo/Timeline.

Com o quadros abertos, selecione aqueles que farão parte do seu gif. Para fazer isso você pode clicar com o mouse em cima do primeiro quadro e com o botão SHIFT do seu teclado pressionado, clicar com o mouse no ultimo quadro que você quer que faça parte do gif. 

Com os quadros selecionados, clique no ícone de “quatro linhas” que fica na parte superior direita da janela Linha do tempo e clique em Copiar Quadro/Copy Frames:

ATENÇÃO: Lembre-se da quantidade de quadros que você selecionou pois o segundo gif que você for fazer terá que ter a mesma quantidade de quadros. Como por exemplo no print acima, o meu gif tem 55 quadros, então no próximo gif eu terei que selecionar também 55 quadros. 

Vá no documento que havia criado primeiro, na janela “Linha do tempo” clique em Criar linha do tempo/Create timeline. Depois clique no ícone que fica no canto inferior esquerdo que tem “três quadrados”:

Depois clique novamente no ícone de quatro linhas que fica na parte superior direita da janela Linha do tempo e clique em Colar Quadros/Paste frames.

Uma janela abrirá, escolha a opção Colar sobre a seleção. Após isso, os quadros serão colados no documento que você criou no começo. 

Com os quadros colados, dê CTRL + G para que as camadas desse gif fiquem agrupadas. E você pode deletar a camada vazia que ficará debaixo desse grupo que você fez com as camadas do gif. NÃO DELETE O GRUPO E SIM A CAMADA VAZIA:

Depois de ter feito isso, vá novamente em Arquivo/File > Importar/Import > Quadros de vídeos para camadas/Video frames to Layers e escolha o vídeo no qual irá fazer o segundo gif.

Faça o mesmo passo que ensinei no começo e selecione Somente intervalo selecionado na seção Escala para importação e selecione a parte do vídeo que fará o segundo gif. 

Escolha a mesma quantidade de quadros que você escolheu no primeiro gif e vá novamente no ícone de três linhas que fica na parte superior direita da janela Linha do tempo e clique em Copiar Quadro/Copy Frames.

Vá no documento criado do começo e faça a mesma etapa: vá no ícone de quatro linhas que fica na parte superior direita da janela Linha do tempo, clique em Colar Quadros/Paste frames e escolha a opção Colar sobre a seleção.

Dê CTRL + G para agrupar as camadas do segundo gif. 

Agora vá na janela Linha do Tempo, verifique se todos os quadros estão selecionados e clique na seta que está circulada no print abaixo:

Clique em Outro... e coloque o valor do tempo em 0,05 e dê ok.

Depois clique no ícone que fica na parte inferior esquerda da janela Linha do tempo que está circulada no print abaixo:

AGORA VAMOS DE FATO ORGANIZAR OS GIFS NESSE DOCUMENTO!!!

Você precisará criar uma “guia” que divida esse documento pela metade na horizontal para que os dois gifs fiquem exatamente da mesma altura. Para fazer isso vá em Visualizar/View > Nova guia/New guide. Selecione a orientação na Horizontal e na posição coloque o valor que equivale a metade da altura do seu documento. Por exemplo, o documento que criei tem 600px de altura, então eu colocarei 300px na posição. Desse jeito ela ficará bem na metade. 

Agora clique com o botão direito do mouse sobre o primeiro grupo do primeiro gif que você fez e clique em Converter em objeto inteligente/Convert to smart object. Faça a mesma coisa com o segundo grupo do segundo gif. 

Nessa etapa você irá ajustar os gifs da forma que quiser, para fazer isso é só selecionar a camada do gif e dar CTRL + T e ajustar como mostro no gif abaixo:

Faça isso com os dois gifs, caso um fique passando o outro depois do limite da linha azul você pode fazer o seguinte: 

Agora você pode aplicar nitidez nos gifs, eu usei uma configuração de nitidez própria porém você pode usar Nitidez Inteligente. Edite o seu gif da forma que quiser com psds e etc. 

OBSERVAÇÃO: Antes de salvar o seu gif, verifique se na janela da Linha do Tempo, o delimitador do gif começa onde seu gif REALMENTE COMEÇA e termina onde o seu gif REALMENTE TERMINA, como no print abaixo:

E pronto, depois é só ir em Arquivo/File > Exportar/Export > Salvar para Web e Dispositivos/Save for Web & Devices. Eu recomendo essa configuração para salvar os gifs, é a que sempre uso: