Gif Movie Gear - Tutorial parte I

Este conteúdo foi copiado na integra daqui: 

file:///C:/Program%20Files/GIF%20Movie%20Gear/tutorial/gmgtut.htm

E traduzido pelo navegador Google Chrome.

Introdução

Animações GIF são essencialmente a exibição sequencial de uma série de imagens GIF estáticos. O formato GIF permite a um único arquivo GIF para conter várias imagens GIF. Em uma animação GIF, estas imagens GIF são referidos como frames. Basicamente, cada frame de uma animação GIF é criada a partir e composto de uma única imagem GIF estático. Estas imagens GIF estáticos são tipicamente criados com qualquer número de aplicações gráficas de computador, incluindo aplicativos de edição de fotos como o Adobe Photoshop, aplicações vetor (que a exportação para GIF), tais como CorelDRAW, ou aplicações 3D como Ray Dream Studio. Neste tutorial, vamos guiará através do processo básico de criação, edição e otimização de uma animação GIF com GIF Movie Gear (GMG). O tutorial pode ser pensado como duas lições distintas: Introdução e Técnicas de Otimização:

Introdução
- Como carregar quadros
- Como encomendar quadros
- Como pré-visualizar
- Como editar cores
- Como mudar o timing
- Como controlar o looping
- Como salvar
- Como adicionar a uma página Web

Técnicas de Otimização
- Redução de Cores
- "Dirty Retângulo" Optimization
- Inter-frame Transparência Optimization
- Caixilharia Remoção
- Recorte
- Redimensionamento

Carregando Frames

Comece abrindo-se GMG e selecione Insert Frames do Arquivo menu ou clique no botão da barra de ferramentas . Há quatro arquivos chamados alien1.gif , alien2.gif , alien3.gif e alien4.gif . Esses arquivos foram criados com o CorelDRAW e Adobe Photoshop. Clique na alien1.gif arquivo. Agora, mantenha pressionada a tecla Shift e clique no alien4.gif arquivo. Todos os quatro ficheiros GIF deve ser seleccionado como um resultado desta operação. Pressione OK para abrir os arquivos no GMG (Figura 1). [Se os arquivos não foram listados na caixa de diálogo, eles podem ser encontrados no tutorial / samples subpasta / de onde GIF Movie Gear foi instalado. O padrão é C:. \ Arquivos de Programas \ gamani \ GIFMovieGear] Você também pode usar o comando Abrir para carregar quadros de animação. No entanto, GMG sempre iniciar uma nova animação quando você usar o comando Abrir. Se você já tiver quadros carregado, você pode adicionar mais quadros para a animação usando o comando Inserir Frames, mas se você usar o comando Abrir, GMG irá iniciar uma nova animação (pedindo-lhe primeiro a salvar as alterações não salvas para a animação aberta anteriormente) .

Ordenando Frames

Embora possa não ser facilmente evidente, todos os quadros da animação foram abertos na ordem correcta. O primeiro quadro da animação deve ser a pequena espaçonave / alienígena com não pouca anel amarelo abaixo dele. No primeiro quadro, deve haver um anel amarelo grande abaixo da nave espacial e nos dois últimos quadros do anel amarelo fica menor e mais distante da nave espacial. Esses quadros foram importados na ordem correta, porque eles foram salvos por essa ordem e por causa da como GMG importa arquivos GIF de acordo com a forma como eles são nomeados. Em outras palavras, o ficheiro GIF que se destina a ser o primeiro quadro foi salvo como alien1.gif , o ficheiro GIF que se destina a ser o segundo quadro foi salvo como alien2.gif , e assim por diante. Ordens GMG vários arquivos GIF alpha / numericamente. Uma vez que todos os ficheiros GIF têm o mesmo nome, excepto para o número no final do nome, GMG utilizados os números para determinar a sua ordem de quadro. Como mais um exemplo, se tivéssemos arquivos chamados a.gif , b.gif e c.gif , etc., GMG irá colocar o a.gif arquivo primeiro eo c.gif arquivo passado. GMG permite que você veja todas seus quadros de uma só vez. Clique no Zoom Out botão da barra de ferramentas se você não pode ver todos os quadros em suas animações. Agora clique e segure o mouse no primeiro quadro da animação e, em seguida, arraste-o para a direita. À medida que arrasta, observe a linha I-feixe de preto que aparece entre os quadros (dentro das fronteiras de cinza que separam os quadros). Estas linhas I-Beam indica onde o quadro será colocado quando você deixar-se sobre o mouse. Arraste o primeiro quadro todo o caminho para a direita e solte o mouse quando a linha I-beam mostra-se na fronteira com o cinza no lado direito do último quadro. Quando você fizer isso, o primeiro quadro será reposicionada e agora será a última.Se o último quadro não estiver selecionado, selecione-o novamente. Agora selecione Cortar a partir do Editar menu ou use o atalho de teclado padrão da indústria ( Ctrl + X ). Em seguida, clique no primeiro quadro da animação e, em seguida, selecione Colar a partir do Editar menu ou pressione Ctrl + V . Agora, a armação vai ser reposicionada no início da animação. Isso demonstra que a GMG pastas quadros na frente do quadro selecionado.Assim, você pode reordenar quadros, arrastando e soltando-os em posição ou recortando e colando-los. Aliás, uma pasta vai para o final da animação, quando não há quadros são selecionados eo Arquivo> Inserir Quadros de comando está em conformidade com os mesmos locais de colagem como o comando Colar. Antes de prosseguirmos, temos algumas sugestões e notas que você deve estar consciente. Em primeiro lugar, neste exemplo, os ficheiros são numerados 1-4 estrangeiro. Se você tem mais de 9 quadros em sua animação, sugerimos que você use números de dois dígitos. Por exemplo, um quadro seria "frame01.gif", Quadro 5 seria "frame05.gif", Quadro 10 seria "frame10.gif", e assim por diante. Fazendo isso vai garantir que animações com quadros mais de 9 quadros serão organizadas na ordem correta quando você importar vários quadros de uma só vez. Observe também que os nomes apenas uma questão quando você está abrindo vários quadros de uma só vez. Não há qualquer ordenamento automático quando você importa um quadro de cada vez.

