Como Fazer Animação No Seu Site

Índice:

Como Fazer Animação No Seu Site
Como Fazer Animação No Seu Site

Vídeo: Como Fazer Animação No Seu Site

Vídeo: Como Fazer Animação No Seu Site
Vídeo: 5 Sites e Programas Mais Fáceis para CRIAR VÍDEOS ANIMADOS ONLINE 2024, Maio
Anonim

Se você gosta de elementos animados em sites e deseja animar seu site, mas não quer se preocupar com Flash, existe uma solução simples e eficaz -

Como fazer animação no seu site
Como fazer animação no seu site

É necessário

Computador, editor gráfico Adobe Photoshop 5 ou superior, editor Adobe Image Ready

Instruções

Passo 1

Inicie o Photoshop e crie uma nova imagem de 100x100 pixels. Defina a resolução para 72 pixels e o modo RGB. Selecione a opção Mostrar camadas no item de menu Janela para exibir a paleta Camadas.

Passo 2

Na paleta de ferramentas, selecione um lápis e desenhe alguma imagem. Na paleta de camadas, clique em Duplicar camada, o que criará uma cópia de uma camada existente. Use a ferramenta borracha para apagar qualquer parte da imagem e, em seguida, adicione as alterações com um lápis. Crie quantas camadas forem necessárias na ordem em que devem se substituir. Cada camada será um quadro separado de sua animação.

etapa 3

É hora de animar os quadros resultantes. No menu Arquivo, escolha Ir para e Adobe Image Ready. Esta ação o levará para outro editor gráfico.

Passo 4

No menu Janela, escolha a opção Mostrar animação, que ativará a exibição da paleta de animação. No menu de configurações da paleta (ícone de seta no canto superior direito) selecione a função Criar quadros a partir de camadas, que transformará todas as camadas em quadros. A animação está quase completa.

Etapa 5

É hora de começar a definir o intervalo de tempo. Selecione o quadro necessário e no menu suspenso (esquerda, parte inferior) selecione o período de tempo necessário após o qual esse quadro será substituído por outro. Faça isso para cada quadro de sua animação. Quando terminar, use a opção Salvar otimizado como para salvar seu primeiro

Recomendado: