Feito com prudência, logos animados atraem a atenção de visitantes do seu site e os incentivam a ver o resto da página. O painel Camadas, ferramenta Transformação e painel Timeline do Photoshop trabalham juntos para criar imagens GIF animadas que você pode adicionar a qualquer página Web. Você pode fazer seu logo girar no sentido horário ou anti-horário.
Abra o arquivo de imagem do logo. Use qualquer formato de arquivo, mas se o arquivo for PSD multicamadas, mescle as camadas.
Crie um canvas grande o suficiente para conter completamente o logo que você quer rotacionar. Por exemplo, se seu logo tem 300 pixels de largura e 200 pixels de altura, clique em "Arquivo", "Novo" e faça a altura e largura da imagem maiores que 300 pixels. Selecione um fundo sólido que funcione com seu logo e site. Por exemplo, se o logo está em fundo branco, escolha "Branco" para "Conteúdo do Fundo".
Digite um nome para o novo arquivo e clique em "OK" para adicionar um canvas de imagem em branco.
Clique no menu "Janela" e selecione a janela contendo o logo. Pressione "Ctrl+A" para selecionar a imagem toda e "Ctrl+C" para copiar. Clique no menu "Janela" e selecione a janela contendo o canvas em branco. Pressione "Ctrl+V" para colar o logo no canvas. Pressione "Ctrl+E" para mesclar a imagem colada no fundo, deixando apenas uma camada.
Crie três duplicatas da camada atual. Clique no menu "Camadas", "Duplicar Camada", e "OK" para criar cada nova camada contendo cópia da imagem original mesclada. O Photoshop nomeia as camadas para você.
Selecione a primeira camada da listagem (topo do painel Camadas), clique em "Editar", "Transformar" e "Rotacionar 90º Horário".
Selecione a segunda camada, "Editar", "Transformar", "Rotacionar 180º".
Selecione a terceira camada, "Editar", "Transformar", "Rotacionar 90º Anti-horário". Salve seu trabalho.
Clique no menu "Janela", "Timeline" e depois no botão "Criar Linha do Tempo de Vídeo" para adicionar o painel Timeline ao seu projeto. O painel Timeline contém todas as quatro camadas do logo. Se vir apenas três camadas, desbloqueie a camada original.
Reduza o tempo de exibição de cada camada definindo duração para 5 frames. Clique e segure o mouse na borda direita de cada camada na timeline e arraste para esquerda até a configuração "Duração" mostrar "00.05". Quanto menos frames, mais rápido a animação parece girar.
Deixe a camada inferior na timeline onde está. Clique e segure o centro da camada logo acima da inferior na timeline e arraste toda a camada para direita até seu lado esquerdo alinhar com a borda direita da camada inferior. Se a camada redimensionar em vez de mover, pressione "Ctrl+Z" e tente novamente.
Repita para a segunda camada acima da inferior: alinhe seu lado esquerdo com a borda direita da camada abaixo.
Repita para a camada superior: alinhe seu lado esquerdo com a borda direita da camada abaixo.
Pressione o botão "Reproduzir" para pré-visualizar a animação.
Clique em "Arquivo" e "Salvar para Web". Na lista suspensa "Opções de Loop", selecione "Para Sempre" para gerar logo animado que nunca para de girar. Clique "Salvar" e "Salvar" na caixa "Salvar Otimizado Como". Para ver a animação, abra o arquivo GIF criado com seu navegador Web.
Faça o logo parecer girar suavemente adicionando camadas extras com mudanças incrementais menores entre imagens.
Informações neste artigo aplicam-se ao Photoshop CC 14.2.1. Podem variar ligeira ou significativamente com outras versões do Photoshop.
Tecnologia Eletrônica © [www.351231.com]
