- 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
Mais álbuns de Tecnologia
x
Veja mais:
Últimos álbuns de Tecnologia
- Amazon se prepara para Black Friday 2019
- Criatividade em baixa? Veja como criar slides usando modelos do PowerPoint
- Modernosa, nova sede faz McDonald's pagar de startup e posar de saudável
- Qual é o melhor celular de 2018? Veja as notas de cada um avaliado pelo UOL
- Compare as fotos do iPhone XS Max, iPhone XR, Galaxy Note 9, S9+ e LG G7
- Homenagem ao passado: Samsung celebra tecnologia em museu na sua sede
- Compare as fotos tiradas com o Galaxy J4 e o Moto E5
- Zuckerberg, Gates, Musk... Veja ícones da tecnologia que doarão fortuna quando morrer
- Alô, donos de iPhone! Estas dez dicas vão facilitar muito a sua vida
- Veja como foram as câmeras do Galaxy A8+, Moto Z3 Play e Zenfone 5
- Relembre o 1º turno da eleição presidencial em 20 memes
- Compare as fotos tiradas com o Moto G6 Plus e o Galaxy J7 Prime 2
- Dicas de bateria
- Veja o autocompletar da busca do Google para candidatos das eleições 2018
- IFA 2018: veja os destaques da feira de tecnologia de Berlim
- Confira fotos do novo Galaxy Note 9
- Veja as logos de cada versão do Android
- As mudanças que devem rolar no visual dos apps do Google
UOL Cursos Online
Todos os cursos- Enfermagem Seja Referência no Mercado. Saiba Mais!
- Enfermagem Auditoria em Serviços de Saúde Saiba Mais!
- Enfermagem Home Care: Cuidados Especiais Saiba Mais!
- Inglêspanhol! Faça o curso de inglês. Clique Aqui!
- Inglêspanhol! Com o melhor conteúdo Clique Aqui!
- Inglêspanhol! E ganhe o curso de espanhol Clique Aqui!
- Inglêspanhol! Faça o curso de inglês. Clique Aqui!
- Inglêspanhol! Com o melhor conteúdo Clique Aqui!
- Inglêspanhol! E ganhe o curso de espanhol Clique Aqui!
- Inglêspanhol! Faça o curso de inglês. Clique Aqui!
- Inglêspanhol! Com o melhor conteúdo Clique Aqui!
- Inglêspanhol! E ganhe o curso de espanhol Clique Aqui!
- Inglêspanhol! Faça o curso de inglês. Clique Aqui!
- Inglêspanhol! Com o melhor conteúdo Clique Aqui!
- Inglêspanhol! E ganhe o curso de espanhol Clique Aqui!
- Inglêspanhol! Faça o curso de inglês. Clique Aqui!
- Inglêspanhol! Com o melhor conteúdo Clique Aqui!
- Inglêspanhol! E ganhe o curso de espanhol Clique Aqui!
- Inglêspanhol! Faça o curso de inglês. Clique Aqui!
- Inglêspanhol! Com o melhor conteúdo Clique Aqui!
- Inglêspanhol! E ganhe o curso de espanhol Clique Aqui!
- Inglêspanhol! Faça o curso de inglês. Clique Aqui!
- Inglêspanhol! Com o melhor conteúdo Clique Aqui!
- Inglêspanhol! E ganhe o curso de espanhol Clique Aqui!
- Inglêspanhol! Faça o curso de inglês. Clique Aqui!
- Inglêspanhol! Com o melhor conteúdo Clique Aqui!
- Inglêspanhol! E ganhe o curso de espanhol Clique Aqui!
- Inglêspanhol! Faça o curso de inglês. Clique Aqui!
- Inglêspanhol! Com o melhor conteúdo Clique Aqui!
- Inglêspanhol! E ganhe o curso de espanhol Clique Aqui!
- Inglêspanhol! Faça o curso de inglês. Clique Aqui!
- Inglêspanhol! Com o melhor conteúdo Clique Aqui!
- Inglêspanhol! E ganhe o curso de espanhol Clique Aqui!