24
GIF ANIMADO Unidade Curricular Desenho e Animação – Brusque / SC Aluna: Mylena Willrich Prof. Tarcísio Nunes 31 de março de 2016

Photoshop CS6 GIF ANIMADO

Embed Size (px)

Citation preview

Page 1: Photoshop CS6 GIF ANIMADO

GIF ANIMADOUnidade Curricular Desenho e Animação – Brusque / SCAluna: Mylena Willrich Prof. Tarcísio Nunes

31 de março de 2016

Page 2: Photoshop CS6 GIF ANIMADO

CONSELHO

Se você já tem salva as imagens para seu GIF mude o nome delas para (1, 2, 3 ...) em ordem de como será seu GIF, se caso você irá salvar as imagens salve em ordem numérica de acordo

como será o seu GIF. Por Exemplo:

Page 3: Photoshop CS6 GIF ANIMADO

1° PASSOAbra o PhotoShop e crie um novo documento.

Page 4: Photoshop CS6 GIF ANIMADO

2° PASSOCrie o documento e altere como destacado.

Page 5: Photoshop CS6 GIF ANIMADO

3° PASSOTransforme o Plano de Fundo em uma camada

Dê dois cliques em cima do plano de fundo --> em seguida OK.

Page 6: Photoshop CS6 GIF ANIMADO

4° PASSOCrie novas camadas para cada imagem que fará parte do seu GIF.

Clique no canto inferior direito ao lado da lixeira

Page 7: Photoshop CS6 GIF ANIMADO

5° PASSO insira todas imagens uma por uma em cada camada, de forma que elas fiquem na ordem correta.

Camada Arquivo Inserir dê um Enter para aplicar a imagem sob a camada....

Page 8: Photoshop CS6 GIF ANIMADO

6° PASSOTodas as suas camadas deverão estar como destacado nesta

imagem abaixo

Page 9: Photoshop CS6 GIF ANIMADO

7° PASSO

Corte a borda da imagem, de forma que fique só a imagem.Clique na camada 0 ferramenta de corte corte a borda.

Page 10: Photoshop CS6 GIF ANIMADO
Page 11: Photoshop CS6 GIF ANIMADO

8° PASSODepois de todas as imagens inseridas, crie uma “Linha do Tempo”,

Vá até a ferramenta JANELA LINHA DO TEMPO

Page 12: Photoshop CS6 GIF ANIMADO

9° PASSO Na janela da linha do tempo, clique na seta e selecione “Criar

quadro de animação”, em seguida clique no botão ao lado que está escrito “Criar quadro de animação”.

Page 13: Photoshop CS6 GIF ANIMADO

10° PASSOApós clicar no botão escrito “Criar quadro de animação ”

deverá estar exatamente igual ao quadro destacado.

Page 14: Photoshop CS6 GIF ANIMADO

11° PASSOEmbaixo do botão de fechar o campo, clique sobre o botão de

opções e escolha “Criar Quadros A Partir De Camadas”.

Page 15: Photoshop CS6 GIF ANIMADO

12° PASSOExclua a camada 0 da linha do tempo ou seja a camada branca.

Selecione a camada Clique na lixeira

Page 16: Photoshop CS6 GIF ANIMADO

13° PASSO

Selecione a ultima camada da linha do tempo.

Page 17: Photoshop CS6 GIF ANIMADO

14° PASSOCom Shift pressionado, você consegue escolher todos os quadros.

Dessa forma, todos terão as configurações de tempo alteradas quando você mudá-la.

Page 18: Photoshop CS6 GIF ANIMADO

15° PASSOPara seu GIF executar repetitivamente sem pararClique na seta ao lado onde está escrito uma vez > Clique em

SEMPRE

Page 19: Photoshop CS6 GIF ANIMADO

16° PASSOExecute seu GIF para ver se está reproduzindo corretamente.

Page 20: Photoshop CS6 GIF ANIMADO

17° PASSOSalvar o Documento clique em:

Arquivo Salvar para Web

Page 21: Photoshop CS6 GIF ANIMADO

18° PASSOSalvar

Page 22: Photoshop CS6 GIF ANIMADO

19° PASSOSalve como “HTML e Imagens” para o GIF poder ser executado num

servidor de internet e abrir como uma imagem.

Page 23: Photoshop CS6 GIF ANIMADO

FIM...

Page 24: Photoshop CS6 GIF ANIMADO

INSPIRAÇÃOhttp://www.tecmundo.com.br/tutorial/33640-photoshop-como-fazer-um-gif-animado.htm

l OBS: A parte mais difícil tive que descobrir sozinha pois o nosso PhotoShop não executava tais ferramentas como pede no site

inspirador.