Subscribe Us

header ads

Como Criar GIF Animado no Photoshop Tutorial - Como Fazer GIF animado no Photoshop

  Como Criar GIF Animado no Photoshop

Artes Dalva Convites Digital

Tutorial - Como Fazer GIF animado no Photoshop

Abra o Photoshop

Clique em Open (Abrir) – localize as imagens e clique novamente em Open (Abrir);

Em Layers (Camadas), duplique a camada que deseja gerar movimentos efeitos .

Feche o olhinho da camada de baixo e vamos trabalhar na camada duplicada.

Clique  na ferramenta Lasso Toll(laço) e selecione a cabeça

Artes Dalva Convites

Com o botão direito do mouse Clique em cima da cabeça e escolha Layer Via Cut,separamos a cabeça do corpinho.
Artes Dalva

Agora clique na cabeça e use CTRL +T  clique em um dos quadradinhos onde tem um nó e gire um pouquinho.
Artes Dalva Convites Digital

Agora vá na ferramenta Brush Tool,capture uma cor da imagem, no exemplo aqui capturei o rosa da cabeça tamanho do pincel que usei 58.
Artes Dalva Convites

Artes Dalva Convites Digital

e vá apagando com cuidado,  terminado .

 Selecione  layer da cabeça e do corpinho, com o botão direito clique em cima e selecione Merge Layers

Artes Dalva Convites Digital

agora o corpinho e a cabeça estão unidos

Artes Dalva Convites Digital

Então temos 2 layer , (layer 1) a primeira com a imagem original, (layer 2)  a segunda que fizemos os movimentos

A partir destas 2 imagens agora podemos criar o gif com olhinho piscando e a cabeça se mexendo.

Agora vamos salvar como gif

Converter as camadas em quadros de animação

No menu superior do Photoshop acesse Window (Janela) > Timeline (Linha do tempo).

No painel que abrir clique em Create Video Timeline (Criar Linha do tempo).

No centro do painel Timeline tem um botão, mude-o na setinha para Create Frame Animation e clique nele.

Artes Dalva
Depois clique no ícone do canto superior direito do painel (1), vamos encontrar Make Frames from Layers, clique nesta opção e todas as camadas serão convertidas em quadros individuais na animação (2).
 
Artes Dalva Convites
Visualizando a animação

Caso queira ver como está funcionando a sua animação, no painel de Timeline, aperte no triângulo Plays Animation ou apertar a tecla barra de espaço.

Artes Dalva Convites Digital

Animação em Loop
No menu inferior da timeline é ainda possível definir a repetição da sua animação. Para isso clique na seta ao lado de Forever  e selecione quantas vezes você quer que a sua animação se repita. E após isso, seu gif já está pronto!
Aperte play novamente e a animação se repetirá infinitamente.

Artes Dalva

            Intervalo de tempo entre as imagens
Após isso, no menu suspenso que se abre, basta seleciona quanto tempo você quer entre um quadro e outro. Caso o tempo que você queira não esteja listado, basta clicar em Other...

Artes Dalva

Caso você queira mexer no tempo da sua animação, deixar mais rápida ou mais lenta, na timeline, selecione todos os quadros nos quais você quer alterar o tempo (para selecionar mais de um quadro segure shift enquanto clica nos quadros que quer selecionar). Após ter selecionado os quadro, clique na setinha para baixo que fica logo abaixo da imagem do quadro.

Salvando  o Gif animado

Para salvar o seu gif no Photoshop vá em File > Export > Save for Web (Arquivo > Exportar > Salvar para Web) ou simplesmente aperte o atalho Ctrl + Shift + Alt + S.

Artes Dalva Convites Digital, Tutorial

Após definir suas configurações, basta clicar em Save  e aguardar que o Photoshop termine de salvar o seu gif .
Podemos adicionar duplicar,  quantas imagens quiser, vai ficar um pouco mais pesado e demora um pouquinho mais pra salvar.
Através desta base podemos criar outros movimentos e outros efeitos.
Bora por nossa imaginação pra trabalhar e criar lindos gifs!
E o resultado final foi esse abaixo.

Artes Dalva

Artes Dalva  Covites Digital
Outros exemplos

Artes Dalva Convites Digital


Artes Dalva



Artes Dalva









Postar um comentário

0 Comentários