Como sobrepor texto (ou qualquer outra coisa) sobre GIFs animados no Photoshop

Às vezes, um GIF sozinho não é suficiente; às vezes você quer adicionar um pouco de texto. O Photoshop pode fazer o trabalho, mas o processo não é tão intuitivo quanto você imagina, especialmente se você nunca editou animações no Photoshop antes.

Ao importar um GIF no Photoshop, você notará que cada quadro aparece em "Camadas". Notavelmente, alterar a ordem das camadas não altera a ordem em que os quadros são reproduzidos. O que está acontecendo, exatamente?

Para descobrir, você precisa abrir a janela Timeline, que você encontrará em Window> Timeline.

Isto irá adicionar uma nova janela, onde você pode ver os quadros em seu GIF, e até mesmo apertar o botão play para visualizar a reprodução.

As coisas podem ficar um pouco confusas, então vamos rever. Para os propósitos do nosso exercício…

• o Timeline janela permite controlar a ordem em que os quadros são reproduzidos e pré-visualizar sua animação.
• o Camadas A janela controla quais sobreposições transparentes de quadros serão exibidas. Uma sobreposição no topo da lista será exibida em todos os quadros, por exemplo.

Com acesso a isso, vamos em frente e adicionar nossa sobreposição. Para este exemplo, adicionaremos texto, então crie uma caixa de texto como faria normalmente.

Como sempre, seu texto será adicionado em uma nova camada. Vá em frente e arraste essa sobreposição para o topo da sua lista de camadas.

Assim, sua sobreposição de texto será exibida em todo o seu GIF.

Se isso é tudo que você quer fazer, está feito! Mas se você quer que sua sobreposição apareça em um certo ponto da animação, as coisas ficam um pouco mais complicadas. Arraste sua caixa de texto para o meio para ver o que quero dizer.

No meu exemplo, isso fez com que o texto aparecesse na primeira metade dos quadros e desaparecesse.

Isso é provavelmente o oposto do que você quer, e a única maneira de consertá-lo é reorganizar todas as suas camadas. Arraste os primeiros quadros para o topo da lista, coloque o seu texto no meio.

Isso possibilita que seu texto apareça na metade do GIF. Você pode até adicionar outro bit de texto, mais tarde.

Pegue?

Fazer as coisas da maneira certa pode demorar um pouco, mas brinque com a ordem das camadas por tempo suficiente e seu texto aparecerá exatamente quando você quiser.

Quando estiver pronto, sugiro que você clique em Arquivo> Salvar para a Web para exportar o GIF; você terá muito controle sobre a qualidade, o que pode ajudar a reduzir o tamanho do arquivo. Aproveite seu GIF recém-concluído!