Top Banner
GIF ANIMADO Unidade Curricular Desenho e Animação – Brusque / SC Aluno: Renderson Dietrich Prof. Tarcísio Nunes 28 de Março de 2016
22

Photoshop CS6 GIF ANIMADO

Apr 14, 2017

Download

Design

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Photoshop CS6 GIF ANIMADO

GIF ANIMADOUnidade Curricular Desenho e Animação – Brusque / SCAluno: Renderson Dietrich Prof. Tarcísio Nunes

28 de Março de 2016

Page 2: Photoshop CS6 GIF ANIMADO

Abra o PhotoShop e crie um novo documento.

Page 3: Photoshop CS6 GIF ANIMADO

Crie um novo documento

Page 4: Photoshop CS6 GIF ANIMADO

Transforme o Plano de Fundo em uma camada: Dê dois cliques em cima do plano de fundo > OK.

Page 5: Photoshop CS6 GIF ANIMADO

Crie novas camadas para cada imagem que fará parte do GIF. Clique no canto inferior direito ao lado da lixeira

Page 6: Photoshop CS6 GIF ANIMADO

insira as imagens de forma que fiquem em ordem ex: imagem 1 na camada 1...

Page 7: Photoshop CS6 GIF ANIMADO

Deverá estar como destacado todas as suas camadas

Page 8: Photoshop CS6 GIF ANIMADO

Clique na camada 0 -> corte demarcado

Page 9: Photoshop CS6 GIF ANIMADO

Corte de forma que elimine as bordas -> Enter

Page 10: Photoshop CS6 GIF ANIMADO

Crie uma Linha do Tempo: Vá até a ferramenta JANELA > clique na LINHA DO TEMPO

Page 11: Photoshop CS6 GIF ANIMADO

Na janela da linha do tempo: Clique na seta para baixo ->Criar quadro de animação.

Page 12: Photoshop CS6 GIF ANIMADO

Em seguida clique no botão ao lado -> Criar quadro de animação

Page 13: Photoshop CS6 GIF ANIMADO

Após clicar no botão escrito Criar quadro de animação deverá estar assim a janela da linha do tempo..

Page 14: Photoshop CS6 GIF ANIMADO

Embaixo do botão de fechar a janela da linha do tempo, clique sobre o botão de opções -> Criar Quadros A Partir De Camadas.

Page 15: Photoshop CS6 GIF ANIMADO

Apague a camada branca

Page 16: Photoshop CS6 GIF ANIMADO

Deverá ficar desta forma, em seguida, selecione sua ultima imagem com apenas um clique.

Page 17: Photoshop CS6 GIF ANIMADO

Com Shift pressionado, você consegue selecionar todos os quadros. Dessa forma, todos terão as configurações de tempo alteradas quando você mudá-la.

Clique na seta do lado de 0 seg e escolha o tempo que você deseja para passar cada imagem.

Page 18: Photoshop CS6 GIF ANIMADO

Faça com que seu GIF nunca pare, que ele execute repetitivamente.Clique na seta ao lado onde está escrito uma vez > Clique em SEMPRE

Page 19: Photoshop CS6 GIF ANIMADO

Teste seu GIF para ver se está reproduzindo corretamente.

Page 20: Photoshop CS6 GIF ANIMADO

Salve seu GIF!ARQUIVO->SALVAR PARA WEB...

Page 21: Photoshop CS6 GIF ANIMADO

Salve como HTML e Imagens para o GIF poder ser executado corretamente.

Page 22: Photoshop CS6 GIF ANIMADO

INSPIRAÇÃO

http://photoshopparainiciantes.com.br/gif-no-photoshop/

lOBS: O Photoshop do Senai não é Original e não dá de fazer exatamente como o site acima;