Como criar um GIF animado usando o Photoshop (com imagens)

Índice:

Como criar um GIF animado usando o Photoshop (com imagens)
Como criar um GIF animado usando o Photoshop (com imagens)

Vídeo: Como criar um GIF animado usando o Photoshop (com imagens)

Vídeo: Como criar um GIF animado usando o Photoshop (com imagens)
Vídeo: COMO MELHORAR A QUALIDADE DO VÍDEO NO CELULAR - DIY 2024, Maio
Anonim

Este wikiHow ensina como criar um arquivo-g.webp

Etapa

Método 1 de 2: Criando animações do zero

Cries animados usando o Photoshop Etapa 1
Cries animados usando o Photoshop Etapa 1

Etapa 1. Abra o Photoshop

Este aplicativo é marcado por um ícone de letra "Ps" azul claro em um fundo escuro.

Cries animados usando o Photoshop Etapa 2
Cries animados usando o Photoshop Etapa 2

Etapa 2. Crie um novo projeto

Para fazer isso:

  • Clique Arquivo.
  • Clique Novo.
  • Selecione o tamanho do projeto.
  • Clique Crio.
Cries animados usando o Photoshop Etapa 3
Cries animados usando o Photoshop Etapa 3

Etapa 3. Crie uma camada para cada quadro (quadro)

Cada camada da animação terá seu próprio quadro. Se você estiver desenhando a animação manualmente ou compilando-a de uma série de imagens, certifique-se de que cada quadro esteja em uma nova camada. Você pode criar uma nova camada de várias maneiras:

  • Clique no ícone “Nova camada” na parte inferior da janela de camadas.
  • Clique Camadas, Novo, Camadas.
  • Pressione a combinação de teclas Mudança+ Ctrl+ N (PC) ou Mudança+ Comando+ N (Mac).
Cries animados usando o Photoshop Etapa 4
Cries animados usando o Photoshop Etapa 4

Etapa 4. Clique em Janela, então selecione Linha do tempo.

Depois disso, o vídeo será adicionado à linha do tempo (“Linha do tempo”) na parte inferior da janela do projeto do Photoshop, assim como a linha do tempo que normalmente apareceria em aplicativos de edição de vídeo.

Cries animados usando o Photoshop Etapa 5
Cries animados usando o Photoshop Etapa 5

Etapa 5. Clique em Criar animação de quadro

Você pode precisar clicar no botão

Android7expandmore
Android7expandmore

primeiro para ver as opções.

Cries animados usando o Photoshop Etapa 6
Cries animados usando o Photoshop Etapa 6

Etapa 6. Clique em

Ele está no canto superior direito da janela da linha do tempo. Uma vez clicado, um menu suspenso aparecerá.

Cries animados usando o Photoshop Etapa 7
Cries animados usando o Photoshop Etapa 7

Etapa 7. Clique em Criar quadros a partir de camadas

Depois disso, cada camada será convertida em um único quadro que compõe o-g.webp

Cries animados usando o Photoshop Etapa 8
Cries animados usando o Photoshop Etapa 8

Etapa 8. Clique no botão

Android7dropdown
Android7dropdown

que fica ao lado do botão "Uma vez".

Esta opção irá definir o número de repetições da animação que você deseja.

Cries animados usando o Photoshop Etapa 9
Cries animados usando o Photoshop Etapa 9

Etapa 9. Selecione Para sempre

Com esta opção, o-g.webp

  • Você também pode clicar no ícone

    Android7expandmore
    Android7expandmore

    abaixo de cada quadro para ajustar o tempo, se quiser que certos quadros apareçam mais longos ou mais rápidos durante a reprodução da animação.

Cries animados usando o Photoshop Etapa 10
Cries animados usando o Photoshop Etapa 10

Etapa 10. Clique em Arquivo, então selecione Exportar e clique Salvar para a Web (legado).

Depois disso, as opções de exportação para o formato de imagem da web serão exibidas.

Cries animados usando o Photoshop Etapa 11
Cries animados usando o Photoshop Etapa 11

Etapa 11. Clique em Salvar

Se você deseja salvar o-g.webp

Certifique-se de que "GIF" esteja selecionado na caixa suspensa à direita

