Informações sobre o álbums
  • editoria:Dicas
  • galeria: Em movimento
  • link: http://tecnologia.uol.com.br/album/20101109_avatar_animado_twitter_album.htm
  • totalImagens: 22
  • fotoInicial: 1
  • imagePath: http://te.i.uol.com.br/album/
  • baixaResolucao: 0
  • ordem: ASC
  • legendaPos:
  • timestamp: 20120515164226
Fotos
Alguns usuários do Twitter têm, em sua foto de apresentação do microblog, um avatar animado. Criar uma dessas imagens é bem fácil e, caso você tenha se cansado de sua foto (entediante, com todo respeito!), o <b>UOL Tecnologia</b> ensina como agitar seu perfil. Confira a seguir o passo a passo, baseado na versão CS5 do Photoshop.<br><br><b>Por Luiz Fukushiro</b> Reprodução Mais
Abra o Photoshop e escolha as fotos que irão fazer parte do seu avatar animado. Pode usar quantas quiser, mas não exagere: quanto mais fotos, maior o arquivo final vai ficar. Aqui, selecionamos três Reprodução Mais
Com a <strong>Rectangular Marquee Tool (Ferramenta de Marca de Seleção Retangular)</strong>, vamos selecionar a parte de cada imagem que queremos exibir no avatar Reprodução Mais
Em cada uma das imagens, selecione a parte desejada. Para facilitar, segure a tecla <strong>Shift</strong> do teclado para que seja escolhido um quadrado exato, o que vai deixar o trabalho final mais preciso Reprodução Mais
Agora, vamos criar o arquivo da animação. No menu, selecione <strong>File (Arquivo) > New (Novo)</strong> Reprodução Mais
Na janela de opções de novo arquivo, coloque na <strong>Width (Largura)</strong> e na <strong>Height (Altura)</strong> o valor de 128 pixels. É o valor padrão do avatar do novo Twitter. Dê <strong>Ok</strong> Reprodução Mais
Volte para as fotos iniciais. Copie a parte selecionada de uma das fotos Reprodução Mais
No arquivo da animação, cole a parte selecionada Reprodução Mais
É bem possível que a parte selecionada da foto ainda esteja grande demais para uma imagem de 128 pixels. Para reduzir o tamanho, vamos usar a <strong>Move Tool (Ferramenta Mover)</strong>. Se ainda não tiver selecionada, clique na caixa <strong>Show Transform Controls (Mostrar Controles de Transformação)</strong> Reprodução Mais
Siga os números: <strong>1.</strong> Clique em uma das pontas da imagem selecionada. <strong>2.</strong> Clique no quadradinho mais acima e mais à esquerda. <strong>3.</strong> Insira o valor 128 px tanto na altura como na largura. <strong>4.</strong> Confirme a alteração Reprodução Mais
Copie e cole as outras imagens e faça o mesmo procedimento. Note, na área destacada, que cada uma das fotos ficou em um Layer (camada) Reprodução Mais
Clique sobre o layer <strong>Background (Plano de Fundo) </strong> e remova-o, clicando no ícone em destaque. Dê <strong>Ok</strong> Reprodução Mais
Agora é hora de animar. Vá em <strong>Window (Janela) > Animation (Animação)</strong> Reprodução Mais
Uma janela aparecerá. Clique no menu de opções desta janela e selecione <strong>Make Frames from Layers (Criar Quadros a Partir de Camadas)</strong> Reprodução Mais
Agora, cada uma das camadas transformou-se em um dos frames (quadros) do seu GIF animado. Clique em <strong>Play</strong> para ver como vai ficar. Note que a velocidade de transição entre os quadros está bem rápida Reprodução Mais
Com a tecla <strong>Shift</strong> selecionada, clique no valor logo abaixo das miniaturas da animação e selecione a duração de cada quadro. Evite deixar pouco tempo, pois o GIF fica muito rápido e incomoda os olhos. É recomendável pelo menos 1 segundo cada frame Reprodução Mais
Pronto, agora é só salvar. Vá em <strong>File (Arquivo) > Save for Web & Devices (Salvar para Web e Dispositivos)</strong> Reprodução Mais
Uma janela vai se abrir. Selecione no alto à direita a opção <strong>GIF</strong>. Deixa as outras configurações no padrão (como aparecem na imagem acima). Abaixo, à esquerda, você vê o tamanho final da imagem. Aqui, ficamos com 34 KB, bem longe dos 700 KB máximos permitidos para uma imagem do Twitter Reprodução Mais
Agora vem o truque: oficialmente, o Twitter não suporta imagens animadas para o seu avatar. Deve-se então renomear o seu arquivo <strong>.gif</strong> para <strong>.png</strong>. Se o seu computador não exibir as extensões de arquivo, no Windows, em uma pasta do Explorer, vá em <strong>Exibir > Opções de Pasta</strong> e na guia <strong>Modos de Exibição</strong> desselecione a caixa <strong>Ocultar as extensões dos tipos de arquivo conhecidos</strong>. Aí é só renomear Reprodução Mais
No Twitter, vá em <strong>Settings</strong>, no menu que se abre ao sobrepor o mouse em seu nome de usuário Reprodução Mais
Clique em <strong>Profile</strong>. Em <strong>Picture</strong>, clique em <strong>Choose File</strong>. Selecione o seu arquivo, agora renomeado com uma extensão PNG. Depois, clique em <strong>Save</strong> Reprodução Mais
Pronto! Agora seu perfil tem um avatar animado. Caso dê erro e a imagem não apareça, tente reenviá-la Reprodução Mais

Em movimento

Veja mais:

Últimos álbuns de Tecnologia

UOL Cursos Online

Todos os cursos