Tutorial sobre como criar gif
animadas com o Image Ready - Image Ready. Crie GIFs animadas
rápido e fácil, siga nosso tutorial, e FAÇA
VC TAMBÉM !
IMPORTANTE/NOÇÕES
BÁSICAS:
Vc irá fazer uma animação,
a partir de uma única imagem !
- uma animação com mais efeitos e bem mais elaborada,
terá mais de uma camada (layer);
- cada frame vai se diferenciar em pequenos detalhes, e qdo
forem vistos numa pequena fração de segundos,
criam a ilusão de ótica de estar se movimentando;
- o formato das animações será SEMPRE
em: QuickTime ou GIF animada;
- VC NUNCA irá fazer uma animação com
extensão ".png", ".tif", ou ".jpg"...
>>>CASO VC NÃO TENHA ABERTA
A PALHETA ANNIMATION, VÁ EM:
MENU WINDOW/ANNIMATION
1. Animação
simples - com uma camada/layer:
primeiro, vamos entender as funções básicas
da palheta ANNIMATION, imagem abaixo:
Abra um documento
Escreva a palavra "texto" - automaticamente
na palheta ANNIMATION apareceu o primeiro frame
Vá na palheta ANNIMATION e clique
para criar novo frame
No 2° frame reduza a opacidade da camada
(na palheta LAYERS) para 15
clique em TWEEN
Aparecerá uma janela, vamos entendê-la:
TWEEN WITH - (sempre deixe marcado PREVIOUS
FRAME !) - é a animação com:
FRAMES TO ADD - é qts quadros serão inseridos
para aquela animação
LAYERS
a animação será com todas as camadas
(ALL LAYERS),
ou com uma pré-selecionada (SELECTED LAYER) - use sempre
ALL LAYERS
PARAMETERS
Ttodos os efeitos que podem ser utilizados na animação,
não é necessário mudar - deixe-os sempre
marcados
Determine para adicionar + 3 frames e dê
OK.
Apareceram + 3 frames, entre os dois que
já haviam sido feitos, que gradativamente vão
perdendo a força (menos opacos = +transparentes)
Crie um novo frame e coloque sua opacidade
em 100% na camada LAYER
Clique novamente no TWEEN e crie + 3 frames
>>> Teste a animação.
Note que vc inventou uma animação do texto desaparecendo
e depois reaparecendo, efeito chamado FADE OUT/ FADE IN
Animação Composta
- + de 1 camada/LAYER
Abra um documento - automaticamente, na
palheta ANNIMATION, apareceu o 1° frame
Selecione a ferramenta texto
e escreva "site do"
Pegue a ferramenta texto novamente, e agora
escreva "silveiro.com"
>>> note que surgiu 2 camadas (LAYERS)
No primeiro frame, faça as seguintes
mudanças:
Na palavra "site do", vc coloca no topo - use a
TECLA SHIFT pressionada para facilitar
na palavra "silveiro.com", coloque opacidade 10%
Crie um novo frame e faça as seguintes
mudanças:
na palavra "site do", vc coloca no centro - use
a TECLA SHIFT pressionada para facilitar
na palavra "silveiro.com", coloque opacidade 100%
Crie o TWEEN, adicionando + 3 frames
>>> teste a animação.
Note que vc montou uma pequena animação, com a palavra
"site do" se movimentando (de cima para baixo) e a palavra
"silveiro.com" aparecendo "do nada".