GIFs animados permitem mostrar mais informações para os espectadores em um espaço limitado da página web , como os banners animados. Criação de GIFs animados é um processo agilizar em Adobe Photoshop , e é mais no edição do Creative Suite 3 . A única desvantagem para a criação de animações no Photoshop é as opções disponíveis , assim como existem diferentes maneiras de editar uma imagem. Isso quer dizer que há muitas maneiras de fazer o seu trabalho feito, e você precisa gastar tempo tentando encontrar o método que você gosta most.Here eu vou mostrar-lhe uma das muitas maneiras de fazer animação no Photoshop CS3. Vou usar um curta-metragem que fiz como um exemplo para este tutorial. As instruções são aplicáveis ​​ao Photoshop v5.5 - CS4, mas as ferramentas de edição CS3 são mais flexíveis . Coisas que você precisa
Adobe Photoshop CS4 v.5.5 ~ com ImageReady ou Fireworks extensão
máquina plataforma PC com o MS Windows Vista ou XP, qualquer versão
Mouse Fotografia Digital edição de imagem e experiência de cinema de animação útil
Show Mais instruções
1

Lançamento Photoshop. Se você não vê a janela de animação , vá para o menu principal na janela do programa, escolha Janela> Animação na lista drop-down. A janela de animação aparecerá na parte inferior da tela. Arraste todas as bordas da janela de animação para um tamanho que seja confortável para você trabalhar dentro

Você deverá ver uma janela semelhante, como o descrito acima.
2

Como para o arquivo dimensões , você pode começar com uma foto em particular ou com um novo arquivo ( tela em branco ) . Para os iniciantes, vamos fazer isso um com uma tela em branco . No menu Arquivo das principais opções, escolha Novo. Digite os valores nos campos necessários , juntamente com outras configurações. Clique em OK .
3

Com a prática, você pode mais tarde começar com um arquivo de imagem para fazer a sua animação GIF , assim como o meu. Eu comecei com uma imagem recortada de uma aeronave e colado em um fundo de céu azul na janela de animação. Então eu duplicada várias vezes o fundo do céu para cada quadro com a aeronave , e estendeu o tempo de jogo para cada quadro. Quando o botão "Play" é pressionado , o avião aparece como em um caminho continua do vôo. Há 24 frames totais no exemplo.
4

Photoshop cria uma nova camada para você, e os nomes de " 0" por padrão. Com isso em mente , cada camada subseqüente se tornará um novo objeto para manipular dentro de sua janela de animação. Além disso , as camadas subsequentes podem ser colocados ( com sua escolha ) em qualquer nível na paleta Layers , não necessariamente na ordem em que foram criados.
5

agora dar uma olhada no mais importante recurso de a janela de animação: na parte superior da caixa de animação é o cronograma do projeto e tempo para cada quadro. Você pode clicar e arrastar a linha do tempo para diminuir ou aumentar o comprimento do projeto. O mesmo é verdadeiro para cada quadro ( camada ) . Você pode definir quando cada quadro ( layer) aparece e por quanto tempo. E, novamente, os quadros não ser necessariamente em seqüência em que foram colocadas na paleta Layers. Você também tem a capacidade de repetir qualquer quadro ( layer) várias vezes em qualquer ponto de sua animação.

Você pode criar time-lapse para cada quadro na paleta Layers. Sobre as camadas aparecem como em branco ( espaços em branco ) , enquanto a paleta de animação mostra as camadas vazias em "tempo " .

Cada camada aparecerá na janela de animação como o seu próprio quadro (ou linha) no . montagem
6

Para se familiarizar dos botões de função , pousar o cursor do mouse sem clicar nos ícones na parte inferior da janela de animação ; descrição de cada ícone aparecerá perto do cursor
< . br> 7

Selecione a opção " Converter em quadro de animação" botão no canto inferior direito da janela de animação.
8

Agora a janela de animação mudou . Cada quadro nesta janela representa um único quadro na montagem total de animação. O que você vê no quadro é o que você vai ver por esse momento no final do filme animado. Lembre-se de " WYSIWYG " , o que você vê é o que você recebe. Cada quadro na montagem pode ser manipulado individualmente.
9

Você pode definir o tempo para cada quadro , clicando no menu "fly- out" em cada quadro além de outras opções , em vez de arrastar a linha do tempo como um todo .
10

Digamos que você queira criar uma sequência de 10 quadro, clique no botão Quadro Duplicate localizado na parte inferior da janela de animação perto do centro.

o tempo de execução você definir no primeiro quadro é copiado também. Você pode alterar o tempo no segundo quadro e os seguintes quadros também. Para os próximos 8 quadros , repita o processo nesta etapa desde o início.
11

Então, você criou todos os quadros necessários e ter adicionado todas as camadas necessárias . Em seguida, você só precisa designar cada quadro em que as camadas para mostrar .

Primeiro, selecione um quadro. Na paleta Camadas , clique no ícone " olho " à esquerda de cada camada que você não quer que o quadro de aparecer na animação (como quando você trabalha com edição de imagem regular no Photoshop) . Se você ver o ícone do olho , você vê a camada , daí o quadro. Faça isso para qualquer quadro na montagem.
12

Para visualizar a animação /filme, basta selecionar para destacar o primeiro quadro , pressione Play. Se você quiser vê-lo repetido como que em um loop infinito , clique no botão para sempre na lista drop-down abaixo do primeiro quadro.

Projeto feito. Salve a animação e , em seguida, carregá-lo em seu blog ou site usando o script HTML . Como você pode ver , isso é muito útil para fazer os artigos de rolagem , os anúncios e fotos, ou mensagens de widgets rotação para o seu site.