Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.



 
InícioPortalÚltimas imagensRegistarEntrar

 

 Tutorial de gifs (photoshop/imageReady)

Ir para baixo 
4 participantes
AutorMensagem
Deko
ADM Deko
Deko


Masculino
Número de Mensagens : 905
Idade : 31
Localização : central de design da sociedade ^^
Emprego/lazer : tecnico de montagem e manutenção de micro
Sign of the Week :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Trofuprata:2
Tutorial de gifs (photoshop/imageReady) Bronz10:3


Duelos :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Caveira:0

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

Tutorial de gifs (photoshop/imageReady) Empty
MensagemAssunto: Tutorial de gifs (photoshop/imageReady)   Tutorial de gifs (photoshop/imageReady) Icon_minitime1Ter 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 :

Tutorial de gifs (photoshop/imageReady) Zakuab10

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

Tutorial de gifs (photoshop/imageReady) 1_11

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

Tutorial de gifs (photoshop/imageReady) 210

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:

Tutorial de gifs (photoshop/imageReady) 310

5°clique no botão edit in imageReady:

Tutorial de gifs (photoshop/imageReady) 410

6° vai entrar essa tela:

Tutorial de gifs (photoshop/imageReady) 510

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

Tutorial de gifs (photoshop/imageReady) 613

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:

Tutorial de gifs (photoshop/imageReady) 711

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:

Tutorial de gifs (photoshop/imageReady) 814

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

Tutorial de gifs (photoshop/imageReady) 912

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:

Tutorial de gifs (photoshop/imageReady) 1013

nota:se precisar apague os frames a mais ^^
Tutorial de gifs (photoshop/imageReady) 1113
13°agora volte ao 1°frame e tire a visibilt da linha e do fundo


Tutorial de gifs (photoshop/imageReady) 1212
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:

Tutorial de gifs (photoshop/imageReady) 1410





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)
Ir para o topo Ir para baixo
https://sdesign.forumeiros.com
maloy
Ainda uso o paint
maloy


Masculino
Número de Mensagens : 12
Idade : 31
Localização : São Paulo
Sign of the Week :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Trofuprata:0
Tutorial de gifs (photoshop/imageReady) Bronz10:0


Duelos :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Caveira:0

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

Tutorial de gifs (photoshop/imageReady) Empty
MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Tutorial de gifs (photoshop/imageReady) Icon_minitime1Sáb Nov 22, 2008 5:27 pm

Otimo tutorial deko, mexo a +- 3 dias no ps e ja consegui fazer a minha gif. Very Happy
Ir para o topo Ir para baixo
Tekno
Ainda uso o paint
Tekno


Masculino
Número de Mensagens : 14
Idade : 32
Sign of the Week :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Trofuprata:0
Tutorial de gifs (photoshop/imageReady) Bronz10:0


Duelos :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Caveira:0

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

Tutorial de gifs (photoshop/imageReady) Empty
MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Tutorial de gifs (photoshop/imageReady) Icon_minitime1Sáb 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..
Ir para o topo Ir para baixo
Deko
ADM Deko
Deko


Masculino
Número de Mensagens : 905
Idade : 31
Localização : central de design da sociedade ^^
Emprego/lazer : tecnico de montagem e manutenção de micro
Sign of the Week :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Trofuprata:2
Tutorial de gifs (photoshop/imageReady) Bronz10:3


Duelos :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Caveira:0

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

Tutorial de gifs (photoshop/imageReady) Empty
MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Tutorial de gifs (photoshop/imageReady) Icon_minitime1Sáb 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
Ir para o topo Ir para baixo
https://sdesign.forumeiros.com
Tekno
Ainda uso o paint
Tekno


Masculino
Número de Mensagens : 14
Idade : 32
Sign of the Week :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Trofuprata:0
Tutorial de gifs (photoshop/imageReady) Bronz10:0


Duelos :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Caveira:0

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

Tutorial de gifs (photoshop/imageReady) Empty
MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Tutorial de gifs (photoshop/imageReady) Icon_minitime1Sáb 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.
Ir para o topo Ir para baixo
Deko
ADM Deko
Deko


Masculino
Número de Mensagens : 905
Idade : 31
Localização : central de design da sociedade ^^
Emprego/lazer : tecnico de montagem e manutenção de micro
Sign of the Week :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Trofuprata:2
Tutorial de gifs (photoshop/imageReady) Bronz10:3


Duelos :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Caveira:0

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

Tutorial de gifs (photoshop/imageReady) Empty
MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Tutorial de gifs (photoshop/imageReady) Icon_minitime1Sáb 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
https://i.servimg.com/u/f74/13/04/36/38/naruto10.gif
https://i.servimg.com/u/f74/13/04/36/38/1agif-10.gif
melhor: *.* 7 horas de trabalho
https://2img.net/r/ihimizer/img120/2180/ichigodekogifcompletasr5.gif
https://i.servimg.com/u/f74/13/04/36/38/naruto11.gif
https://i.servimg.com/u/f74/13/04/36/38/gakuki10.gif
https://i.servimg.com/u/f74/13/04/36/38/rukia-10.gif
Ir para o topo Ir para baixo
https://sdesign.forumeiros.com
Master_Victor
Já sei usar blur e distort
Master_Victor


Masculino
Número de Mensagens : 123
Idade : 30
Localização : Rio de Janeiro
Emprego/lazer : Web Designer em Treinamento xD
Sign of the Week :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Trofuprata:0
Tutorial de gifs (photoshop/imageReady) Bronz10:0


Duelos :
Tutorial de gifs (photoshop/imageReady) Trofuouro:0
Tutorial de gifs (photoshop/imageReady) Caveira:0

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

Tutorial de gifs (photoshop/imageReady) Empty
MensagemAssunto: Re: Tutorial de gifs (photoshop/imageReady)   Tutorial de gifs (photoshop/imageReady) Icon_minitime1Sáb 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 ^^
Ir para o topo Ir para baixo
http://mugenextreme.ucoz.org/
Conteúdo patrocinado





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

Ir para o topo Ir para baixo
 
Tutorial de gifs (photoshop/imageReady)
Ir para o topo 
Página 1 de 1
 Tópicos semelhantes
-
» userbar com movimento (photoshop/imageReady)
» Photoshop Basic
» criando por do sol (photoshop)
» Photoshop CS3 Portable
» Photoshop CS4 Portable

Permissões neste sub-fórumNão podes responder a tópicos
 :: Design :: Intermediarios-
Ir para: