PhotoShop

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

Transcript of PhotoShop

Page 1: PhotoShop

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

31 de março de 2016

Page 2: PhotoShop

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

1° PASSOAbra o PhotoShop e crie um novo documento.

Page 4: PhotoShop

2° PASSOCrie o documento e altere como destacado.

Page 5: PhotoShop

3° PASSOTransforme o Plano de Fundo em uma camada

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

Page 6: PhotoShop

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

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

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

imagem abaixo

Page 9: PhotoShop

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
Page 11: PhotoShop

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

Vá até a ferramenta JANELA LINHA DO TEMPO

Page 12: PhotoShop

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

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

deverá estar exatamente igual ao quadro destacado.

Page 14: PhotoShop

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

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

Selecione a camada Clique na lixeira

Page 16: PhotoShop

13° PASSO

Selecione a ultima camada da linha do tempo.

Page 17: PhotoShop

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

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

SEMPRE

Page 19: PhotoShop

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

Page 20: PhotoShop

17° PASSOSalvar o Documento clique em:

Arquivo Salvar para Web

Page 21: PhotoShop

18° PASSOSalvar

Page 22: PhotoShop

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

servidor de internet e abrir como uma imagem.

Page 23: PhotoShop

FIM... MUITO OBRIGADA

Page 24: PhotoShop

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 PhotoShop do Senai não executava tais ferramentas

como pede no site inspirador.