Gif Movie Gear - Tutorial parte II

Técnicas de Otimização com GIF Movie Gear

Otimizando Animations

Quando falamos de "otimizar" uma animação estamos nos referindo a reduzir o tamanho do arquivo. Quanto menor o tamanho do arquivo de uma animação, mais rápido ele vai baixar através da Internet. Normalmente, o objetivo é fazer com que o tamanho do arquivo de uma animação tão pequeno quanto possível, mantendo a própria animação como apresentável possível. Há muitas maneiras diferentes para otimizar uma animação GIF.Aqui estão as possíveis maneiras de otimizar uma animação GIF:

1. Reduzir o número de cores usadas
2. Use "Dirty Retângulo" Otimização
3. Use transparência para Inter-frame Optimization
4. Remover quadros
5. Cortar tamanho físico da animação
6. Redimensionar a animação a um tamanho físico menor

GIF Movie Gear pode executar todas essas otimizações. Vamos olhar para cada um. No entanto, antes de começar, vamos fazer uma nota do tamanho do arquivo da animação antes de otimizações. GMG fornece estas informações na barra de status na parte inferior da sua interface. À esquerda muito inferior, você verá o número total de quadros na animação, juntamente com o quadro que está atualmente selecionado. A próxima caixa à direita mostra as dimensões da animação seguido pelo tempo total de execução. Além disso você vai ver o tamanho do arquivo atual da animação juntamente com o seu tempo de download estimado em uma determinada velocidade de conexão Internet (você pode mudar a velocidade de conexão à Internet que os alvos da GMG com o Tempo de Transferência ponto localizado no Ver menu). A última caixa mostra o estado atual do zoom.Esta animação deve ser de aproximadamente 7.153 bytes (o número exato vai depender de sua Assinatura GIF cenário em Editar> Preferências> Exportação ), que levaria cerca de 2 segundos para download através da Internet. Apesar de dois segundos não é muito tempo, nós pode raspar alguns bytes fora desta animação para que ele irá baixar ainda mais rápido. NOTA: A eficácia dos métodos de otimização acima variam de animação para animação. Todos os detalhes específicos discutidos abaixo incluem os números que são específicos para a animação amostra. Os resultados podem variar dependendo da animação a ser produzido.

Reduzir Cores

Esta animação em particular tem muito poucas cores nele (dê uma olhada nas cores usando Animation> Global Edit Palette ), por isso é já um pouco "otimizado". Isso ocorre porque as cores de todos os arquivos / enquadramentos totalizaram apenas 35 cores quando os quadros foram importados para GMG. Em outras palavras, "paleta global" da animação (a paleta usado para todos os quadros) contém apenas 35 cores. Animações que usam uma paleta global pode conter até 256 cores. Normalmente, quanto mais cores existem em uma animação, quanto maior o tamanho do arquivo. Devido à forma como o formato GIF comprime, isso nem sempre é verdade, mas esta generalização é verdade para a maioria das animações GIF. Você pode reduzir o número de cores na animação, clicando no Reduzir as Cores botão na barra de ferramentas ou selecionando o Colors Reduzir opção daAnimação menu. A Figura 2 mostra a reduzir Colors caixa de diálogo que apresenta duas janelas de visualização para a animação. A janela da esquerda mostra a animação original ea janela da direita mostra a animação depois de ter sido reduzido de cores. Estes lado a janelas laterais permitem que você veja a animação antes e depois da redução de cor, o que lhe permite determinar se ou não a redução da cor afeta negativamente a qualidade visual da animação. GIF Movie Gear ainda permite que você para fazer zoom dentro das janelas de visualização para examinar as diferenças mais de perto.  

