Tutorial de gifs (photoshop/imageReady)

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

default Tutorial de gifs (photoshop/imageReady)

Mensagem por deko em Qui Jan 08, 2009 11:22 pm

1° de tudo vá no google e coloque sprites que são as "renders" das gifs
vou disponibilizar oq eu fix no tutorial :



agora com o magic wand tool(a varinha magica) retire o fundo...

2° crie um novo documento com o tamanho que você quiser eu prefiro trabalhar com 150 de altura por 400 de largura



3°com o paint bucket tool faça um fundo q se sobresaia as cores do sprit



4°volte no sprite e com o rectangular tool selecione os sprits e recorte com (ctrl+c) volte no outro documento e cole (crtl+v)
faça isso em sequencia quantas vezes quiser até achar q já está bom ao final volte na sua futura gif que estará mais ou
menos assim:



5°clique no botão edit in imageReady:



6° vai entrar essa tela:



7°Vá em window e marque animation e em seguida window e marque layers



8°va em na janela das layers e tire a visibilit de tds as imagens menos o do fundo...

9°com a a 1° layer selecionada aperte ctrl+shift+n e nessa usando o line tool faça uma linha reta assim:



10° volte na janela animation e clique com o botão direito no 0 sec e mude para 0,1 como mostra a ilustração abaixo:



11°volte no 1° frame e aperte em tween vai abrir uma nova janela coloque as configuraçoes abaixo:



12° volte na janela layer e coloque a visibilit na 1° layer com sprite e posicionea como quiser dpoix vá no proximo frame e repita o processo dessa vez com a layer seguinte e faça isso até o fim das layers
lembre sempre que a linha é uma referencia ao chão então de preferencia não coloque a sprit no chão e não voando
olha como ficou o meu apos pocicionar tudo:



nota:se precisar apague os frames a mais ^^

13°agora volte ao 1°frame e tire a visibilt da linha e do fundo



14° agora só presisa salvar va em file/save as e salve em psd dpoix va em file/save optimized para salvar já em gif ^^
e pronto para postar ^^


olhem como ficou o meu:

avatar
deko
Colaboradores
Colaboradores

Masculino Número de Mensagens : 19
Premios : <br>: 0: 0: 0
Desafios :
: 0
: 0
Agradecimento pela Contribuição :
10 / 10010 / 100

Dinheiro : Dinheiro: 0$
Data de inscrição : 22/12/2008

Ver perfil do usuário

Voltar ao Topo Ir em baixo

default Re: Tutorial de gifs (photoshop/imageReady)

Mensagem por Clow em Sex Jan 09, 2009 7:30 am

Caraca muito bom esse tuto
sabia que era possivel fazer GIF no PS mas não sabia como.
eu usava um programa lá mas num era muito bom
avatar
Clow
Novatos
Novatos

Masculino Número de Mensagens : 15
Premios : <br>: 0: 0: 0
Desafios :
: 0
: 0
Agradecimento pela Contribuição :
0 / 1000 / 100

Dinheiro : Dinheiro: 0$
Data de inscrição : 11/12/2008

Ver perfil do usuário

Voltar ao Topo Ir em baixo

default Re: Tutorial de gifs (photoshop/imageReady)

Mensagem por RexRox em Sab Jan 24, 2009 1:49 pm

Tb sempre quis saber como fazer isso \o

_________________
avatar
RexRox
Colaboradores
Colaboradores

Número de Mensagens : 56
Premios : <br>: 0: 0: 0
Desafios :
: 0
: 0
Agradecimento pela Contribuição :
0 / 1000 / 100

Dinheiro : Dinheiro: 0$
Data de inscrição : 14/11/2008

Ver perfil do usuário

Voltar ao Topo Ir em baixo

default Re: Tutorial de gifs (photoshop/imageReady)

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum