InícioPortalRegistrar-seConectar-se

Compartilhe | 
 

 Tutorial de gifs (photoshop/imageReady)

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Deko
ADM Deko
avatar

Masculino
Número de Mensagens : 905
Idade : 24
Localização : central de design da sociedade ^^
Emprego/lazer : tecnico de montagem e manutenção de micro
Sign of the Week :
:0
:2
:3


Duelos :
:0
:0

Data de inscrição : 16/11/2008

MensagemAssunto: Tutorial de gifs (photoshop/imageReady)   Ter Nov 18, 2008 2:52 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:







Creative Commons License
Esta obra está licenciada sob uma Licença Creative Commons.

_________________


Última edição por Deko em Dom Jan 11, 2009 7:26 pm, editado 1 vez(es)
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://sdesign.forumeiro.org
maloy
Ainda uso o paint
avatar

Masculino
Número de Mensagens : 12
Idade : 24
Localização : São Paulo
Sign of the Week :
:0
:0
:0


Duelos :
:0
:0

Data de inscrição : 22/11/2008

MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Sab Nov 22, 2008 5:27 pm

Otimo tutorial deko, mexo a +- 3 dias no ps e ja consegui fazer a minha gif. Very Happy
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Tekno
Ainda uso o paint
avatar

Masculino
Número de Mensagens : 14
Idade : 25
Sign of the Week :
:0
:0
:0


Duelos :
:0
:0

Data de inscrição : 22/11/2008

MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Sab Nov 22, 2008 6:02 pm

Sorry mas isso n é inter isso é iniciante....

Animação só é inter pa + quado teme feitos de luz que afetam todo o campo visual da gift , e Avançado quando o senário se altera conforeme o decorrer da animação..

Mas bom tutorial vai ajudar mtos..
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Deko
ADM Deko
avatar

Masculino
Número de Mensagens : 905
Idade : 24
Localização : central de design da sociedade ^^
Emprego/lazer : tecnico de montagem e manutenção de micro
Sign of the Week :
:0
:2
:3


Duelos :
:0
:0

Data de inscrição : 16/11/2008

MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Sab Nov 22, 2008 6:25 pm

consideirei avançado por um ponto chave
DEMORA
suhahusahuashusahhuasuashuhuas
eu realmente conheço poucos que tem paciencia para fazer uma gif legal
e os iniciantes querem sempre coisas rapidas e que ficam shows se eu postar isso aqui lá a galera me surra XD
vi na sua galeria que vc tb trabalha com gif
se tu puder passar uns bgs que nem akele vai ser de grade ajuda =P

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://sdesign.forumeiro.org
Tekno
Ainda uso o paint
avatar

Masculino
Número de Mensagens : 14
Idade : 25
Sign of the Week :
:0
:0
:0


Duelos :
:0
:0

Data de inscrição : 22/11/2008

MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Sab Nov 22, 2008 6:33 pm

akele bg só coloquei pq tava sem tempo...

Mas quando eu afsso animação boa mesmo uso pixel ar de fundo ou fasso meu propios bg no estilo de sprite...

Fods é q pc foi formatado...

;p


depois passo um site legal de recurssos pa animação.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Deko
ADM Deko
avatar

Masculino
Número de Mensagens : 905
Idade : 24
Localização : central de design da sociedade ^^
Emprego/lazer : tecnico de montagem e manutenção de micro
Sign of the Week :
:0
:2
:3


Duelos :
:0
:0

Data de inscrição : 16/11/2008

MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Sab Nov 22, 2008 7:14 pm

blz eu nunca vi nda de animação eu só fucei o imageReady e aprendi a fazer
pra vc ter ideia minhas animaçoes contam com uma tela branca pra representar explosão ashsahusauhhusahusa
tah ai alguns dos meus trabalhos em gif:
vou colocar só os links pq se não vai pesar mto a pagina
http://i74.servimg.com/u/f74/13/04/36/38/naruto10.gif
http://i74.servimg.com/u/f74/13/04/36/38/1agif-10.gif
melhor: *.* 7 horas de trabalho
http://img120.imageshack.us/img120/2180/ichigodekogifcompletasr5.gif
http://i74.servimg.com/u/f74/13/04/36/38/naruto11.gif
http://i74.servimg.com/u/f74/13/04/36/38/gakuki10.gif
http://i74.servimg.com/u/f74/13/04/36/38/rukia-10.gif

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://sdesign.forumeiro.org
Master_Victor
Já sei usar blur e distort
avatar

Masculino
Número de Mensagens : 123
Idade : 23
Localização : Rio de Janeiro
Emprego/lazer : Web Designer em Treinamento xD
Sign of the Week :
:0
:0
:0


Duelos :
:0
:0

Data de inscrição : 20/11/2008

MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Sab Nov 22, 2008 7:58 pm

É bem legal de se ver mas da um trabalho e demora muiiiiiiitttto
uma coisa q vc tem q ter é paciencia,mas o resultado é bem legal ^^
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://mugenextreme.ucoz.org/
Conteúdo patrocinado




MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   

Voltar ao Topo Ir em baixo
 
Tutorial de gifs (photoshop/imageReady)
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» - Tutorial - Criando Animações em GIF
» [Tutorial] Dicionário Photoshop
» [Tutorial Photoshop] Warrior Girl Smudge Tut
» equalizer simples
» Retirando Pessoas ou Objetos da foto - Photoshop CS5

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: Design :: Intermediarios-
Ir para: