Feitos com prudência, os logotipos animados atraem a atenção dos visitantes do seu site e os atraem para ver o restante da página. O painel Layers do Photoshop, a ferramenta Transformation e o painel Timeline trabalham juntos para criar imagens GIF animadas que você pode adicionar a qualquer página da Web. Você pode fazer seu logotipo girar no sentido horário ou anti-horário.
Etapa 1
Abra o arquivo de imagem do logotipo. Use qualquer formato de arquivo, mas se o arquivo for um PSD de várias camadas, mescle as camadas.
Etapa 2
Crie uma tela grande o suficiente para conter completamente o logotipo que você deseja girar. Por exemplo, se o seu logotipo tiver 300 pixels de largura e 200 pixels de altura, clique em "Arquivo", "Novo" e torne a altura e a largura da imagem maiores que 300 pixels. Selecione um plano de fundo sólido que funcione com seu logotipo e site. Por exemplo, se o logotipo estiver em um fundo branco, escolha "Branco" para o "Conteúdo do fundo".
Etapa 3
Digite um nome para o novo arquivo e clique em "OK" para adicionar uma tela de imagem em branco.
Etapa 4
Clique no menu "Janela" e selecione a janela que contém o logotipo.
Etapa 5
Pressione "Ctrl-A" para selecionar a imagem inteira e depois "Ctrl-C" para copiá-la para a área de transferência.
Etapa 6
Clique no menu "Janela" e selecione a janela que contém a tela em branco que você criou para conter o logotipo.
Etapa 7
Pressione "Ctrl-V" para colar o logotipo na tela em branco.
Etapa 8
Pressione "Ctrl-E" para mesclar a imagem colada na imagem de fundo deixando apenas uma camada em vez de duas.
Etapa 9
Crie três duplicatas da camada atual. Clique no menu “Camadas”, “Camada Duplicada” e depois “OK” para criar cada nova camada contendo uma cópia da imagem original mesclada. O Photoshop nomeia as camadas para você.
Etapa 10
Selecione a primeira camada da lista começando na parte superior do painel Camadas, clique no menu "Editar", "Transformar" e depois "Girar 90º no sentido horário".
Etapa 11
Selecione a segunda camada na listagem, clique no menu “Editar”, “Transformar” e depois em “Girar 180º”.
Etapa 12
Selecione a terceira camada na listagem, clique no menu "Editar", "Transformar" e depois "Girar 90º no sentido anti-horário". Salve seu trabalho.
Etapa 13
Clique no menu "Janela", "Linha do tempo" e depois no botão "Criar linha do tempo do vídeo" para adicionar o painel Linha do tempo ao seu projeto. O painel Linha de tempo contém todas as quatro camadas do logotipo. Se você vir apenas três camadas, desbloqueie a camada original.
Etapa 14
Reduza o tempo de exibição de cada camada definindo sua duração para cinco quadros. Clique e segure o mouse na borda direita de cada camada na linha do tempo e arraste a borda para a esquerda até que a configuração "Duração" seja "00.05". Quanto menos quadros, mais rápido a animação parece girar.
Etapa 15
Deixe a camada inferior na linha do tempo onde ela está. Clique e segure o mouse no centro da camada logo acima da camada inferior na linha do tempo e arraste a camada inteira para a direita até que seu lado esquerdo se alinhe com a borda direita da camada inferior. Se a camada for redimensionada em vez de se mover, pressione "Ctrl-Z" e tente novamente.
Etapa 16
Clique e segure o mouse na segunda camada acima da camada inferior na linha do tempo e mova a camada para a direita até que o lado esquerdo da camada se alinhe com a borda direita da camada abaixo dela.
Etapa 17
Clique e segure o mouse na camada superior na linha do tempo e arraste a camada para a direita até que o lado esquerdo da camada se alinhe com a borda direita da camada abaixo dela.
Etapa 18
Pressione o botão "Play" para visualizar a animação.
Etapa 19
Clique em “Arquivo” e depois em “Salvar para Web”.
Etapa 20
Clique na lista suspensa rotulada "Opções de loop" e selecione "Para sempre" para gerar um logotipo animado que nunca para de girar.
Etapa 21
Clique em "Salvar" e depois em "Salvar" na caixa de diálogo "Salvar otimizado como". Para visualizar a animação, abra o arquivo GIF que você criou com seu navegador da Web.
Dica
Faça com que o logotipo pareça girar suavemente adicionando camadas adicionais com alterações incrementais menores entre as imagens.
Aviso
As informações neste artigo se aplicam ao Photoshop CC 14.2.1. Pode variar ligeiramente ou significativamente com outras versões do Photoshop.
