Android

Como criar um gif animado usando o photoshop

Como Fazer Gif no Photoshop (Gif Animado)

Como Fazer Gif no Photoshop (Gif Animado)
Anonim

Os GIFs animados são talvez alguns dos arquivos mais divertidos e usados ​​da web. Eles podem ser usados ​​igualmente para se divertir ou dirigir um ponto em casa de forma rápida e didática, sem ocupar muito espaço em um site.

No entanto, embora aparentemente complexos, os GIFs não são tão difíceis de criar. Na verdade, se você tiver o Photoshop, já tem tudo o que precisa para criar um, que é exatamente o que vamos mostrar neste tutorial.

Pronto? Vamos começar.

Passo 1: Primeiramente, prepare os arquivos de imagem que irão compor o seu arquivo GIF, já que cada arquivo GIF é feito de quadros diferentes. Isso significa que você já deve ter os diferentes “frames” que comporão seu GIF. Para este exemplo, vou criar um GIF composto de três arquivos de imagem simples (mostrados abaixo).

Etapa 2: abra os arquivos no Photoshop (a menos que você os tenha criado no Photoshop para começar) e verifique se cada um deles pertence a uma camada separada. Para ter certeza disso, quando o primeiro arquivo estiver aberto, clique no botão Criar uma nova camada … na parte inferior direita do painel Camadas (mostrado abaixo) e cole o próximo arquivo de imagem na nova camada.

Depois que todas as imagens tiverem sido adicionadas às suas próprias camadas, elas deverão ficar assim no painel Camadas do Photoshop:

Passo 3: Agora, no Photoshop, vá ao menu Janela e clique na opção Animação. Isso trará a paleta Animação do Photoshop. Quando isso acontecer, clique no botão no canto inferior direito (mostrado abaixo) para alternar da visualização Timeline para a visualização Frames, o que tornará nosso trabalho um pouco mais fácil.

Passo 4: Por padrão, a paleta Animation mostrará apenas uma das imagens (ou “frames”) que você tem. Ele também mostra na parte inferior de cada quadro a hora em que ele será exibido no arquivo GIF final. Se você quiser mudar isso, basta clicar nele e selecionar o horário desejado. O horário escolhido também será aplicado ao restante dos quadros.

Passo 5: Agora, para adicionar alguns quadros onde suas outras imagens irão. Para fazer isso, na paleta Animation, clique no botão Duplicate frame.

Isto irá adicionar o segundo quadro que irá compor o seu GIF. Agora, eis o truque: para cada quadro adicionado, certifique-se de que apenas a camada relevante que contém a imagem desejada para esse quadro esteja selecionada na paleta Camadas. Confira as imagens abaixo por exemplo:

Desde que eu quero Layer 1 e Layer 2 para ser o segundo e terceiro componentes do meu arquivo GIF, respectivamente, eu só seleciono um ou outro para o segundo e terceiro quadros. No final, a paleta Animação deve mostrar todos os quadros do seu arquivo GIF na ordem em que serão exibidos e com o tempo que cada um será exibido também definido.

Passo 6: Quando os quadros do seu futuro GIF estiverem prontos, será hora de salvá-lo. Para fazer isso, no menu Arquivo, clique em Salvar para Web e Dispositivos … Na janela que aparece, certifique-se de selecionar o formato GIF em Predefinido.

Além disso, clicando nas guias acima da sua imagem nesta janela, você poderá selecionar as diferentes qualidades de saída (com diferentes tamanhos de curso) para o seu arquivo GIF.

Depois de escolher o tamanho e a qualidade do seu GIF, clique em Salvar e pronto.

Aproveite o seu arquivo GIF!