No nosso exemplo, GMG definir automaticamente o "Número de cores na paleta reduzida" no menu suspenso a um 32 cores (5-bit) paleta. Uma vez que este só remove 3 cores da animação, vá em frente e escolha de 16 cores (4 bits) a partir do "número de cores na paleta reduzida" no menu suspenso. Agora aperta o play e comparar as duas variações. A pré-visualização à esquerda joga o original de animação 35 cor ea visualização à direita desempenha a nova versão de 16 cores da animação.
Observe que há muito pouca diferença entre as duas versões da animação. Essa é a chave. Note também que as janelas de visualização fornece antes e depois de informações de tamanho de arquivo. Na figura 2, as informações abaixo da janela da direita indica que vai de uma paleta de 34 cores para 16 paleta de cores irá remover 1089 bytes da animação e que os 1089 bytes salvos equivale a uma economia de tamanho de arquivo 14,4%.Reduzir a animação para uma paleta de 16 cores reduzida a animação geral até 6.334 bytes. Se você olhar com muito cuidado, você vai notar que os amarelos "anéis de propulsão" tornaram-se ligeiramente laranja-ish após a redução paleta. Você pode ajustar cores únicas como esta usando o Global Edit Palette como discutido anteriormente.


Optimization "Dirty retângulo"

Sujo Retângulo Optimization refere-se a um método de otimização que envolve cortar quadros em uma animação GIF para o seu menor retângulo necessária. Estes quadros são posteriormente jogado um sobre coordena o outro usando pixel para a colocação. A melhor maneira de entender isso é olhar para um exemplo. Nosso pequeno espaço exemplo alienígena animação não beneficiar muito com este tipo de otimização, então vamos olhar um exemplo diferente. Primeiro vamos olhar para a Figura 3. Como você pode ver, esta animação é a sua animação básica bola quicando. No entanto, notar que o fundo (a parede amarela eo piso marrom) têm uma textura barulhento. Mais importante ainda, notar que o fundo é idêntico em cada quadro: é informação redundante que se repete mais e mais. Esta textura pode fazer a animação um pouco mais interessante, mas não é tão bom para o tamanho do arquivo. Antes de otimização, esta animação é 39.6Kb. Esta animação levaria 5,7 segundos para fazer o download com um modem de 56K. Felizmente, podemos fazer melhor do que isso.

Abra o exemplo arquivo de animação ball.gif . Agora clique no Optimize Animation botão  ou selecione Optimize da Animação menu. Por agora, certifique-se de que o "Substituir pixels duplicados Transparência com" opção no Optimize Animation caixa de diálogo é não selecionado e clique em OK. Os resultados desta operação é que todos os quadros, excepto para o primeiro ter sido reduzida para zonas rectangulares mais pequenas (como mostrado na Figura 4, onde alguns quadros de animação são mostrados)

Esta operação tem reduzido o tamanho do arquivo para apenas 11,5 Kb. Isso é uma mais de 30K economia de tamanho de arquivo. Agora a animação leva apenas 1,6 segundos para baixar. Muito melhor. Isso ajuda a saber o que está acontecendo com a opção "sujo rectângulo" otimização devido ao seu impacto sobre a forma como você pode projetar seus quadros de animação, então vamos cobrir rapidamente como esta forma de obras de otimização. Basicamente, cada um dos quadros a quadro 1 foram reduzidos ao menor rectângulo necessária. As porções duplicadas ou redundantes dos quadros são cortadas fora. Assim, cada quadro a quadro é, na verdade simplesmente um arquivo GIF menor. Os arquivos GIF menores são exibidos ao longo do primeiro quadro usando pixels coordenadas para sua colocação. Uma vez que as imagens GIF menores cobrem apenas parcialmente o primeiro quadro, você ainda pode ver partes do quadro original como a animação é reproduzida. Para verificar isso, clique duplo no segundo quadro da animação. Isso abrirá a caixa de diálogo Propriedades do quadro. Observe que o Deslocamento X e Deslocamento opções Y são (ou deveriam ser) 26 e 12, respectivamente. Estas coordenadas correspondem ao canto superior esquerdo da imagem no quadro. Alterar esses ambos a 1 e observe o que acontece. Agora, o conteúdo do segundo quadro estão posicionados sobre o canto superior esquerdo do quadro. Desfazer essa alteração usando Editar> Desfazer ou o atalho de teclado Ctrl + Z . ​​Agora observe esse quadro 5-8, na verdade, não foram cortadas para o menor rectângulo necessário. Tudo o que precisamos é a bola ea sombra, mas as áreas para a esquerda ainda são visíveis. Isso ocorre porque não são muito pequenas mudanças nessa região que GMG detectou. Felizmente, podemos facilmente corrigir isso manualmente. Clique no frame 5 e selecioneMover / Colheita do quadro menu. Observe que a imagem GIF para este quadro é mostrado na janela de visualização com uma caixa delimitadora em torno dele. Clique e arraste o quadrado central, no lado esquerdo da imagem GIF na janela de visualização. Arraste para a esquerda até borda esquerda da caixa delimitadora é quase a tocar a bola azul. Deixar-se sobre o mouse e clique em OK. Se você repetir esta operação para quadros 6, 7 e 8 (ver Figura 5) você deve ser capaz de cortará outra 2,5K ou então a partir tamanho do arquivo da animação. A animação final ainda desempenha exatamente o mesmo que o original ( sem perda de dados! ), Mas o tamanho do arquivo caiu de 39.6Kb para 8.9Kb.

