Exemplo:

Passo 1) Salve o gif que você deseja e abra-o no photoshop. (Arquivo > Abrir ou File > Open).

Passo 2) Com o botão direito, selecione a opção de Texto (que é o “T” na barra de ferramentas) e escolha “Máscara de texto horizontal” ou “Horizontal Type Mask Tool”. Clique em cima do gif, escreva o que deseja e posicione no lugar indicado. (É normal o gif ficar vermelho). Clique aqui para ver o exemplo.

Passo 3) Clique fora do gif e a palavra ficará toda pontilhada. Selecione a opção de seleção (Segunda opção da barra de ferramentas). Clique na palavra com o botão direito e selecione a opção “Select Inverse” ou “Seleção Inversa”. O gif ficará pontilhado na letra e nas extremidades do gif. Clique aqui para ver o exemplo.

Passo 4) Agora, com o botão direito, clique de novo em cima de letra e selecione “Free Transform” ou “Transformação Livre”. PS: você não vê diferença ao clicar nessa opção, mas é necessário fazer.

Passo 5) Selecione a opção de borracha e regule o tamanho da borracha para um número maior que 120. Clique aqui para ver o exemplo.

Passo 6) Esse passo exige muito cuidado. Percebe-se que há o mesmo número de camadas de movimentos (quadrados que ficam embaixo do gif -clica-) e de layers (quadrados que ficam ao lado do gif -clica-). Isso porque eles estão ligados, portanto, um representa o outro. Você vai clicar na camada de movimento 1 e no layer 1 e com a borracha que você preparou no passo 5 vai apagar o gif. Perceba que o gif na letra não apaga. Clique aqui para ver o exemplo. Você vai fazer isso em todas as outras camadas de movimento sempre selecionando camada de movimento e layer iguais. Você precisa selecionar os dois, caso contrário a borracha não vai funcionar.

Passo 7) Ao acabar o gif vai ficar apenas na letra. Clique aqui para ver o exemplo. Caso você queira só o gif assim, aperte Ctrl+Shift+Alt+S e selecione a opção lá de cima como GIF e salve. Se você o seu gif como mostra a visualização, continue a ler o tutorial.

Passo 8) Agora vamos posicionar o gif onde você quer. Se o seu gif já está no lugar que você deseja, pule esse passo. Caso contrário, vamos lá. Aperte Shift e selecione todas as camadas de movimento (quadrados que ficam embaixo do gif -clica-) e layers (quadrados que ficam ao lado do gif -clica-). Com a opção da setinha (primeira opção da barra de ferramentas -clica-) clique no gif e arraste para o lugar que você deseja. Clique aqui para ver o exemplo.

Passo 9) Agora vamos colocar um background. Selecione apenas o primeiro Layer e a primeira camada de movimento. Clique no botão de criar uma cópia para a layer -clica-. Aparecerá uma layer acima da primeira, pegue essa layer e coloque-a abaixo da primeira. Clique aqui para ver o exemplo. Agora, Vá no menu e clique em Layer > Novo > Background de Layer (é a segunda opção) ou Layer > New > Background from Layer. E a layer que você criou ficará com o fundo branco (e ganhará o nome de Background) assim como todas as camadas de movimento. Clique para ver o exemplo.

Passo 10) Com o botão direito, selecione a opção de Texto (que é o “T” na barra de ferramentas) e escolha “Texto horizontal” ou “Horizontal Type Tool”, ajeite a fonte para a que quiser e escreva o que quiser no gif. Clique para ver o exemplo.

Passo 11) O seu gif está pronto, caso queira cortar selecione a opção “Cortar” ou “Crop Tool” (quinta opção na barra de ferramentas), selecione a área que deseja que o gif tome espaço, clique com o botão direito em “Cortar” ou “Crop” e pronto. Clique para ver o exemplo.

Passo 12) Aperte Ctrl+Shift+Alt+S e salve !!! Não se esqueça de colocar como gif na opção lá de cima e o seu gif não poderá ter mais de 500kb se não, ele não vai rodar no tumblr. Clique para ver o exemplo.

Isso foi útil? Dê like e credite, deu trabalho pra fazer.