Help - Search - Member List - Calendar
Full Version: Avatar Com Texto Animado
Designers Fórum > Design Gráfico > Photoshop > Tutoriais Photoshop
Bruno.M
Ae pessoal,

hoje vou ensinar a fazer avatares de textos animados, sao muito interesantes... bom maos a obra... lol

1) Ctrl + N para criar uma nova imagem ... crie-a com 100x100 pixels ou do tamanho que preferir, preencha a mesma, agora va em add layer style e adicione as configuracoes a seguir

Bevel and Emboss

Countour

Gradient

no gradient voce pode escolher as cores do seu agrado ...

o fundo deve ficar mais ou menos assim

user posted image

Agora vamos escrever um texto.

eu usei a fonte Visitor BRK , se voce ainda nao tem faca o download clicando AQUi

Eu escrevi a palavra "nome" no avatar , tamanho 60 e adicionei os seguintes efeitos.

Drop Shadow

Bevel and Emboss

Countour

Stroke

feito isso o seu deve estar parecido com esse

user posted image

eu dei uma entordada na layer do nome, eu acho que fica mais legal ai depende de voce, para dar esse entortada va em Edit > transform > rotate

eu gosto de aplicar pattern nas assinaturas e avatares, se voce quiser aplicar crie uma nova layer, va no paint bucket tool e aplique essa pattern user posted image ou a do seu agrado lembre-se de colocar a visibilidade dessa layer 20 ou 30 % . se voce nao tiver essa pattern precisa criar. para cria-la abra um documento 3 px x 3 px e faca tres pontos na diagonal com o pencil tool, exatamente como esta na foto acima, feito isso va em Edit > define pattern. salve com o nome que preferir.

agora duplique a layer do nome e va em Layer > rasterize > layer

agora de Ctrl + J em cima da layer que demos rastrize umas 12 vezes para podermos fazer o texto ser animado, agora na primeira layer que demos rasterize, com a com a eraser tool (E) no modo block ou brush va dissolvendo os cantos dessa layer desse jeito como esta indicado

user posted image

feito isso faça o mesmo processo na layer acima mas com mas deixe um pouco mais do texto ... mantenha sempre a layer abaixo da que voce esta mechendo sempre visivel (com o olinho ativado) e a layer que voce esta trabalhando sempre com opacidade de 40 % , desse modo

user posted image

assim posso ver quanto ja apaguei com a eraser tool.

va fazendo o mesmo processo ate ter completado todas as layers, ou seja faça ate voltar a forma original da palavra.

agora a triplique a layer do nome (original), nao a que demos rasterize

user posted image

e aplique o seguinte efeito na original 3, 2 e 1

original 3

original 2 - apenas diminua em outer glow Spread -> 10 % e Size -> 10 px

original 1 - outer glow Spread -> 10 % e Size -> 5 px

quando tiver acabado essas etapas va para o ImageReady clicando nesse botao user posted image

no ImageReady no primeiro quadro deixe apenas aparecer o fundo

user posted image

agora axo que voce ja percebeu como deve continuar va sempre criando novos quadros com as imagens que voce foi apagando com a eraser tool, agora os tres ultimos quadros use o original 1 , 2 e 3 nessa ordem para dar o efeito glow no final, eu usei pausa apenas no ultimo quadro (1 seg).

Agora de Ctrl + Alt +Shift + S e salve no modo .gif e pronto temos um avatar de texto animado.

O efeito final eh esse aqui

user posted image

Valeu a paciencia ae, responderei qualquer duvida com prazer.


falou ate a proxima !

por Bruno
Cyclops
Opa,excelente,to fazendo aqui agora,depois eu posto aqui,ou uma perguntinha,o 1º resultado não ficou muito igual,eu gostaria de saber se é o PS2 ou PS3...

Valeu smile.gif
LiquidSnake74
Eu andava mesmo a procura disto , obrigado =D


Eu depois meto aqui a minha resposta =D
LiquidSnake74
Nao consigo fazer upload sad.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.