Visualizar a animação

Agora vamos visualizar a animação. Clique na Mostra de Animação prévia botão da barra de ferramentasou use o atalho de teclado: Ctrl + P .Quando você fizer isso você vai ver o jogo animação na visualização Animação caixa de diálogo exatamente como faria em uma página da web, incluindo o timing do frame (que nós vamos cobrir em um segundo). Existem várias opções acessíveis na caixa de diálogo Visualização de Animação que você deve se familiarizar com. Primeiro aviso de que você pode zoom in e out enquanto você visualizar uma animação. A caixa de diálogo de pré-visualização é redimensionável, para que possa aumentar o zoom em sua animação e, em seguida, examinar o menor detalhe, como a animação é reproduzida. Além disso, observe os controles tipo VCR / botões padrão para parar, indo para o primeiro quadro (rebobinagem), saltando para o último quadro, e pisar frente e para trás através de quadros, um de cada vez. Observe que o fundo dos padrões de caixa de diálogo de pré-visualização para uma cor cinza médio. Você pode mudar essa cor. Para fazer isso, clique na opinião do fundo Como botão (o ícone pequeno monitor no centro inferior da caixa de diálogo). Fazendo isso vai abrir o padrão do Windows Color Picker caixa de diálogo. Clique no pequeno retângulo preto no canto inferior esquerdo da seção "Cores básicas" da caixa de diálogo Cores e, em seguida, clicar em OK. Agora a animação é visualizado sobre um fundo preto. Isto caracteriza permite visualizar como uma animação vai olhar durante um determinado fundo de cor que pode ser muito útil se você usar sólidos página cor web fundos em seu web site. Por exemplo, se você olhar muito de perto você vai notar que quando fundo o exemplo de animação parecia ser preto, é realmente um cinza muito escuro. Consequentemente, a fronteira da animação destaca-se do fundo. Em outras palavras, se esta animação foram colocados em uma página Web com um fundo preto, ele não iria integrar com a cor de fundo transparente. Agora vamos olhar para a forma de corrigir este problema. Para fechar a Animação de visualização da janela, clique no X no canto superior direito ou pressione a Esc botão.  

Edição de cores em uma animação

Clique na Global Edit Palette botão  na barra de ferramentas ou selecione Editar global Paleta da Animação menu. Isso abre a janela de edição de paleta. Coloque o mouse em algum lugar sobre o fundo preto na animação na janela de visualização. O cursor do mouse mudará para um cursor conta-gotas. Uma pequena pop-up tag irá exibir o Vermelho, Verde, e os valores azuis sob a ponta inferior esquerda do cursor conta-gotas. Clique quando o tag pop up lê algo como "R = 18, G = 20, B = 21". Isto deve selecionar o primeiro quadrado de cor na tabela de cores à esquerda da janela de visualização. A amostra de cor selecionado é indicado por um contorno vermelho em torno dele. Agora digite 0 para o Red (R), verde (G) e azul (B) valores (localizados abaixo das amostras de cores). Você já mudou a cor de fundo para preto puro. Se você olhar na janela de visualização que você vai ver que você não pode mais ver a fronteira entre o fundo e a animação.



Edição do sincronismo

Agora vamos olhar para como ajustar o calendário e looping da animação em GMG. Clique no primeiro quadro. Agora clique duas vezes no campo ao lado do ícone de relógio pouco  na barra de ferramentas. Insira um valor de 50. atrasos de quadro em animações GIF são medidos em centésimos de segundo. Então, inserindo um valor de 50 neste campo temos que definir este quadro a ser exibido para a metade de um segundo. O tempo padrão para cada quadro é 10, que é 1/10 th de um segundo. Em outras palavras, animações jogar a uma taxa de 10 quadros por segundo em GMG por padrão. ( A configuração padrão pode ser definido no Editar> Preferências> diálogo Animação .) Mudamos o atraso de quadros para somente o primeiro quadro. Todos os três dos outros quadros são ainda definido como 10 ou 1/10 th de um segundo. Clique na visualização botão na barra de ferramentas.Observe que agora a animação faz uma breve pausa no primeiro quadro, joga os últimos três quadros rapidamente, e, em seguida, faz uma pausa no primeiro quadro novamente. Você pode deixar a janela aberta de visualização enquanto você faz as seguintes alterações temporárias. Janela de visualização da GMG refletirão automaticamente qualquer momento as alterações feitas na caixa de diálogo pré-visualização. Você também pode ajustar os atrasos quadro individual com a Frame Properties caixa de diálogo. Dê um clique duplo no terceiro quadro ou selecione o terceiro quadro e clique no Propriedades do quadro botão na barra de ferramentas ou selecione o terceiro quadro e selecione Propriedades do quadro menu. Dê um duplo clique no primeiro campo sob a animação seção da caixa de diálogo (o campo que é seguido pelo texto que lê "1 / 100th segundos de atraso após frame"). Insira um valor de 200 e, em seguida, clicar em OK. O que isso faz? Bem, nós mudamos o valor para 200 / 100ths de um segundo. Este quadro irá agora mostrar por 2 segundos como você pode ver se você assistir a pré-visualização de animação novamente. 

Esta animação não parece muito bom com o quadro 1 set para exibir por meio segundo e quadro 3 Conjunto de jogar por dois segundos. Parecia muito melhor quando todos os quadros jogado com a mesma taxa. Felizmente, GMG permite que você faça alterações globais para uma animação, incluindo edições de retardo de moldura. Para fazer isso, selecione Propriedades globais do quadro menu. Observe que o diálogo parece quase exatamente como o Propriedades do quadro de diálogo; a diferença é que todas as alterações feitas aqui afetarão todos os quadros na animação, não apenas um. Clique no primeiro campo abaixo da Animação seção, digite o número 5 e clique em OK. Isso vai mudar todos os atrasos de quadro para 5 / 100ths de um segundo. Agora olhe para a animação na visualização Animação caixa de diálogo e assistir esse otário ir!

Edição Looping

Agora vamos ajustar a configuração de looping. Feche a janela de pré-visualização. Dê um duplo clique no campo ao lado da seta looping  na barra de ferramentas. Insira um valor de 5. Clique no botão Preview e você verá reproduzir a animação cinco vezes e depois pára. Como cronometrar você também pode definir o looping

Como você pode ver, a definição looping determina quantas vezes os replays de animação. Você pode definir uma animação para jogar em qualquer lugar de apenas uma hora de looping contínuo. Um ajuste de "0" reproduz a animação continuamente e qualquer outro número estabelece o número real de vezes que o loop de animação vontade. Por exemplo, se você digitar 10 para a configuração de loop, a animação vai jogar 10 vezes e depois parar.GMG permite ajustar as configurações de looping, quer através da barra de ferramentas ou propriedades de animação caixa de diálogo.

Guardar uma animação

Agora é um bom momento para salvar a animação usando o Arquivo menu. Salvando a animação cria essencialmente a animação. Use Salvar como ou Salvar ou Salvar GIF animação como para criar sua animação. Posteriormente, você pode usar Salvar para salvar quaisquer outras edições para uma animação e usando Salvar como vai economizar uma versão original da animação. Usando o Tipo suspensa na Salvar como caixa de diálogo, você pode escolher o formato de arquivo para o qual a animação será salvo. Alguns desses formatos (por exemplo, AVI) permitem diferentes opções de poupança, que são mostrados uma vez que o tipo de arquivo é selecionado.

Somando-se a uma página da Web

Agora, a animação é pronto para ser adicionado a uma página da Web (tais como um presente). Selecione o HTML item do Arquivo menu. A caixa "Código HTML" na parte inferior da caixa de diálogo contém o código HTML que deve ser adicionado à sua página Web, a fim de colocar a animação lá.As opções são fornecidas para adicionar uma etiqueta / dica, um link e uma borda. Por exemplo, a animação terminada abaixo foi colocado a esta página com uma declaração HTML semelhante ao seguinte:
<img src = "alienani.gif" width = 111 height = 158 border = 0 alt = "Animação Alien">