Inter-frame Transparência Optimization

Uma outra maneira de otimizar uma animação é fazer com que o resto das partes redundantes de animação, aqueles que estão dentro do "retângulos sujos", transparente. Isso muitas vezes resulta em economia de tamanho de arquivo. Você pode já estar familiarizado com o facto de arquivo GIF pode conter informações de transparência. Em outras palavras, algumas cores em um arquivo GIF pode ser transparente. Quando partes de um arquivo GIF são transparentes, eles mostram através de qualquer fundo imaginário por trás deles. Para uma imagem GIF estático, isso significaria que partes transparentes de um arquivo GIF iria mostrar até a cor de fundo da página da Web ou textura. Você pode tirar proveito de transparência dentro de animações bem. Essencialmente, um quadro GIF pode conter áreas transparentes que mostram através de quadros anteriores. Nós nos referimos a isso como "Transparência Inter-frame." Tudo o que você precisa fazer para otimizar a animação com a transparência inter-frame é clicar no Optimize Animation botão ou selecione Optimize da Animação menu. A Redução do quadro seção tem três opções: "Reduzir quadros para menor rectângulo necessário", "Substituir pixels duplicados com transparência" e "Remover quadro desnecessário". Nós só estão preocupados com as duas primeiras opções para fins de otimização transparência inter-frame. O "Shrink quadros para menor rectângulo necessário" opção (que nós acabamos de falar na secção "otimização sujo Retângulo") deve ser selecionado antes você pode usar o "Substituir pixels duplicados com transparência" opção. O "Substituir pixels duplicados com transparência" opção tem a idéia de fazer porções de GIF animação quadros transparente um pouco mais do que o método "Dirty Retângulo". A ideia é remover todos os pixels desnecessariamente redundantes entre os quadros. Às vezes, isso resulta em uma significativa redução de tamanho de arquivo, mas não sempre. Como a maioria das otimizações, que depende da animação em si. Por exemplo, com o "Substituir pixels duplicados com transparência" na, a bola quicando é reduzido de 8.9Kb para 7.2Kb - um organizador de pequenas poupanças realizado sem qualquer perda de dados. Por outro lado o exemplo nave alienígena da era nenhuma poupança. Na animação nave alienígena há um grande número de pixels pretos em torno da pequena nave espacial que são redundantes entre os quadros 2, 3 e 4, mas isso não significa que fazendo essas áreas transparentes vai diminuir o tamanho do arquivo - na verdade, provavelmente irá aumentar o tamanho do arquivo. Consequentemente, não há diferença na otimização quando você tem o "Substituir pixels duplicados transparência" opção ligado ou desligado. Esta aparente falta de transparência é porque GMG é inteligente sobre como ele se aplica a transparência. Quando se determina que uma opção de transparência vai realmente aumentar o tamanho do arquivo, ele evita realmente aplicar essa opção. Assim, por estranha nave espacial exemplo animação, GMG não realmente usar transparência inter-fama, mesmo se você ligá-lo, porque ele iria aumentar, não diminuir-o tamanho do arquivo de animação. Em geral, você pode seguramente deixar ambas as opções em e estar confiante de que GMG vai escolher a melhor combinação de opções de otimização de transparência entre quadros que irão resultar em menor tamanho de arquivo ou as grandes economias de tamanho de arquivo. Eles foram discutidos separadamente neste tutorial apenas por razões pedagógicas. Aliás, a opção "Remover quadro desnecessário" remove todos os quadros duplicados em uma animação. Este recurso é útil porque alguns dos primeiros designers de animação GIF não perceber que cada quadro pode ter o seu próprio tempo, então eles usaram várias cópias de um determinado intervalo de construir em pausas. Por exemplo, em vez de um quadro de temporização para um segundo, que incluiria 10 cópias da armação cada um medido em 10 / 100ths de um segundo. Esses 9 quadros extra adicionado desnecessariamente para o tamanho do arquivo da animação. Finalmente notar que você pode remover qualquer transparência inter-quadro e / ou corte retângulo suja em qualquer animação (incluindo as animações que você baixar da Web), selecionando Unoptimize da Animação menu. A seguir estão as versões originais e otimizados da animação bola quicando: 

              

 Originais: 39,631bytes      Otimizado: 7258 bytes

