Como obter mais de GIFs

Sep 17, 2025
Como

Gifs trabalham em ciclos sem costura, que Rebecca zombar descreve como "o loop perfeito". Este loop deve idealmente apagar o primeiro e último quadro, para que qualquer quadro possa ser o primeiro. Ao criar seu próprio GIF, faça loop uma prioridade - isso causa menos distração ao espectador e acrescenta um interesse visual hipnotizante. Mock também sugere adicionar um quadro extra: "Deixe a pausa durar um pouco mais", diz ela. "O espaço entre duas ações pode implicar muito".

This GIF was made for PC World to accompany an article about the app Evernote

Este GIF foi feito para o World PC para acompanhar um artigo sobre o aplicativo Evernote (Crédito da imagem: Rebecca zombar)

Técnicas básicas

Os fundamentos do movimento podem ser expandidos e incorporados em animações complexas. Como você começa a criar sua imagem em Photoshop cc. , Certifique-se de mantê-lo organizado. Trabalhe em camadas e anime cada peça separadamente. Dessa forma, se você tem que mudar um elemento mais tarde, é fácil isolá-lo sem ter que desfazer o resto do seu trabalho duro.

O posicionamento pode ser feito manualmente ou ajustando os pontos iniciais e finais e deixando o Photoshop fazer o trabalho - tudo depende de que tipo de movimento você quer que seu gif tenha. Usando o cursor e arrastando o quadro de objeto por quadro produzirá um caminho irregular. Tweening - gerando quadros intermediários entre duas imagens - dará um movimento constante.

Imagem 2 de 7

Select which frame to tween and the number of frames you want to add.

Selecione qual quadro para tween e o número de quadros que você deseja adicionar.

02. Selecione um quadro

Imagem 3 de 7

Start the flicker effect by creating a straight line with a rough edge.

Inicie o efeito de cintilação criando uma linha reta com uma borda áspera.

03. Inicie o efeito

Imagem 4 de 7

Copy and paste the rough edge at the top of your original line.

Copie e cole a borda áspera no topo da sua linha original.

04. Copie e cole

Imagem 5 de 7

Create a layer mask to obscure part of the line. When animated, it will resemble a flicker.

Crie uma máscara de camada para obscurecer parte da linha. Quando animado, ele se assemelhará a um flicker.

05. Máscara de Camada.

Imagem 6 de 7

Hold down the Shift key to rotate a shape in 15 degree increments.

Segure a tecla Shift para girar uma forma em incrementos de 15 graus.

06. Gire a forma

Imagem 7 de 7

The Save for Web panel allows you to customise your saved colours. By unclicking a hue, you can remove it from your palette.

O painel Save for Web permite que você personalize suas cores salvas. Ao desmarcar uma matiz, você pode removê-la da paleta.

07. Salvar

Mock gosta de usar o efeito de flicker / desbotamento para a subida a vapor e as chamas. Para criá-lo, desenhe uma linha reta usando um pincel áspero. Adicione uma máscara de camada (como uma chama) para que parte dele seja obscurecida. Em seguida, faça um loop limpo usando um método de fabricação de padrões - corte sua linha ao meio e mova sua borda inferior áspera até o topo de sua linha, preenchendo o meio e sobrepondo a máscara de camada. Use o comando tween para garantir que a linha se mova verticalmente a uma velocidade consistente. Neste ponto, os loops devem ser perfeitos.

O movimento giratório e rotativo é criado com ligas minúsculas e incrementais de um objeto. Faça um círculo de forma irregular e mova-o em 16 a 24 etapas até que você tenha um turno completo; Mantenha pressionada a tecla Shift para girá-la em incrementos de 15 graus.

Creation Can Change The World was made for Sony Digital Entertainment.

A criação pode mudar o mundo foi feita para o entretenimento digital da Sony. (Crédito da imagem: Rebecca zombar)

Exportando seu trabalho

Exportar seu GIF pode ser o passo final, mas é algo que você deve estar pensando em todo o seu processo. Quanto mais pixels que se movem, quanto maior o tamanho do arquivo será, e idealmente, você quer um gif que esteja abaixo de 1MB. Os arquivos GIF são limitados a usar 256 cores, e coisas como texturas pesadas e gradientes não compressa bem - você é melhor com cores planas e bordas afiadas, o que manterá os arquivos gerenciáveis ​​e fáceis de fazer o upload da Web.

Este artigo originalmente apareceu em Artes de Computador edição 259; compre aqui !

Tópicos
Design gráfico

Como - Artigos mais populares

10 regras para fazer formulários da Web amigáveis ​​

Como Sep 17, 2025

Apesar da evolução da interação humana-computador, os formulários ainda permanecem um dos tipos mais importantes de interaç..

Prepare uma placa para pintura em 3 etapas fáceis

Como Sep 17, 2025

Eu vou compartilhar o mais rápido Técnica de pintura Eu uso para 'gessoing' um painel e recebendo um acabamento ..

Como dominar a anatomia da criatura

Como Sep 17, 2025

Quando se trata de desenhando criaturas críveis. , você precisa se concentrar nos sistemas esqueléticos, muscul..

Criar paisagens impressionantes em Houdini

Como Sep 17, 2025

Ao usar uma abordagem processual baseada em nó, o software 3D Houdini de SideFX fornece artistas digitais com um nível notável..

13 dicas para fazer um mundo de Gaming VR

Como Sep 17, 2025

Tethered é um jogo de estratégia de terceira pessoa aclamado criticamente, projetado para VR. Ele lançou no PlayStation VR em ..

Como construir sites mais rápidos

Como Sep 17, 2025

À frente de sua conversa em Gere London Em 21 de setembro, nós alcançamos Patrick Hamann. , um e..

Estratégia de experiência do usuário principal

Como Sep 17, 2025

Estratégia UX. é um processo que deve ser iniciado antes do projeto ou desenvolvimento de um produto digital ter co..

Crie roupas 3D com vincos e dobras realistas

Como Sep 17, 2025

Fazer roupas virtuais realistas é uma das tarefas mais desafiadoras desde a inovação da animação CG. A roupa é um aspecto e..

Categorias