Pages


Animação em Flash




 
Copie e Cole o Código Abaixo.

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 PSP
Clique 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




Boa noite emFLASH.
Anime seus recados com Flashs Animadosamigos

 
Copie e Cole o Código Abaixo.













Flash Effect Maker tutorial

--------------------

Tutorial básico do programa Flash Effect Maker,
Ele é bem simples e fácil de criar uma animação em flash,
banner para site ou até site em flash.
Talvez nem precise desse tutorial por ser fácil de utilizar.

Explorem o programa e bom proveito.


Início de uma animação personalizado do programa Flash Effect Maker:

Clique em Create New (criar novo) localizado na lateral do programa.


Vai abrir uma janela de opções avançados para ser configurado.

Detalhes das abas desta opção:

Aba SWF Option
Refere a base que será o flash.
Width(largura) Height(altura)
Speed(FPS) refere frames por segundo ou quadros por segundos,
normalmente na faixa de 20 fps teria uma animação dinâmica.

JPEG Quality é a qualidade das imagens, quanto maior,maior a qualidade.
"Compressed" deixe selecionado para compressão geral do flash.
"Protect" é opcional,
não precisa selecionar caso for desenvolver apenas uma animação.

-------------------

Aba "Back Ground"
Refere a imagem de fundo ou cor.

Existe 4 opções de fundo.
Transparent (transparente)
Solid Color (cor sólido)
Gradient Color (corgradiente)
Image Fill (imagem de preenchimento)

Se for utilizar uma imagem, selecione o "Image Fill" e
localize a imagem no seu pc.
Clique em "Browse" que abrirá outra janela para
localizar imagem a utlizar.
Nesta opção do "Image Fill" existe opções de posições que é
Posx0 e Posy0
X e Y se refere horizontal e vertical,altere a sua escolha.

-------------------

Aba "Mouse AS"(mouse actionscript)
Refere a substituição do mouse padrão por estas
animações oferecida pelo programa;
Basta selecionar clicando no modelo que deseja substituir o mouse.

-------------------

Aba "Porcent Loader" (carregador com porcentagens)
Refere a carregador.

Aconselhado para animações pesadas que demora para abrir.
Quando o tamanho de uma animação for grande,
até a animação ser carregado, o flash não aparece nada.
Com Loader ele exibirá no início o quanto falta para iniciar um flash.

-------------------

Aba "Sound" (Som)
Refere a inclusão de sons,músicas.

Caso for optar por incluir som, localize o som e selecione na caixa suspensa as opções que o som terá de efeito.

Loop ( ao terminar o som ele inicia novamente)
Play Once (toca uma vez)
Restart At First Frame(reinicia no primeiro quadro)

Recomenda se a opção Loop, opção simples para musicas.

Na lateral tem Sound Control MovieClip,
essa opção são os modelos dos players;
Aconselhado ter um botão para música,assim
quem for visitar ou visualizar um flash teria opção de desligar.

Na lateral tem o Selected Sound,
PosX e PosY das posições onde o play será exibido.
Shadow significa sombra,
opcional caso desejar ter um efeito de sombra no player.

-------------------

Static Image (imagem estática)
Refere as imagem que deseja utilizar.

-------------------

Após configurar essas opções, clique em OK.

Caso for alterar as configurações,
no canto inferior esquerdo do programa se localiza
cada objetos incluídos.
Clique duas vezes que abrirá novamente a janela de configurações.



Na plataforma do programa será exibido as apresentações dos efeitos,
também é possível editar e configurar as posições nesta plataforma.
Marque a caixa"Show Select Square" que será quadriculado os objetos
possíveis de ser movido ou alterado.



Para mover os objetos incluídos ,
basta clicar e arrastar.
Clicando nos objetos incluídos,se visualiza opções,
Move,Edit,Del (Mover,Editar,Deletar)


Existe também outras opções de incluir mais efeitos.(MovieClip)

Clique em "MovieClip" localizado na lateral do programa.



Nesta janela vai constar Layers dos movieclips,
clique em "Add" em uma desses MovieClip Layer.



Vai abrir outra janela com amostras dos efeitos,
Selecione o modelo do efeito e clique em OK.

Você pode configurar Scale%(escala) que varia o tamanho do efeito.
PosX e PosY é igual a image, depois pode ser movido ou
determine digitando a posição do efeito nessa opção.

Shadow(sombra) Rotation(rotação) são opcional.
StartUp All MovieClip At One Time(iniciar todos movieclip em único tempo)
Opcional,desmarque se não quizer utilizar essa opção.

Clique em OK para confirmar.

-------------------

Incluir Texto também é fácil.
Existe opção de texto estático ou animado.
Na lateral do programa se localiza os botões.

Static Text (texto estático)
Animated Text ( texto animado)

-------------------

Para salvar o flash, clique em "Save SWF/HTML e escolha o lacal no seu pc a ser salvo.


-------------------

O programa oferece diversidade de efeitos já pronto.

Nas abas acima pode ser visualizado as amostras ja prontas.
Busines,Personal,Nature,Line,Panel,HTML/Navigation,Flash Website,Slideshow,Banner,Utility.

Não vou prolongar esse tutorial porque acho que não é muito
necessário um tutorial detalhado sendo que o programa é de fácil uso.
Não encontrei nenhum tutorial representando este programa na web então
desenvolvi este pequeno tutorial básico.
Testem o programa e bom proveito do uso.

Ps:
Disponibilizo o programa de setup e um patch,
talvez alguns antivirus pode detectar e alertar sobre o patch,
então desative o antivirus no momento da instalação.
Clique aqui para baixar


Video tutorial de instalação.
Execute primeiro o Setup.
Depois execute o Patch para validar o programa.