Removendo quadros

Removendo quadros é simplesmente uma questão de selecionar e excluir um quadro. Naturalmente, as menos quadros em uma animação, quanto menor o tamanho do arquivo. Na animação nave espacial, clique no frame 4 e excluí-lo. Observe que o tamanho da animação arquivo resultante foi reduzido para apenas 4.748 bytes uma economia de quase 1.500 bytes. (Você pode restaurar o quadro usando Undo , encontrado no Editar menu.) GMG também possui uma opção chamada Fina (Reduzir Count) (no Animação menu). Esta característica automatiza a remoção de quadros. Por exemplo, se você tem uma animação com 20 quadros, você pode ter GMG remover todos os outros quadros para trazer a animação para apenas 10 frames. Este recurso é particularmente útil para animações criadas a partir de vídeo digital.

Cortar a animação

Como regra geral, as dimensões de uma animação de GIF não deve ser maior do que tem que ser absolutamente. Por exemplo, o nosso exemplo de animação (a nave) é agora muito grande depois de termos eliminado o último quadro. Nenhum movimento ocorre ao longo de uma porção significativa da parte inferior da animação, por isso, pode cortar um pouco fora o tamanho do arquivo da animação cortando a esta parte em todos os quadros. Para fazer isso, selecione o quadro que contém obras de arte que se estende mais à a parte inferior (que era quadro 3). Agora escolha Colheita da Animaçãomenu. Para cortar a animação, basta arrastar as alças da marquise na janela de visualização para a posição que deseja cortar a. Para cortar essa animação, clique na alça inferior central e arraste até a altura é de cerca de 150 pixels. GIF Movie Gear também permite que você recortar numericamente e você pode visualizar os resultados antes de cortar. Clique em OK. Cortar a animação deve reduzir o tamanho do arquivo de 4.733 bytes.


O redimensionamento da animação

Reduzir as dimensões de uma animação é uma maneira óbvia para reduzir o tamanho do arquivo de uma animação. GIF Movie Gear permite redimensionar animação com o redimensionamento opção disponível no Animation menu. Você pode redimensionar as animações de acordo com dimensões de pixel numéricos ou porcentagens. Há uma opção "Manter Aspect Ration" para manter a animação de tornar-se deformado. Animações de redimensionamento pode afetar adversamente a paleta e inter-frame otimização de transparência, de forma geral, é melhor redimensionar a animação antes de otimizar a transparência paleta ou inter-frame da animação. Reduzir as dimensões da animação nave espacial por 80% dos seus resultados de tamanho colhidas em um tamanho de arquivo de 3.551 bytes.