GIF animado no Photoshop CS5

Adobe Photoshop CS5 é um poderoso programa de edição de imagens que você pode usar para criar ou editar quase qualquer tipo de imagem de que você possa precisar. No entanto, o Photoshop CS5 é particularmente adepto da criação de imagens destinadas a serem colocadas online, como uma imagem que você coloque em seu site ou que queira compartilhar com seus amigos. Uma escolha de imagem popular é um GIF animado, porque é simples de fazer, tem movimento, mas pode ser postado como uma imagem estática normal. O Photoshop apresenta algumas ferramentas úteis que permitem criar um GIF animado no Photoshop CS5, e você pode até personalizar seu GIF animado no Photoshop CS5 para aderir às especificações necessárias.

Preparando os quadros para seu GIF animado no Photoshop CS5

Um GIF animado no Photoshop CS5 é, na verdade, cinco imagens separadas que você vai organizar como camadas. Cada camada vai representar um quadro de sua imagem, portanto, cada quadro precisa ser ligeiramente diferente para ajudar a indicar que há uma ação ou movimento ocorrendo em seu GIF animado. Para os fins deste tutorial, irei criar um GIF animado no Photoshop CS5 de uma estrela que está se movendo em um fundo preto. O GIF animado consistirá em cinco quadros diferentes, em que a estrela está em um local ligeiramente diferente em cada quadro. As imagens separadas têm a seguinte aparência:

Para simplificar, rotulei as imagens como 1.gif, 2.gif, 3.gif, 4.gif e 5.gif, o que me ajudará a lembrar a ordem em que desejo exibi-las. Cada imagem tem o mesmo tamanho, 100 × 100 pixels.

Para começar a fazer um GIF animado no Photoshop CS5, agora você pode iniciar o Photoshop, clique Arquivo no topo da janela, clique Novoe, em seguida, defina o tamanho da sua imagem. Depois de definir os parâmetros de imagem, clique no OK botão para criar sua tela em branco.

A próxima coisa a fazer é abrir a pasta que contém as imagens que você vai incluir em seu GIF animado no Photoshop CS5. Observe que você está abrindo a pasta no Windows Explorer, NÃO com o Aberto comando no Photoshop. O Windows Explorer é o programa que você usa para navegar pelas pastas e arquivos do computador e pode iniciá-lo clicando no ícone da pasta na barra de tarefas na parte inferior da tela do computador. Quando a pasta que contém suas imagens estiver aberta, mantenha pressionada a tecla CTrl no teclado para selecionar todas as imagens e arraste-as para a tela do Photoshop CS5.

Isso mudará sua tela para mostrar um de seus quadros com um X sobre ele, como nesta imagem:

Quando você ver isso, pressione Entrar no teclado para inserir cada imagem como uma camada no Photoshop. Depois que todas as imagens forem adicionadas, seu Camadas janela do lado direito do Photoshop deve ser semelhante a esta.

Observe que a imagem que você deseja exibir como o último quadro de seu GIF animado deve ser a camada superior. Se suas camadas estiverem na ordem errada, você pode simplesmente arrastá-las dentro do Camadas janela até que estejam na ordem correta.

Agora você precisa abrir o Animação janela, que você pode fazer clicando no Janela menu na parte superior do Photoshop e, em seguida, clicando no Animação opção. O Animação a janela será aberta como uma janela horizontal na parte inferior do Photoshop.

Clique no botão no canto superior direito do Animação janela (o botão se parece com uma seta voltada para baixo ao lado de 4 linhas horizontais) e, em seguida, clique no Crie molduras a partir de camadas opção.

Clique na seta voltada para baixo à direita de 0 s e sob uma de suas molduras no Animação janela e selecione por quanto tempo deseja que esse quadro seja exibido em seu GIF animado. Repita esta etapa para cada quadro de sua imagem. Eu gosto de escolher 1.0 para a duração dos quadros em muitos GIFs animados no Photoshop CS5, mas experimente durações diferentes até encontrar aquela que funciona melhor para você.

Você também pode especificar quantas vezes o GIF animado deve percorrer todos os seus quadros clicando no botão Para todo sempre menu suspenso na parte inferior do Animação janela. estou usando Para todo sempre como a opção para o GIF animado no final deste artigo, o que significa que o GIF animado percorrerá continuamente até você sair desta página.

Você acabou de criar seu GIF animado no Photoshop CS5 agora, então você precisa salvá-lo. Clique Arquivo na parte superior da janela e clique em Salvar para a Web e dispositivos. Clique no menu suspenso no canto superior direito da janela para escolher o GIF opção e, em seguida, clique no Salve  botão na parte inferior da janela.

Digite um nome para o seu arquivo no Nome do arquivo campo e, em seguida, clique no Salve  botão. Você pode então clicar duas vezes na imagem criada em sua pasta para iniciar o GIF animado e ver o que você criou. Abaixo está meu exemplo de GIF animado na imagem do Photoshop CS5.