[TuTorial] Fazendo Banner com movimento.

Shion

Legendário XPZ
1 de Outubro de 2010
4,350
797
113
29
www.inextgames.com.br
Primeiro baixe o programa

Você não tem permissão para ver o link. Faça o login ou registre-se agora.


Introdução 

Animações GIF são, essencialmente, mostrar o seqüencial de uma série de imagens GIF estático. O formato GIF permite a um único arquivo GIF para conter múltiplas imagens GIF. Em uma animação GIF, estas imagens GIF são referidas como quadros. Basicamente, cada frame de uma animação em GIF é criado e composto por uma única imagem GIF estático. Estas imagens GIF estáticos são normalmente criados com qualquer número de aplicações de computação gráfica, incluindo aplicações de edição de fotos, como o Adobe Photoshop, aplicações do vetor (que exportar para GIF), como o CorelDRAW, ou aplicações 3D como Ray Dream Studio. 

Neste tutorial, vamos levá-lo através do processo básico de criação, edição e otimização de uma animação em GIF com o GIF Movie Gear (GMG). O tutorial pode ser pensada como duas lições distintas: Introdução e Técnicas de Otimização: 

Getting Started 

- Como carregar frames 

- Como encomendar Molduras 

- Como preview 

- Como Editar cores 

- Como alterar o calendário 

- Como controlar o looping 

- Como salvar 

- Como adicionar a uma página Web 

Técnicas de Otimização 

- Cores Reduzir 

- "Dirty Rectangle Optimization" 

- Inter-Optimization Transparência frame 

- Remover Frames 

- Recorte 

- Redimensionamento 

Getting Started 

Carregando Frames 

Comece por abrir GMG e selecione Inserir Frames no menu Arquivo 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 no arquivo alien1.gif. Agora, mantenha pressionada a tecla Shift e clique sobre o arquivo alien4.gif. Todos os quatro arquivos GIF devem ser selecionados, como resultado desta operação. Pressione OK para abrir os arquivos em GMG (Figura 1). [se os arquivos não foram listados na caixa de diálogo, eles podem ser encontrados no diretório / tutorial / amostras subpasta de onde GIF Movie Gear foi instalado. O padrão é C: \ Program Files \ gamani \ GIFMovieGear.] 

Você também pode usar o comando Abrir para carregar quadros de animação. No entanto, a GMG sempre iniciar uma nova animação quando você usa o comando Abrir. Se você já tem quadros carregado, você pode adicionar mais quadros para a animação usando o comando Inserir Frames, mas se você usar o comando Open, GMG irá iniciar uma nova animação (pedindo-lhe primeiro para salvar as alterações não guardadas para a animação aberta anteriormente) . 

http://img104.imageshack.us/img104/4493/79368235.gif

[FONT=Verdana][COLOR=#333333]Figura 1 [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Encomendar Molduras [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Embora possa não ser prontamente óbvio, todos os quadros da animação foram abertos na ordem correta. O primeiro quadro da animação deve ser a pequena espaçonave / estrangeiro sem anel amarelo pouco abaixo dela. No segundo quadro deve haver um grande anel amarelo abaixo da nave e nos últimos dois quadros do anel amarelo fica menor e mais longe da nave espacial. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Estes quadros foram importados na ordem correta, porque eles foram salvos por essa ordem e por causa de como as importações GMG GIF arquivos de acordo com a forma como eles são nomeados. Em outras palavras, o arquivo GIF que pretendia ser o primeiro quadro foi salvo como alien1.gif, o arquivo GIF que estava destinado a ser o segundo quadro foi salvo como alien2.gif, e assim por diante. GMG várias ordens GIF alfa files / numericamente. Uma vez que todos os arquivos GIF ter o mesmo nome, exceto para o número no final do nome, GMG utilizado os números para determinar o seu fim de quadro. Como outro exemplo, se tivéssemos arquivos chamados a.gif, b.gif e c.gif, etc, a GMG a.gif colocar o primeiro arquivo eo c.gif último arquivo. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]GMG permite que você veja todos os seus quadros de uma vez. Clique no botão Zoom Out [/COLOR][/FONT]

[img width=23 height=22]http://img16.imageshack.us/img16/1987/67448787.gif buttonif barra de ferramentas que você não pode ver todos os quadros em suas animações. Agora clique e segure o mouse sobre o primeiro quadro da animação e arraste-o para a direita. Enquanto arrasta, eu aviso a preto-line feixe que aparece entre os frames (dentro das fronteiras de cinza que separam os quadros). Este I-linhas de luz indica que o quadro será colocado quando você deixa o mouse em cima. Arraste a primeira frame todo o caminho para a direita e solte o mouse quando o eu-line cruzamento 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á o último quadro. 

[FONT=Verdana][COLOR=#333333]Se o último quadro não estiver selecionado, selecione-o novamente. Agora selecione Recortar no menu Editar ou usar o atalho de teclado padrão da indústria (Ctrl + X). Em seguida, clique no primeiro frame da animação e, em seguida, selecione Colar no menu Editar ou pressione Ctrl + V. Agora, o quadro será reposicionado no início da animação. Isso demonstra que a GMG pastas de quadros na frente do quadro selecionado. Assim, você pode frames quer reorganizar arrastando e soltando-os em posição ou copiando e colando eles. Aliás, um colar vai para a final da animação, quando não os quadros são selecionados e Arquivo> comando Inserir Quadros está de acordo com as localizações colar mesmo que o comando Colar. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Antes de prosseguirmos, temos algumas sugestões e notas que você deve estar ciente. Primeiro, neste exemplo, os arquivos são numerados 1-4 alienígena. Se você tem mais de 9 quadros em sua animação, sugerimos que você use números de dois dígitos. Por exemplo, o quadro 1 seria "frame01.gif", quadro 5 seria "frame05.gif", quadro de 10 seria "frame10.gif", e assim por diante. Fazendo isso irá garantir que as animações com quadros mais de 9 quadros serão organizadas na ordem correta quando você importar vários quadros de uma vez. Além disso, note que os nomes só importa quando você está abrindo vários quadros de uma vez. Não há nenhuma ordenação automática quando você importar um fotograma de cada vez. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Visualizando a animação [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Agora vamos visualizar a animação. Clique no mapa buttonor Preview Animação [/COLOR][/FONT]

[IMG]http://img444.imageshack.us/img444/2524/51258272.gif ferramentas usar o atalho de teclado: Ctrl + P. Quando você fizer isso você vai ver o jogo de animação na caixa de diálogo Visualizar animação exatamente como ele faria em uma página da web, incluindo o sincronismo de quadro (que falaremos em um segundo). 

Existem várias opções acessíveis na caixa de diálogo Visualizar animação que você deve se familiarizar com. Primeiro aviso que você pode zoom in e out quando você visualizar uma animação. A previsão caixa de diálogo é redimensionável, então você pode ampliar a sua animação e em seguida, examina os mínimos detalhes como a animação. Notar também o videocassete padrão como controles / botões para parar, indo para o primeiro quadro (rebobinagem), saltando para o último quadro, e pisar para trás e para frente através de quadros, um de cada vez. 

Observe que o fundo do preview padrão caixa de diálogo para uma cor cinza médio. Você pode alterar essa cor. Para fazer isso, clique no botão Ver como plano de fundo (o iconIn pequeno monitor 

http://img96.imageshack.us/img96/4104/46380027.gif no centro inferior da caixa de diálogo). Fazendo isso vai abrir o padrão Windows caixa diálogo Color Picker. Clique no pequeno rectângulo preto no canto inferior esquerdo das cores "Basic" seção da caixa de diálogo Cores e, em seguida, pressione OK. 

[FONT=Verdana][COLOR=#333333]Agora, a animação é visualizado sobre um fundo preto. Este recurso permite que você visualize como uma animação irá olhar sobre uma determinada cor de fundo que pode ser muito útil se você usar cor sólida fundos de página web em seu site. Por exemplo, se você olhar atentamente você vai notar que, enquanto a animação de fundo exemplo parecia ser preto, é realmente muito cinza escuro. Por conseguinte, fronteira da animação destaca-se do fundo. Em outras palavras, se esta animação foram colocados em uma página da Web com um fundo preto, não se integrar com a cor de fundo transparente. Agora vamos olhar como corrigir este problema. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Para fechar a janela de visualização de animação, clique no X no canto superior direito ou pressione o botão ESC. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Edição de cores em uma animação [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Clique no botão Edit Palette buttonon [/COLOR][/FONT]

[img width=23 height=22]http://img21.imageshack.us/img21/2346/54275871.gif Global barra de ferramentas ou selecione Editar Global Palette no menu Animation. Isso traz a janela de edição de paleta. Coloque o mouse em algum lugar sobre o fundo negro da animação na janela de visualização. O cursor do rato irá mudar para um cursor do conta-gotas. Um pequeno pop up tag irá exibir o vermelho, verde e azul sob o canto inferior esquerdo da ponta do cursor do conta-gotas. Clique quando o pop-up tag lê algo como "R = 18, G = 20, B = 21". 

[FONT=Verdana][COLOR=#333333]Isto deve selecionar o quadrado de cor em primeiro lugar na tabela de cores para a esquerda da janela de visualização. A amostra de cor seleccionado é indicado por um contorno vermelho ao redor dele. Agora digite 0 para o Red ®, Verde (G) e azul ([/COLOR][/FONT][IMG]emoticons/default_cool.png valores (localizado abaixo das amostras de cores). Você já mudou a cor de fundo para o preto puro. Se você olhar na janela de visualização você verá que você não pode ver a fronteira entre o fundo ea animação. 

Editando Timing 

Agora veremos como ajustar o calendário eo loop da animação em GMG. Clique no primeiro quadro. Agora dê um duplo clique no campo ao lado do ícone 

http://img19.imageshack.us/img19/1305/58214320.gif pequeno relógio na barra de ferramentas. Digite um valor de 50. Frame atrasos em animações GIF são medidos em centésimos de segundo. Assim, ao entrar em um valor de 50 neste domínio que estabelecemos esta moldura para mostrar para a metade de um segundo. O calendário padrão para cada quadro é 10, que é 1/10th de um segundo. Em outras palavras, animações jogar em uma taxa de 10 quadros por segundo em GMG por padrão. (A configuração padrão pode ser definido em Editar> Preferências> diálogo Animação.) 

[FONT=Verdana][COLOR=#333333]Mudamos o atraso moldura para somente o primeiro quadro. Todos os três outros quadros são ainda definido para 10 ou 1/10th de um segundo. Clique no botão Preview na barra de ferramentas. Observe que agora a animação pára brevemente no primeiro quadro, joga os últimos três quadros com rapidez, e depois faz uma pausa no primeiro quadro novamente. Você pode deixar a janela de visualização aberta enquanto você faz as mudanças de tempo seguinte. Janela de visualização da GMG refletirão automaticamente quaisquer alterações feitas no momento da visualização caixa de diálogo. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Você também pode ajustar os atrasos quadro individual com a caixa de diálogo Propriedades do quadro. Dê um duplo clique no terceiro quadro ou selecione o terceiro quadro e clique no botão [/COLOR][/FONT]

[img width=23 height=22]http://img21.imageshack.us/img21/3448/37730003.gif[FONT=Verdana][COLOR=#333333]Propriedades buttonon Frame a barra de ferramentas ou selecione o terceiro quadro e selecione Propriedades no menu de quadros. Dê um duplo clique no primeiro campo sob a secção de animação da caixa de diálogo (no campo que é seguido pelo texto que lê ", após segundos de atraso 1/100th frame"). Digite um valor de 200 e, em seguida, pressione 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 ao preview de animação novamente. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Essa animação não parece muito boa, com moldura 1 jogo para mostrar por meio segundo e frame 3 set para jogar por dois segundos. Parecia muito melhor quando todos os quadros jogado no mesmo ritmo. Felizmente, a GMG lhe permite fazer alterações globais para uma animação, incluindo edições atraso quadro. Para fazer isso, selecione propriedades globais a partir do menu Frame. Observe que o diálogo é quase exatamente como a caixa de diálogo Propriedades do quadro, a diferença é que todas as mudanças feitas aqui vai afetar todos os quadros na animação, e não apenas um. Clique no primeiro campo abaixo da seção Animação, digite o número 5 e clique OK. Isso vai mudar todo o quadro de atrasos 5/100ths de um segundo. Agora olhe para a animação na caixa de diálogo Animação Preview e vê aquele otário ir! [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Editando Looping [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Agora vamos ajustar a configuração de looping. Feche a janela de visualização. Dê um duplo clique no campo ao lado do arrowon looping [/COLOR][/FONT]

[img width=17 height=17]http://img21.imageshack.us/img21/6077/16418193.gif barra de ferramentas. Digite um valor de 5. Clique no botão Preview e você vai ver o jogo de animação cinco vezes e depois pára. Como momento você também pode definir o looping 

[FONT=Verdana][COLOR=#333333]Como você pode ver, a configuração looping determina quantas vezes o replay da animação. Você pode definir uma animação para jogar em qualquer lugar de apenas um tempo de loop contínuo. Uma definição de "0" reproduz a animação contínua e qualquer outro número estabelece o real número de vezes que a animação se repetirá. Por exemplo, se você digitar 10, para a definição de ciclo, a animação vai jogar 10 vezes e depois parar. GMG permite ajustar as definições de looping, quer através da barra de ferramentas ou a animação caixa de diálogo Propriedades. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Salvando um Animation [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Agora é uma boa hora para salvar a animação usando o menu Arquivo. Salvando a animação cria essencialmente a animação. Use Salvar Como ou Salvar ou Salvar GIF animação como para criar a sua animação. A partir daí você pode usar em Salvar para salvar as edições mais de uma animação e usando o Salvar Como irá salvar uma versão original da animação. Usando a lista suspensa Tipo do diálogo Save As, você pode escolher o formato de arquivo para que a animação será salva. Alguns destes formatos (por exemplo, AVI) permitir que as opções de salvar diferente, uma vez que são mostrados o tipo de arquivo é selecionado. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Somando-se uma página da Web [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Agora, a animação está pronta para ser adicionado a uma página da Web (como este). Selecione o item HTML no menu Arquivo. O "Código HTML" caixa 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á. Opções são fornecidas para adicionar um rótulo / dica, um link, e uma borda. Por exemplo, a animação terminar abaixo foi colocado nesta página HTML com uma declaração semelhante à que se segue: [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]<img src="alienani.gif" width=111 height=158 border=0 alt="Alien animation"> [/COLOR][/FONT]

[img width=111 height=158]http://img444.imageshack.us/img444/6848/47785058.gif

[FONT=Verdana][COLOR=#333333]Técnicas de Otimização com o GIF Movie Gear [/COLOR][/FONT]

[SIZE=12px][COLOR=#ff0000][B]CONTINUA.....[/B][/COLOR][/SIZE]
 

Shion

Legendário XPZ
1 de Outubro de 2010
4,350
797
113
29
www.inextgames.com.br
Otimizando Animações 

Quando falamos de "otimização", 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 irá fazer o download através da Internet. Normalmente, o objetivo é fazer uma animação do tamanho do arquivo tão pequeno quanto possível, mantendo-se como a animação apresentável possível. Há muitas maneiras diferentes para otimizar uma animação GIF. Aqui estão as formas possíveis para otimizar uma animação em GIF: 

1. Reduzir o número de cores utilizadas 

2. Use "Dirty Rectangle Optimization" 

3. Usar transparência para o Inter-frame Optimization 

4. Remover frames 

5. Crop tamanho físico da animação 

6. Redimensionar a animação para um menor tamanho físico 

GIF Movie Gear pode executar todas essas otimizações. Vamos olhar para cada um. No entanto, antes de começarmos vamos fazer uma nota de tamanho a animação do arquivo antes de otimizações. GMG fornece essa informação na barra de status na parte inferior de sua interface. Na parte inferior esquerda você verá o número total de quadros na animação junto com o quadro que está atualmente selecionado. A próxima caixa à direita mostra as dimensões da animação seguido do tempo total de execução. Avançar para isso você vai ver o tamanho atual da animação juntamente com o seu tempo estimado de download em uma determinada velocidade de conexão com a Internet (você pode alterar a velocidade de conexão à Internet que os objectivos GMG com o item Time Download localizado no menu Exibir). A última caixa mostra o zoom atual estado. 

Esta animação deve ser de aproximadamente 7.153 bytes (o número exato vai depender do seu GIF Assinatura configuração em Editar> Preferências> Exportação), que levaria cerca de 2 segundos para fazer o download através da Internet. Embora os dois não é um segundo tempo muito longo, que 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 a animação. Todos os detalhes discutidos abaixo incluem números que são específicos para a nossa animação de exemplo. Os resultados podem variar dependendo da animação está sendo produzido. 

Reduzir Cores 

Cores Esta animação especial tem muito poucos nela (ter um olhar para as cores usando Animação> Edit Palette Global), por isso já está um pouco "otimizada". Isso ocorre porque as cores de todos os arquivos / frames correspondeu a apenas 35 cores quando os quadros foram importados para a GMG. Em outras palavras, a paleta de animação do "global" (a paleta usada para todos os quadros), contém apenas 35 cores. Animações que usam uma paleta global pode conter até 256 cores. Normalmente, as cores mais há em uma animação, quanto maior o tamanho do arquivo. Devido à forma como o formato GIF comprime, isso não é sempre verdadeiro, mas essa generalização é verdade para a maioria das animações GIF. 

Você pode reduzir o número de cores na animação clicando no buttonon 

 Cores Reduzir a barra de ferramentas ou selecionando a opção Reduzir Cores no menu Animation. A Figura 2 mostra a reduzir caixa de diálogo Cores, que apresenta duas janelas de visualização para a animação. A janela da esquerda mostra a animação original e na janela da direita mostra a animação após a cor tem sido reduzida. Estes lado a lado janelas permitem que você veja a animação antes e após a redução de cores, que permite determinar se ou não a redução de cor afecta negativamente a qualidade visual da animação. GIF Movie Gear ainda lhe permite fazer zoom e dentro das janelas de visualização para examinar as diferenças mais de perto. 

http://img96.imageshack.us/img96/6825/99232197.gif

[FONT=Verdana][COLOR=#333333]Figura 2 [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]No nosso exemplo, a GMG definir automaticamente o "Número de cores na paleta reduzida" no menu suspenso para uma cor 32 (bit 5-) paleta. Uma vez que este só remove 3 cores da animação, vá em frente e escolha de 16 cores (4 bits) de o "número de cores na paleta reduzida" no menu suspenso. Agora pressione play e comparar as duas variações. A visualização à esquerda joga a animação cor original e 35 a visualização à direita reproduz a cor nova versão 16 da animação. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Observe que há muito pouca diferença entre as duas versões da animação. Que a chave. Notar também que as janelas de visualização fornece antes e após a informação do tamanho do arquivo. Na figura 2, a informação abaixo a janela da direita indica que vai de uma paleta de cores de 34-16 paleta de cores vai remover 1089 bytes da animação e que os 1089 bytes salvos equivale a uma poupança de 14,4% o tamanho do arquivo. Reduzir a animação de uma paleta de cores de 16 reduziu a animação global até 6.334 bytes. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Se você olhar com muito cuidado, você vai notar que o amarelo "anéis de propulsão" tornaram-se um pouco laranja-ish após a redução da paleta. Você pode ajustar as cores simples como isso usando o Global Edit Palette como discutido anteriormente. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]"Dirty Rectangle Optimization" [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Dirty Rectangle otimização refere-se a um método de otimização que envolve corte quadros em uma animação GIF para o seu menor retângulo necessário. Esses quadros são, então, jogou um sobre o outro pixel usando coordenadas de posicionamento. A melhor maneira de entender isso é olhar para um exemplo. O nosso pequeno espaço de animação exemplo estrangeiro não beneficiar muito com este tipo de otimização, portanto, vamos olhar para um exemplo diferente. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Primeiro vamos olhar para a Figura 3. Como você pode ver, esta animação é a sua animação bola quicando básica. No entanto, observe que o fundo (parede de amarelo e marrom no chão) têm uma textura ruidosos. Mais importante ainda, observar que o fundo é idêntica em cada frame: é uma informação redundante que é repetido várias vezes. Esta textura pode tornar 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 terá 5,7 segundo para fazer o download com um modem de 56K. Felizmente, podemos fazer melhor que isso. [/COLOR][/FONT]

[img width=515 height=338]http://img16.imageshack.us/img16/9158/37112749.gif

[FONT=Verdana][COLOR=#333333]Figura 3 [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Abra o exemplo ball.gif arquivo de animação. Agora clique no buttonor Animação Otimizar [/COLOR][/FONT]

[img width=23 height=22]http://img21.imageshack.us/img21/3010/84793357.gif selecione o menu Animation. Por agora, certifique-se que os pixels "Substituir duplicados com opção de transparência" na caixa de diálogo Animação Optimize não está marcada e clique em OK. Os resultados desta operação é que todos os quadros com excepção do primeiro ter sido reduzida a pequenas áreas retangulares (como mostrado na Figura 4, onde alguns quadros da animação são mostradas). 

[img width=515 height=338]http://img19.imageshack.us/img19/3871/80298671.gif

[FONT=Verdana][COLOR=#333333]Figura 4 [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Esta operação reduziu o tamanho do arquivo para apenas 11,5 Kb. Isso é uma economia de mais de 30K tamanho do arquivo. Agora a animação demora apenas 1,6 segundos para download. Muito melhor. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Ela ajuda a saber o que está acontecendo com o retângulo "sujo" opção de otimização devido ao seu impacto sobre a forma como você pode criar quadros de animação, por isso vamos cobrir rapidamente como funciona esta forma de otimização. Basicamente cada um dos quadros após a moldura 1 foram reduzidos ao menor rectângulo necessário. O repetido ou partes redundantes dos quadros são cortados. Assim, cada quadro após um frame é realmente apenas um pequeno arquivo GIF. Os arquivos GIF menores são exibidos durante o primeiro quadro usando pixels coordenadas para sua colocação. Desde que as imagens GIF menor apenas cobrir parcialmente o primeiro quadro, você ainda pode ver partes do quadro original, como a animação. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Para verificar isso, clique duas vezes no segundo frame da animação. Isso abrirá a moldura da caixa de diálogo Propriedades. Observe que o X Offset e Y Offset opções são (ou deveriam ser) 26 e 12, respectivamente. Estas coordenadas correspondem ao canto superior esquerdo da imagem no quadro. Altere essas duas a 1 e observe o que acontece. Agora, o conteúdo do segundo quadro é posicionado sobre o canto superior esquerdo da moldura. Desfazer essa alteração usando Editar> Desfazer ou o atalho Ctrl + Z. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Agora, observe que o quadro 5-8 na verdade, não ter sido cortada para o mais pequeno retângulo necessário. Tudo o que precisamos é a bola e na sombra, mas as áreas para a esquerda ainda são visíveis. Isso ocorre porque há alterações muito ligeiras na região que GMG detectou. Felizmente, podemos facilmente corrigir isso manualmente. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Clique no frame 5 e selecione Mover / Cortar do menu Frame. Observe que a imagem GIF para este quadro é mostrado na janela de visualização com uma caixa delimitadora à sua volta. Clique e arraste o centro da praça, no lado esquerdo da imagem GIF na janela de visualização. Arrastar para a esquerda até que o lado esquerdo da caixa delimitadora é quase a tocar a bola azul. Deixe-se no mouse e clique em OK. Se você repetir esta operação para quadros 6, 7 e 8 (ver Figura 5) você deve ser capaz para cortar outro 2.5K ou menos do tamanho da animação de arquivo. A animação final ainda joga exactamente o mesmo que o original (sem perda de dados), mas o tamanho do arquivo caiu de 39.6Kb para 8.9KB. [/COLOR][/FONT]

[img width=515 height=338]http://img96.imageshack.us/img96/9528/65486930.gif

[B][FONT=Verdana][COLOR=#ff0000]CONTINUA...[/COLOR][/FONT][/B]
 

Shion

Legendário XPZ
1 de Outubro de 2010
4,350
797
113
29
www.inextgames.com.br
Figura 5 

Inter-Optimization Transparência frame 

Uma maneira adicional para otimizar uma animação é fazer com que o restante das parcelas redundantes de animação, aqueles que estão dentro dos retângulos "sujo", transparente. Isso geralmente resulta em economia de tamanho do arquivo. Você pode já estar familiarizado com o fato de que o arquivo GIF pode conter informações de transparência. Em outras palavras, algumas cores em um arquivo GIF pode ser transparente. Quando as partes de um arquivo GIF são transparentes, que mostram através de qualquer imagem de fundo por trás deles. 

Para uma imagem GIF estático, isto significa que partes transparentes de um arquivo GIF iria mostrar a cor através da página da Web de fundo ou textura. Você pode tirar vantagem da transparência dentro de animações também. Essencialmente, um quadro GIF podem conter áreas transparentes que mostram através de quadros anteriores. Referimo-nos a isso como "Inter-transparência dos quadros". 

Tudo que você precisa fazer para otimizar a animação com transparência inter-frame é clicar no buttonor Animação Otimizar 

 selecione o menu Animation. O Frame seção Redução tem três opções: "Reduzir quadros a menor rectângulo necessário", "Substituir duplicados pixels com transparência", e "Remover frame desnecessário." Estamos apenas preocupados com as duas primeiras opções para efeitos de inter-otimização transparência quadro. Os quadros "Reduzir para menor rectângulo necessário" (opção que nós só falamos sobre a "otimização Rectangle Dirty seção") deve ser selecionado antes de usar os pixels "Substituir duplicados com transparência" opção. 

Os pixels "Substituir duplicados com transparência" opção tem a idéia de fazer porções de quadros de animação GIF transparente um pouco mais do que o "Dirty Rectangle método". A idéia é remover todos os pixels desnecessariamente redundante entre os frames. Às vezes, isso resulta em uma significativa economia de tamanho de arquivo, mas não sempre. Como a maioria das otimizações, que depende da animação em si. 

Por exemplo, com os pixels "Substituir duplicados com transparência" sobre, a bola passa de 8.9KB para 7.2KB--arrumado uma poupança pouco realizado sem qualquer perda de dados. Por outro lado, a exemplo da nave alienígena havia poupança. Na animação nave alienígena há uma grande quantidade de pixels pretos em volta do navio pequeno espaço que são redundantes entre os quadros 2, 3 e 4, mas isso não significa que essas áreas transparentes irá diminuir o tamanho do arquivo - na verdade, provavelmente irá aumentar o tamanho do arquivo. Por conseguinte, não há diferença na otimização quando você tem os pixels "Substituir duplicados com transparência" opção ligado ou desligado. 

Esta aparente falta de transparência é devido a GMG é esperto sobre como 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 aplicando essa opção. Assim, para a animação nave alienígena exemplo, GMG não usa realmente inter-transparência fama, mesmo se você ativá-la, porque iria aumentar, não diminuir de tamanho a animação do arquivo. 

Em geral, você pode deixar ambas as opções sobre e estar confiante de que a GMG irá escolher a melhor combinação de inter-frame transparência opções de otimização que resultará no menor tamanho de arquivo ou as economias de tamanho grande de arquivo. Eles foram discutidos separadamente neste tutorial apenas por razões de instrução. 

Aliás, o "Remover moldura desnecessária a opção" remove todos os frames duplicados em uma animação. Este recurso é útil porque alguns designers de animação GIF cedo não percebem que cada quadro pode ter seu próprio tempo, assim que eles usaram várias cópias de um determinado quadro de construir em pausa. Por exemplo, ao invés de uma moldura de tempo por um segundo, que incluiria 10 cópias do quadro de cada cronometrada em 10/100ths de um segundo. Aqueles 9 quadros extra adicionado desnecessariamente ao tamanho da animação do arquivo. 

Por último aviso que você pode remover qualquer inter-quadro de transparência e / ou sujo retângulo de recorte em qualquer animação (incluindo as animações que você baixa da net), selecionando Unoptimize no menu Animation. Abaixo estão as versões originais e otimizados da animação bola: 

http://img21.imageshack.us/img21/1306/34001891.gif

[FONT=Verdana][COLOR=#333333]Original: 39.631 bytes [/COLOR][/FONT]

[img width=72 height=72]http://img96.imageshack.us/img96/6652/96168037.gif 

[FONT=Verdana][COLOR=#333333]Optimizado: 7258 bytes [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Removendo frames [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Removendo frames é simplesmente uma questão de selecionar e excluir um quadro. Claro, a menos frames em uma animação, menor o tamanho do arquivo. Na animação nave espacial, clique no frame 4 e excluí-lo. Observe que o tamanho do arquivo resultante da animação foi reduzida para apenas 4.748 bytes uma poupança de cerca de 1.500 bytes. (Você pode restaurar o quadro, usando Desfazer, encontrado no menu Editar.) GMG também possui uma opção chamada Thin (reduzir a contagem) (no menu de Animação). Esse recurso automatiza a supressã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. Esse recurso é especialmente útil para criar animações em vídeo digital. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Cortando a animação [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Como regra geral, as dimensões de uma animação GIF não deve ser maior do que absolutamente tem que ser. Por exemplo, nossa animação exemplo (nave) é agora muito grande depois de termos eliminado o último quadro. Nenhum movimento ocorre ao longo de uma parcela significativa do fundo da animação, assim podemos cortar um pouco fora do tamanho do arquivo de animação cortando fora essa parte em todos os quadros. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Para fazer isso, selecione o quadro que contém obras de arte que se estende mais longe ao fundo (que era quadro 3). Agora escolha Cortar do menu Animation. Para cortar a animação, você simplesmente arraste as alças do letreiro na janela de visualização para a posição que você deseja cortar a. Para cortar essa animação, clique no centro inferior segurar e arrastar até a altura é de cerca de 150 pixels. GIF Movie Gear também permite que você corte numericamente e você pode visualizar os resultados antes de cultivo. Clique em OK. Cortando a animação deve reduzir o tamanho do arquivo de 4.733 bytes. [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Redimensionamento da animação [/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]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-lhe redimensionar animação com a opção Redimensionar disponíveis no menu Animation. Você pode redimensionar as animações de acordo com numérica dimensões do pixel ou em percentagens. Há um "Manter a ração do aspecto" opção para manter a animação da deformação. Redimensionar animações podem afetar negativamente a paleta de otimização e inter-frame transparência, de modo geral, é melhor para redimensionar a animação antes de otimizar a paleta ou inter-transparência dos quadros da animação. Reduzir as dimensões da animação espaçonave por 80% dos seus resultados tamanho cortada em um tamanho de 3.551 bytes.[/COLOR][/FONT]

[FONT=Verdana][COLOR=#333333]Creditos: Flávio Faria (flasjc2)[/COLOR][/FONT]