Cries animados usando o Photoshop Etapa 12
Cries animados usando o Photoshop Etapa 12

Etapa 12. Selecione um nome de arquivo e local de salvamento e clique em Salvar

O arquivo-g.webp

Método 2 de 2: Criação de animações de vídeos

Cries animados usando o Photoshop Etapa 13
Cries animados usando o Photoshop Etapa 13

Etapa 1. Abra o Photoshop

Este aplicativo é marcado por um ícone "Ps" azul claro em um fundo escuro.

Cries animados usando o Photoshop Etapa 14
Cries animados usando o Photoshop Etapa 14

Etapa 2. Abra o arquivo de vídeo

Depois disso, o vídeo será importado para o Photoshop e colocado na janela da linha do tempo na parte inferior da janela do programa. Para colocá-lo, você pode arrastar e soltar o arquivo de vídeo diretamente na janela Photostop ou:

  • Clique Arquivoe selecione Abrir.
  • Selecione o arquivo de vídeo desejado.
  • Clique Abrir.
Cries animados usando o Photoshop Etapa 15
Cries animados usando o Photoshop Etapa 15

Etapa 3. Ajuste a duração

Clique no início e no final do arquivo de vídeo na linha do tempo e arraste cada seção em direções opostas para ajustar os pontos inicial e final do vídeo conforme ele é reproduzido.

Se você quiser revisar as alterações, pressione o botão de reprodução no lado esquerdo da janela da linha do tempo

Cries animados usando o Photoshop Etapa 16
Cries animados usando o Photoshop Etapa 16

Etapa 4. Ajuste a velocidade

Se quiser acelerar ou diminuir a taxa de reprodução de vídeo, você pode clicar com o botão direito em um clipe na linha do tempo e alterar o parâmetro “Velocidade”. Você pode inserir um novo número de porcentagem (por exemplo, 50% para reproduzir o vídeo na metade da velocidade original ou 200% para reproduzir o vídeo com o dobro da velocidade) ou:

  • Clique

    Android7expandmore
    Android7expandmore

    e arraste o controle deslizante para a esquerda ou direita para ajustar a velocidade de rotação manualmente.

Cries animados usando o Photoshop Etapa 17
Cries animados usando o Photoshop Etapa 17

Etapa 5. Redimensione a imagem

Se você estiver importando vídeos com qualidade HD, é possível que o tamanho da imagem seja bem grande. Se você deseja fazer upload de um-g.webp

  • Clique Imagem.
  • Clique Tamanho da imagem.
  • Insira o novo tamanho de imagem (350 x 197 é o tamanho recomendado para vídeo HD).
  • Clique OK.
  • Clique Converter.
Cries animados usando o Photoshop Etapa 18
Cries animados usando o Photoshop Etapa 18

Etapa 6. Clique em Arquivo, escolher Exportare clique Salvar para a Web (legado).

Depois disso, as opções de exportação para o formato de imagem da web serão exibidas.

Cries animados usando o Photoshop Etapa 19
Cries animados usando o Photoshop Etapa 19

Etapa 7. Selecione a versão de qualidade desejada

Se você deseja salvar o-g.webp

Certifique-se de que a opção "GIF" esteja selecionada na caixa suspensa à direita para que o vídeo seja salvo como um arquivo-g.webp" />
Cries animados usando o Photoshop Etapa 20
Cries animados usando o Photoshop Etapa 20

Etapa 8. Clique

Android7expandmore
Android7expandmore

aquele ao lado Opções de loop e selecione a opção desejada.

Ele está no canto inferior direito da janela. Especifique se a animação será reproduzida uma vez ou repetida continuamente.

Cries animados usando o Photoshop Etapa 21
Cries animados usando o Photoshop Etapa 21

Etapa 9. Clique em Salvar

Depois disso, a janela para salvar o arquivo será aberta.

Cries animados usando o Photoshop Etapa 22
Cries animados usando o Photoshop Etapa 22

Etapa 10. Selecione um nome de arquivo e um local para salvar e clique em Salvar

Seu-g.webp

Pontas

Para “Opções de loop”, você também pode selecionar “Outros””e especificar o número de repetições da animação em vez das opções“Uma vez”ou“Para sempre”

Recomendado: