Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação;...

18
Mídia Magia Denise Agassi & Eduardo Salvino Pré5cinemas: oficina de brinquedos óticos Como fazer um GIF* animado com GIMP e Photoshop. Consolação

Transcript of Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação;...

Page 1: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

!

!!

!!

Mídia Magia!!!!!!!Denise!Agassi!&!Eduardo!Salvino!!!!!!!Pré5cinemas:!oficina!de!brinquedos!óticos!

!!

Como!fazer!um!GIF*!animado!com!!!

GIMP!e!Photoshop.!!

!!

!!!

! ! ! ! !! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Consolação!

Page 2: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

FACEBOOK TWITTER

1.!Faça o download colocando as palavras gimp.org no navegador.

Page 3: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

2. Escolha o o quadro laranja onde se abre o GIMP 2.8 DIRETAMENTE e em seguida

abrirá uma janela cinza que te perguntará se realmente você quer Abrir o aplicativo da internet.

Page 4: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

3. Vá em ficheiro e escolha abrir, assim abrirá outra janela onde estará numa pasta uma de suas imagens para a criação do gif animado.

Page 5: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

4. Depois de abrira primeira imagem caveira1.png, arreste para cima dessa as

outras duas: caveira2.png e caveira3.png.

Page 6: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

Obs.: aqui você pode calcular a velocidade da Animação o tempo de troca de cada imagem.

Quando achar o tempo ideal você poderá fechar a janela.

5. Estando as 3 imagens sobrepostas: caveira1; 2 e 3, vá a aba Filtros

e em seguida abra animação e depois vá em reproduzir. 6. As camadas que você verá no lado direito, faixas em azul, no GIMP serão animadas,

como mostra o quadrinho com a boia, no alto, do lado esquerdo do programa.

Page 7: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

7. Vá até Ficheiro e abra a aba Exportar como nomeie o arquivo com extensão .gif e em

seguida escolha uma pasta(eu escolhi o desktop/ambiente de trabalho) e tecle em Exportar.

Page 8: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

8. Ao teclar em Exportar, abrirá outra janela (Exportar a imagem comoGIF) onde você marcará

na frente do: Como animação e em seguida clicará novamente em Exportar. 9. Vá até a imagem salva e tecle com o botão direito do mouse, abrirá outra aba daí você clica em

Abrir como e em seguida escolha navegador da internet (no meu caso é o Safari).

Page 9: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

10. Você verá que no navegador sua imagem já estará animada, ou seja, seu GIF estará pronto.

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Page 10: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

!!!!

1.!Abra o Photoshop e em seguida arraste para dentro do programa, sua primeira imagem, caveira 1.png, de seu conjunto de imagens.

Page 11: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

2.!Faca isso com as imagens subsequentes, caveira 2.png e caveira 3.png, sobrepondo-as. Você verá que do lado esquerdo da tela aparecem as imagens em camadas azuis,

a última que você colocou, caveira 3.png, aparecerá por cima das outras duas.

!!!!!!!!!!!!!!!!!!

!!!

Page 12: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

!!!

3. Abaixo na tela do Photoshop você verá a timeline você vai clicar no quadrinho perto!

da lata de lixo. Nele você vai ler a seguinte indicação:!Duplicates selected frames (duplicar quadros selecionados)!

!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Page 13: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

!!!

!

3.!Assim que você duplicar o quadro na Timeline você deverá apagar um olhinho presente na camada correspondente. Como dito; essas camadas ficam no

lado direito da tela. Você devera fazer o mesmo com o terceiro quadro da Timeline. Isso é necessário para que as camadas superiores não se repitam.

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Page 14: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

!!!

4.!Abaixo dos quadros da Timeline, tem marcações de tempo você tirar do 0 e passar para 0,2 (assim cada imagem ficará estacionado 2 segundos no visualizador do programa,tempo suficiente para termos a impressão de movimento das imagens).

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Page 15: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

!!!!!

5.!Agora você vai para as abas superiores e abra File em seuiguida Save for web (salvar pra a internet).

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Page 16: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

!!!!

!

6.!Em seguida abrirá uma nova janela indicando as configurações do da extensão gif, você vai clicar Done (ir), aparecerá uma nova na janela de oferecendo lugares e formas para salvar seu arquivo:

você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Page 17: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

!!!

!

7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas abas subsequentes clique em Abrir com e em seguida no navegador (o meu é safari, mas poderá ser

Explorer, Crome e outros). Assim estar pronto seu gif animado.

!!!!!!!!!!!!!!!!!!!!!!!!!!!

Page 18: Mídia Magia - WordPress.com...você escolherá o lugar(eu escolhi mesa/desktop) e a formatação; HTML and images. 7.!Vá ate onde você salvou a imagem, clique na mesma abrirá duas

!!!!!!

*Graphics Interchange Format ou formato de intercâmbio de gráficos. O GIF é um formato de imagem muito usado na Internet, e que foi lançado em 1987 pela CompuServe, para disponibilizar um formato de imagem com cores em substituição do formato RLE, que era apenas preto e branco. Uma das características mais marcantes do Gif é o intercalamento, que armazena as linhas do desenho fora de ordem de modo a possibilitar que uma imagem parcialmente descarregada seja reconhecida antes mesmo de ser totalmente baixada. Com isso o usuário pode cancelar o carregamento ao perceber que não é aquilo que queria. O formato GIF rapidamente se tornou popular por causa da utilização da compressão de dados LZW, que por ser muito eficiente, permitia que imagens relativamente grandes fossem baixadas num tempo razoável, o que para a época era muito importante, uma vez que a grande maioria das conexões era feita usando modens muito lentos. Fonte: http://www.techtudo.com.br/artigos/noticia/2012/04/o-que-e-gif.html !!!