Tutorial GIF animadas

Tutorial desenvolvendo imagens GIFs animadas.   Este tutorial é voltado para iniciantes. Gif animada é imagens em sequencias juntada em uma extensão GIF.Imagine 2 imagens, e cada imagem diferente a outra,juntada ele terá sequencia de cenas exibidas.Exemplo abaixo: Você pode criar gifs para banners,emoticons,ou até cartões animados,basta usar imaginação.Os tamanhos das imagens não são limitados,e números de quadros também não são limitados,porém, quanto mais quadros e maior a imagem for,mais o gif será demorado de carregar.No padrão se utiliza entre 3 ou 5 quadros(frames). Existem vários programas para criar gifs animadas,Abaixo postarei um tutorial utilizando o PSP(Paint shop pro) para efeitos nas imagens e Animation Shop para animar (juntar as imagens) Abra o programa PSPClique em "File", clique em "open..." Localize a imagem a ser animada. Após selecionar a imagem no palco,faça um simples efeito como texto por exemplo. A ferramenta de texto se localiza na lateral esquerdo. Selecionado a ferramenta de texto,clique na imagem, Abrirá nova janela a inserir o texto. Digite um texto e clique em ok. Copie toda a imagem (Ctrl+A) ou na barra superior em  "Selections" e "Select All" Após selecionar, copie a imagem toda (Shift+Ctrl+C) ou  na barra superior em "Edit" e "Copy Merged". Abra o "Animation shop"  Clique em "File" , "Jasc Software Products" e "Launch Animation Shop" Após abrir o programa, cole a imagem copiada (Ctrl+V)  ou na barra superior em "Edit","Paste" "As New Animation" Volte ao programa PSP e altere a cor do texto. Abra o "Layer Palette". No "Layer Palette", clique duas vezes no texto (A). Abrirá novamente a janela de texto, altere a cor do texto. Na lateral consta as cores do "Stroke" e "Fill". Clique duas vezes e escolha a cor desejada. Após alterar a cor do texto,  repita o mesmo procedimento de copiar e colar, Copie e cole no programa "Animation shop" Após colado as imagens no Animation shop,   arraste uma das imagem dentro do outro frame. Precione o mouse sobre uma imagem e   arraste dentro do outro frame branco e solte o mouse. Para ver a animação, clique em "View" e "Animation" Para salvar a animação(gif), clique em "File" e "Save as" Selecione o local a ser salvo. Vai abrir uma janela de configuração, Essa etapa basta prosseguir sem alterar nada,  (clicando em seguinte e finalizar). Caso deseja alterar a qualidade, clique em "customize" e altere manualmente. ------------------------------------------

"Animation Wizard" É uma ferramenta do Animation shop para animar imagens já prontas, ou imagens que salvou para depois ser aplicado a animação. Abrirá a janela de configurações da animação. Essas configuração são opcionais e pode variar devido a cada animação. Abaixo as imagens da configuração do exemplo aplicado nesse tutorial. Na imagem 5 clique em "Add Image" e localize a imagem a ser animada. Depois basta salvar a animação conforme explicado nesse tutorial. ------------------------------------------ Existe dentro do gif uma programação de animar repetitivamente ou  determinado quantidade de exibição (loop). Por exemplo,ao visualizar um gif animado,ele anima uma vez e para. Essa opção pode ser configurado na etapa 4 do exemplo da imagem cima. ------------------------------------------

"Plugins" Estarei disponibilizando plugins deste programa. Os plugins acrescenta efeitos práticos  para sua animação. Após selecionar a imagem a aplicar efeito,  clique em "Effects", "Plug-in Filters", "VM Natural". Selecione e teste cada efeito disponível. Se vc quer incluir aqueles  efeitos populares de estrelinhas  brilhando aleatoriamente, selecione o Sparkle. Depois siga mesmas etapas do exemplo  cima de criar animação, Uma vez aplicado o efeito, copie e abra no Animation shop, Depois volte novamente no PSP e altere a  alavanca para diferenciar os locais do efeito e copie e cole novamente para o Animation shop. Não só duas imagens como exemplo acima,  mas vc pode incluir várias  para ter uma exibição  mais dinâmica do efeito brilhando. ------------------------------------------

"Instalando o programa PSP" Abaixo o programa Paint shop pro e instalação. Primeiro baixe o todo pacote do programa aqui. Siga abaixo as sequências de instação. ------------------------------------------ "Instando as DLLS" No arquivo DLLmsvcrt vai constar 3 dll neste arquivo, msvcrt.dll , Msvcrt10.dll , MSVCRT20.dll Descompacte dentro da pasta c://windows /system ------------------------------------------ O arquivo plugin vai constar 1 dll plugin.dll Descompacte dentro da pasta c://Windows Se aparecer uma janelinha dizendo que tem uma dll mais recente, deixe sempre a dll mais recente. ------------------------------------------ "Instalando o programa Paint Shop pro" Essa etapa basta avançar e concluir a instalação. ----------------------------------------- Instalando os Plugins. O arquivo VM_natural consta vários  plugins com a extensão 8bf Após concluir a instalação do programa, abra a pasta onde foi instalado. Provavelmente deve constar em C:\Program Files\Jasc Software Inc\Paint Shop Pro 7 ou C:\Arquivos de programas\Jasc Software Inc\Paint Shop Pro 7 Crie uma pasta com nome de Plugin e descompacte os 8bf dentro dessa pasta. ------------------------------------------ Ativando os plugins no PSP. Clique em "File" , "Preferences" ,"File Locations" Vai abrir uma janela, Clique em "Plug-in Filters", Localize a pasta Plugins clicando em "Browse", Selecione as caixas conforme a imagem acima, Finalize em "OK". ----------------------------------------- Siga o procedimento das instalação conforme a ordem. As dlls são para evitar erros no programa, se uma desses dll estiver fora do local indicado, o programa tende a fechar ou erros e bugs leves pode ocorrer no meio da utilização. Se a opção dos efeitos não ativar no programa, feche e abra o programa. Espero ter ajudado com este tutorial, explorem o programa, ele é um pouco complexo nas opções mas com tempo utilizando esse programa vc  descobre monte de efeitos. O programa PSP não só utilizado para  fazer gif animado mas também para imagens estáticas como avatar etc. Autor do tutorial : Christopher agent, kinha japinha