sábado, 10 de dezembro de 2011

Tutorial: Sign normal + Gif


Gente agora fiz um tutorial de como fazer uma assinatura assim:

Aqui vai o tutorial:

Programas a usar: PhotoShop e Photofiltre

1º - Abra seu gif no PhotoFiltre eu irei usar este aqui http://i.imgur.com/2oaIC.gif (o gif tem de ser de boa qualidade sem os pixels a mostra e que seija facil de depois fazer render se quiser ela na sign fique transparente)
2º - ira aparecer quando abrir o gif isso aqui http://i.imgur.com/KmKjv.png. Vc vai fazer assim agora no primeiro quadradinho do gif vc ve onde diz camada 1 não tem aquele olhinho vermelho ( esse http://i.imgur.com/vMn8c.png) né? Vc ira copiar e colar um novo documento
3º - vc agora ira fazer com os prints aqui:
            - http://i.imgur.com/ZuMRh.png (para aparecer isso vc deve carregar na coluna onde ta a camada 1 com o lado direito do mouse)
             - depois de ter posto o olho não visivel ira ficar assim http://i.imgur.com/qYBen.png
            - depois vc ira fazer a mesma coisa que fez parte de cima de cima ( essa parte http://i.imgur.com/ZuMRh.png (para aparecer isso vc deve carregar na coluna onde ta a camada 1 com o lado direito do mouse) mas inves de por o olho não visivel vc ira por visivel com isso http://i.imgur.com/hWG7w.png vc ira copiar e colar novo documento i ira fazer isso ate a ultima camada
4º - Depois de isso tudo no final vc ira ficar com elas assim http://i.imgur.com/aoFxs.png agora guarde-as em png.
5º - abra seu photoshop e faça um novo documento ( eu uso esse tamanho 480X225 mas se quiser pode usar outro)
6º - Se quiser vc pode fazer seu próprio fundo, eu vou usar esse aqui http://i.imgur.com/pepH0.png se for este seu caso vc ira copiar e colar ele no novo documento
7º - abra sua imagem (tem de ser render se não achar e achar uma imagem faça vc mesma o render no meu caso é o que vou ter de fazer) usei este aqui http://i.imgur.com/pMO3m.png
8º - No documento que crio e colo o fundo vc ira copiar sua render e colar lá e colocar no sitio onde vc quiser eu coloquei assim: http://i.imgur.com/I1i6C.png
9º - abra as imagens do gif uma de cada vez e faça renders dela (para fazer render vc ira usar a varinha mágica e a borracha mágica ira fazer isso assim: http://i.imgur.com/MURNw.png
10 – copie e cole na sua sign  ira ficar assim: http://i.imgur.com/G2Rwu.png
11- Faça o mesmo processo da parte 9, mas quando for colar na sign faça com que todas as partes do gif fique alinhas umas com as outras (uma por cima da outra para ver se  esta bem onde diz normal nas camadas meta multiplicação assim verá se ta como deve ser se seu PS tiver em ingles diga que eu traduzo)
12 – depois de fazer isso tudo ira ficar assim com as camadas http://i.imgur.com/06jiB.png
13 – agora coloque a tipografia/frase
14 – vc ira salvar, mas ira desmarquar os olhos das camadas do gif deixando so uma assim: http://i.imgur.com/Upm2c.png  Vc ira fazer este processo para o resto da sign, mas lembre-se vc ira guardar a sgn com nome diferente e com a parte do gif diferente
15 – depois de guardar vc ira ter isto na pasta onde salvou: http://i.imgur.com/TaB72.png
16 – Agora tem de fazer gif, depois de ter guardado feixe tudo da sign e va em: Janela – Animação e  vai aparecer um coisa assim: http://i.imgur.com/NHLZF.png
16º - Abra suas imagens e vai fazer assim:
            - Copie a parte 2 e va na parte 1 da sign e cole ira ficar assim: http://i.imgur.com/wh0TQ.png
            - Vc ira desmarcar o olho da camada 2 e ira carregar nisso aqui:  http://i.imgur.com/JzZlX.png
            - Depois de ter clicado ira ficar assim: http://i.imgur.com/bd71o.png
             -Na animação, onde ta o quadrado a dizer 2 vc ira clicar no olho da segunda camada ( assim: http://i.imgur.com/wh0TQ.png)
             - Agora va fazendo o mesmo processo no resto das partes da sign assim: http://i.imgur.com/urmHJ.png
17º - Depois vc ira salva-la em Arquivo – Salvar para web e dispositivos...   quando clicar lá vai aparecer isso: http://i.imgur.com/OEVtE.png
18 – Depois é so clicar em salvar!
Especial – Se quiser mudas cores tipo tons de cinza vc vai nessa parte http://i.imgur.com/OEVtE.png e clica em Perceptivo e vai aparecer várias coisas essas aqui tem a ver com cor: http://i.imgur.com/yRDvn.png

Meu resultado:


Agora mostrem seus resultados ^^
qualquer duvida é so dizer.






Sem comentários:

Enviar um comentário