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

Tutorial de gifs (photoshop/imageReady)

3 participantes

Ir para baixo

Tutorial de gifs (photoshop/imageReady) Empty Tutorial de gifs (photoshop/imageReady)

Mensagem por deko 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 :

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
deko
deko
Colaboradores
Colaboradores

Masculino Número de Mensagens : 19
Premios : <br>Tutorial de gifs (photoshop/imageReady) Trophy10: 0Tutorial de gifs (photoshop/imageReady) Trophy11: 0Tutorial de gifs (photoshop/imageReady) Trophy12: 0
Desafios :
Tutorial de gifs (photoshop/imageReady) Medal211: 0
Tutorial de gifs (photoshop/imageReady) Medal212: 0
Agradecimento pela Contribuição :
Tutorial de gifs (photoshop/imageReady) Left_bar_bleue10 / 10010 / 100Tutorial de gifs (photoshop/imageReady) Right_bar_bleue

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

Ir para o topo Ir para baixo

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

Mensagem por Clow 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
Clow
Clow
Novatos
Novatos

Masculino Número de Mensagens : 15
Premios : <br>Tutorial de gifs (photoshop/imageReady) Trophy10: 0Tutorial de gifs (photoshop/imageReady) Trophy11: 0Tutorial de gifs (photoshop/imageReady) Trophy12: 0
Desafios :
Tutorial de gifs (photoshop/imageReady) Medal211: 0
Tutorial de gifs (photoshop/imageReady) Medal212: 0
Agradecimento pela Contribuição :
Tutorial de gifs (photoshop/imageReady) Left_bar_bleue0 / 1000 / 100Tutorial de gifs (photoshop/imageReady) Right_bar_bleue

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

Ir para o topo Ir para baixo

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

Mensagem por RexRox Sáb Jan 24, 2009 1:49 pm

Tb sempre quis saber como fazer isso \o
RexRox
RexRox
Colaboradores
Colaboradores

Número de Mensagens : 56
Premios : <br>Tutorial de gifs (photoshop/imageReady) Trophy10: 0Tutorial de gifs (photoshop/imageReady) Trophy11: 0Tutorial de gifs (photoshop/imageReady) Trophy12: 0
Desafios :
Tutorial de gifs (photoshop/imageReady) Medal211: 0
Tutorial de gifs (photoshop/imageReady) Medal212: 0
Agradecimento pela Contribuição :
Tutorial de gifs (photoshop/imageReady) Left_bar_bleue0 / 1000 / 100Tutorial de gifs (photoshop/imageReady) Right_bar_bleue

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

Ir para o topo Ir para baixo

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

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos