Figura 1
Dica: A animação é uma reprodução contínua de imagens estáticas. Antes de fazer a animação, devemos desenhar a imagem estática correspondente a cada quadro-chave. As configurações de tempo de exibição do quadro-chave também são importantes. Este parâmetro também afeta diretamente o efeito de reprodução. Para usuários que estão apenas começando, tentar várias vezes com parâmetros diferentes produzirá resultados inesperados.
O primeiro passo, produção gráfica
Abra o software Adobe Photoshop CS3 para entrar na interface de trabalho, clique duas vezes no espaço de trabalho e abra o material selecionado na caixa de diálogo pop-up "Abrir". Podemos usar fotos que nós mesmos tiramos ou podemos usar fotos de filmes ou imagens de personagens de desenhos animados como material. Escolhemos como material fotos engraçadas de uma comédia clássica.
Após ajustar e cortar o tamanho, execute o comando “Janela – Animação”, abra a paleta “Animação” e comece a fazer rasgos exagerados. Primeiro, clicamos no ícone “Criar nova camada” abaixo da paleta de camadas para criar uma nova camada. Seu nome padrão é "Camada 1". Podemos clicar duas vezes no texto "Camada 1" atrás da miniatura na paleta de camadas para transformá-lo em um estado editável e renomeá-lo como "Tear 1" para evitar confundi-lo. .
Em seguida, clicamos duas vezes no ícone "Definir cor de primeiro plano" na caixa de ferramentas, definimos a cor de primeiro plano para um azul mais claro (R=232, G=250, B=255) na caixa de diálogo pop-up "Seletor de cores", e confirme Em seguida, selecione a "Ferramenta Retângulo" na caixa de ferramentas e marque o ícone "Preencher Pixels" na barra de opções da "Ferramenta Retângulo", para que você possa desenhar um azul claro diretamente sob os olhos do personagem na camada "Tear 1" Retângulo (Figura 2).
Figura 2
Em seguida, selecionamos a camada "Tear 1", executamos o comando "FilterDistortWave" e definimos vários parâmetros na caixa de diálogo pop-up "Wave". Pressione o botão “OK” e um rasgo ondulado exagerado aparece. Em seguida, selecionamos a “Rectangular Marquee Tool”, selecionamos “Tear”, depois selecionamos a “Move Tool” e mantemos pressionada a tecla “Alt” para copiar o rasgo para a posição abaixo do olho direito (Figura 3).
Figura 3
Após concluir a cópia, pressionamos a tecla de atalho
O próximo passo é usar a Ferramenta Texto Vertical para adicionar um texto engraçado à imagem (Figura 4). Selecione a camada de texto, execute o comando "LayerLayer StyleStroke", abra a caixa de diálogo "Layer Style" e adicione um efeito de traço marcante ao texto. Pressione o botão "OK" (Figura 5).
Figura 4
Figura 5
A segunda etapa, produção de animação
Para mover uma imagem, a etapa mais crítica é definir os quadros-chave. Clicamos continuamente no ícone para criar quadros-chave abaixo da paleta de animação (Figura 6), e são necessários um total de 5 quadros-chave.
Figura 6
Primeiro selecione o primeiro quadro-chave, mantenha apenas a camada de fundo e o texto na paleta de camadas, cancele a exibição de outras camadas e defina o tempo de exibição do quadro-chave para 0,1 segundos abaixo da paleta de animação.
Selecione o segundo quadro-chave, mantenha a camada de fundo e a camada teares 2 visíveis na paleta Layers, cancele a exibição das demais camadas e defina a opacidade da camada "rasgos 2" para 80%, deixando a chave O tempo de exibição do quadro é definido como 0,2 segundos.
Selecione o terceiro quadro-chave, mantenha a camada de fundo e a camada Tear 1 visíveis na paleta Camadas, e cancele a exibição das outras camadas, e defina a opacidade da camada "Tear 1" para 80%, deixando a chave O tempo de exibição de o quadro é definido para 0,2 segundos.
Selecione o quarto quadro-chave, mantenha a camada de fundo e a camada de lágrimas 2 visíveis na paleta de camadas, cancele a exibição das outras camadas e defina a opacidade da camada "lágrimas 2" para 80%, deixando a chave O tempo de exibição do quadro é definido para 0,2 segundos.
Selecione o quinto quadro-chave, mantenha a camada de fundo e a camada Tear 1 visíveis na paleta Camadas, cancele a exibição das outras camadas e defina a opacidade da camada "Tear 1" para 80%. definido para 0,5 segundos.
Em seguida, salvamos o arquivo como um arquivo psd para fazer um backup, a seguir executamos o comando "ArquivoSalvar para Web e Dispositivos", selecionamos o formato gif na caixa de diálogo que se abre e otimizamos adequadamente a animação. Devemos reduzir o tamanho da animação para facilitar a propagação (Figura 7). Após a conclusão da otimização, a imagem é armazenada no disco local.
Figura 7
Etapa 3: importar emoticons QQ
Após iniciar o software QQ, selecionamos um amigo para abrir a janela de bate-papo, clique no botão "Selecionar Emoticon" abaixo da janela de bate-papo para abrir a janela de emoticons, clique em "Gerenciamento de Emoticons" abaixo da janela e, a seguir, clique no botão "Adicionar" Clique em "Procurar" na janela pop-up "Adicionar emoticon personalizado" para encontrar o gif animado que salvamos e renomeie o emoticon ou use o nome padrão.
Figura 8
Quando reabrirmos a janela de bate-papo do QQ, dê uma olhada no ícone do emoticon. Haha! Pronto! A nova expressão apareceu na biblioteca de expressões. Depois de completar este emoticon QQ dinâmico simples, temos uma compreensão preliminar dos princípios e da produção da animação GIF. No futuro processo de produção, podemos decidir como as imagens mudam e como o enredo é definido. Contanto que façamos inferências a partir de um exemplo e usemos criatividade ilimitada, certamente seremos capazes de criar emoticons QQ dinâmicos mais interessantes.
(Artigo da Computer News, Edição 2, 2008, Página F)