Xtreme Design

Seu futuro começa aqui
 
InícioInício  PortalPortal  FAQFAQ  BuscarBuscar  MembrosMembros  GruposGrupos  Registrar-seRegistrar-se  Conectar-se  

Compartilhe
 

 Animação no Photoshop [Básico]

Ir em baixo 
AutorMensagem
Buster
Membro Avançado
Membro Avançado
Buster

Número de Mensagens : 76
Idade : 27
Galeria de Troféis : <br>Animação no Photoshop [Básico] 1zcmpeo: 0Animação no Photoshop [Básico] Trophy10: 0Animação no Photoshop [Básico] Trophy11: 0Animação no Photoshop [Básico] Trophy12: 0
Duelos : V: 0D: 00%
Rate : Moderado
XP$: : 29.50
Agradecimentos :
Animação no Photoshop [Básico] Left_bar_bleue3 / 1003 / 100Animação no Photoshop [Básico] Right_bar_bleue

Warning :
Animação no Photoshop [Básico] Left_bar_bleue100 / 100100 / 100Animação no Photoshop [Básico] Right_bar_bleue

GP$ : 1
Reputação : 0
Data de inscrição : 29/01/2009

Animação no Photoshop [Básico] Empty
MensagemAssunto: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] EmptyQui Fev 26, 2009 9:22 pm

Eu tava viajando, voltei ontem e fiz um tutorial de animação.
Tbm vi que o Nedson ja criou um, mas esse tem algumas diferenças.

Resultado Final da Animação
Animação no Photoshop [Básico] 1356023795

Vamos começar então.
Certifique-se que a aba Animation esteja visível, caso não esteja vá em Window > Animation.
Animação no Photoshop [Básico] 1129347865

Crie um imagem 200x10 e mude a cor do fundo
Animação no Photoshop [Básico] 1013058546
Crie uma nova layer e faça linhas contínuas na vertical
Animação no Photoshop [Básico] 831296332

Agora é a hora da animação.
Note que você possui 1 frame.
Animação no Photoshop [Básico] 973545999

Selecione as 2 layers criadas, do background e das linhas contínuas, e mova-as para esquerda, até sumir da imagem.
Animação no Photoshop [Básico] 1809068958

Animação no Photoshop [Básico] 425252343

Agora crie uma novo frame
Animação no Photoshop [Básico] 1048047957

Com o frame 2 selecionado, mova as 2 layers para a direita, até sumir da imagem.
Animação no Photoshop [Básico] 397489103

Note que quando você movimentar com a frame 2 selecionada não irá mudar a 1.

Selecione a frame 1, clique em Tweens e faça como a imagem
Animação no Photoshop [Básico] 307070802

Animação no Photoshop [Básico] 851754493

Isso ira multiplicar seu frame 20 vezes para ir do frame 1 ao 2, criando uma animação de movimento.
Animação no Photoshop [Básico] 151630353

Para visualizar o resultado é só dar Play.
Para finalizar salve sua imagem no formato .gif, pois somente ele aceita animações.

Outros resultados:
Animação no Photoshop [Básico] 1510063470
2 layers com cores diferentes, aqui o efeito ja não é de movimento.

Animação no Photoshop [Básico] 1940624165

Animação no Photoshop [Básico] 227510434

Quem tiver outros resultados posta ai.

;D
Voltar ao Topo Ir em baixo
Ver perfil do usuário
gordinhogc
Admin
Admin
gordinhogc

Número de Mensagens : 803
Idade : 23
Galeria de Troféis : <br>Animação no Photoshop [Básico] 1zcmpeo: 0
Animação no Photoshop [Básico] Trophy10: 0
Animação no Photoshop [Básico] Trophy11: 1
Animação no Photoshop [Básico] Trophy12: 0
Duelos : V: 2
D: 2
50%
Rate : Intermediario
XP$: : 35.90
Agradecimentos :
Animação no Photoshop [Básico] Left_bar_bleue5 / 1005 / 100Animação no Photoshop [Básico] Right_bar_bleue

Warning :
Animação no Photoshop [Básico] Left_bar_bleue100 / 100100 / 100Animação no Photoshop [Básico] Right_bar_bleue

GP$ : 14
Reputação : 0
Data de inscrição : 23/01/2009

Animação no Photoshop [Básico] Empty
MensagemAssunto: Re: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] EmptyQui Fev 26, 2009 11:37 pm

Muito bom, irei tentar amanha... pago... (o tuto eh seu neh?)

_________________
Animação no Photoshop [Básico] 3f9302ab8b793aa2ffdbf8f1c2eb9a09
Animação no Photoshop [Básico] Gordinhogc1
Voltar ao Topo Ir em baixo
Ver perfil do usuário
DACS
Jurado
Jurado
DACS

Número de Mensagens : 316
Localização : tô por aí
Galeria de Troféis :
Animação no Photoshop [Básico] 1zcmpeo: 0
Animação no Photoshop [Básico] Trophy10: 0
Animação no Photoshop [Básico] Trophy11: 0
Animação no Photoshop [Básico] Trophy12: 1
Duelos : V: 5
D: 1
83%
Rate : Moderado
XP$: : 50.40
Agradecimentos :
Animação no Photoshop [Básico] Left_bar_bleue0 / 1000 / 100Animação no Photoshop [Básico] Right_bar_bleue

Warning :
Animação no Photoshop [Básico] Left_bar_bleue100 / 100100 / 100Animação no Photoshop [Básico] Right_bar_bleue

GP$ : 0
Reputação : 0
Data de inscrição : 24/01/2009

Animação no Photoshop [Básico] Empty
MensagemAssunto: Re: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] EmptyQui Fev 26, 2009 11:57 pm

kkkkkkkkkkkkkk
o gordinho e todo
mundo está traumatizado
com isso de créditos rsrsrs
excelente tuto buster

_________________
Animação no Photoshop [Básico] Dacsnj9Animação no Photoshop [Básico] Cascpia
Animação no Photoshop [Básico] Shadow1
Animação no Photoshop [Básico] Devilmaycry
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Buster
Membro Avançado
Membro Avançado
Buster

Número de Mensagens : 76
Idade : 27
Galeria de Troféis : <br>Animação no Photoshop [Básico] 1zcmpeo: 0Animação no Photoshop [Básico] Trophy10: 0Animação no Photoshop [Básico] Trophy11: 0Animação no Photoshop [Básico] Trophy12: 0
Duelos : V: 0D: 00%
Rate : Moderado
XP$: : 29.50
Agradecimentos :
Animação no Photoshop [Básico] Left_bar_bleue3 / 1003 / 100Animação no Photoshop [Básico] Right_bar_bleue

Warning :
Animação no Photoshop [Básico] Left_bar_bleue100 / 100100 / 100Animação no Photoshop [Básico] Right_bar_bleue

GP$ : 1
Reputação : 0
Data de inscrição : 29/01/2009

Animação no Photoshop [Básico] Empty
MensagemAssunto: Re: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] EmptySex Fev 27, 2009 9:33 am

É meu sim Smile
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Kamuma
Admin
Admin
Kamuma

Número de Mensagens : 479
Idade : 24
Localização : Xtreme Design
Galeria de Troféis : <br>Animação no Photoshop [Básico] 1zcmpeo: 0Animação no Photoshop [Básico] Trophy10: 0Animação no Photoshop [Básico] Trophy11: 0Animação no Photoshop [Básico] Trophy12: 0
Duelos : V: 1
D: 1
50%
Rate : Avançado
XP$: : 50.65
Agradecimentos :
Animação no Photoshop [Básico] Left_bar_bleue1 / 1001 / 100Animação no Photoshop [Básico] Right_bar_bleue

Warning :
Animação no Photoshop [Básico] Left_bar_bleue100 / 100100 / 100Animação no Photoshop [Básico] Right_bar_bleue

GP$ : 36
Reputação : 0
Data de inscrição : 21/01/2009

Animação no Photoshop [Básico] Empty
MensagemAssunto: Re: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] EmptySex Fev 27, 2009 9:34 am

u.u
nem tinha visto sry
congratulations pra vc...um tutorial bem organizado com gifs, imagens =)
tks pelo topico

_________________
Animação no Photoshop [Básico] Bart
Animação no Photoshop [Básico] Signahb
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://xtremedesign.forumeiros.com
zanis
Membro
Membro
zanis

Número de Mensagens : 28
Idade : 26
Localização : Guarulhos
Galeria de Troféis : <br>Animação no Photoshop [Básico] 1zcmpeo: 0Animação no Photoshop [Básico] Trophy10: 0Animação no Photoshop [Básico] Trophy11: 0Animação no Photoshop [Básico] Trophy12: 0
Duelos : V: 0D: 00%
Rate : Nenhuma
XP$: : 3.00
Agradecimentos :
Animação no Photoshop [Básico] Left_bar_bleue0 / 1000 / 100Animação no Photoshop [Básico] Right_bar_bleue

Warning :
Animação no Photoshop [Básico] Left_bar_bleue0 / 1000 / 100Animação no Photoshop [Básico] Right_bar_bleue

GP$ : 20
Reputação : 0
Data de inscrição : 15/03/2009

Animação no Photoshop [Básico] Empty
MensagemAssunto: Re: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] EmptyDom Mar 15, 2009 12:00 pm

Imgs não estãocarregando No
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.royalforce.teamgoo.net
gordinhogc
Admin
Admin
gordinhogc

Número de Mensagens : 803
Idade : 23
Galeria de Troféis : <br>Animação no Photoshop [Básico] 1zcmpeo: 0
Animação no Photoshop [Básico] Trophy10: 0
Animação no Photoshop [Básico] Trophy11: 1
Animação no Photoshop [Básico] Trophy12: 0
Duelos : V: 2
D: 2
50%
Rate : Intermediario
XP$: : 35.90
Agradecimentos :
Animação no Photoshop [Básico] Left_bar_bleue5 / 1005 / 100Animação no Photoshop [Básico] Right_bar_bleue

Warning :
Animação no Photoshop [Básico] Left_bar_bleue100 / 100100 / 100Animação no Photoshop [Básico] Right_bar_bleue

GP$ : 14
Reputação : 0
Data de inscrição : 23/01/2009

Animação no Photoshop [Básico] Empty
MensagemAssunto: Re: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] EmptyDom Mar 15, 2009 12:35 pm

zanis escreveu:
Imgs não estãocarregando No
²

_________________
Animação no Photoshop [Básico] 3f9302ab8b793aa2ffdbf8f1c2eb9a09
Animação no Photoshop [Básico] Gordinhogc1
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Buster
Membro Avançado
Membro Avançado
Buster

Número de Mensagens : 76
Idade : 27
Galeria de Troféis : <br>Animação no Photoshop [Básico] 1zcmpeo: 0Animação no Photoshop [Básico] Trophy10: 0Animação no Photoshop [Básico] Trophy11: 0Animação no Photoshop [Básico] Trophy12: 0
Duelos : V: 0D: 00%
Rate : Moderado
XP$: : 29.50
Agradecimentos :
Animação no Photoshop [Básico] Left_bar_bleue3 / 1003 / 100Animação no Photoshop [Básico] Right_bar_bleue

Warning :
Animação no Photoshop [Básico] Left_bar_bleue100 / 100100 / 100Animação no Photoshop [Básico] Right_bar_bleue

GP$ : 1
Reputação : 0
Data de inscrição : 29/01/2009

Animação no Photoshop [Básico] Empty
MensagemAssunto: Re: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] EmptyDom Mar 15, 2009 3:26 pm

O Servidor faliu ^^
Vou ver se coloco em outro lugar.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
foca
Membro Novato
Membro Novato


Número de Mensagens : 2
Galeria de Troféis : <br>Animação no Photoshop [Básico] 1zcmpeo: 0
Animação no Photoshop [Básico] Trophy10: 0
Animação no Photoshop [Básico] Trophy11: 0
Animação no Photoshop [Básico] Trophy12: 0
Duelos : V: 0
D: 0
0%
Rate : Nenhuma
XP$: : 2.00
Agradecimentos :
Animação no Photoshop [Básico] Left_bar_bleue0 / 1000 / 100Animação no Photoshop [Básico] Right_bar_bleue

Warning :
Animação no Photoshop [Básico] Left_bar_bleue0 / 1000 / 100Animação no Photoshop [Básico] Right_bar_bleue

GP$ : 2
Reputação : 10
Data de inscrição : 16/11/2009

Animação no Photoshop [Básico] Empty
MensagemAssunto: Re: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] EmptyTer Dez 22, 2009 9:45 pm

foram-se as imagens Sad
Voltar ao Topo Ir em baixo
Ver perfil do usuário
zanis
Membro
Membro
zanis

Número de Mensagens : 28
Idade : 26
Localização : Guarulhos
Galeria de Troféis : <br>Animação no Photoshop [Básico] 1zcmpeo: 0Animação no Photoshop [Básico] Trophy10: 0Animação no Photoshop [Básico] Trophy11: 0Animação no Photoshop [Básico] Trophy12: 0
Duelos : V: 0D: 00%
Rate : Nenhuma
XP$: : 3.00
Agradecimentos :
Animação no Photoshop [Básico] Left_bar_bleue0 / 1000 / 100Animação no Photoshop [Básico] Right_bar_bleue

Warning :
Animação no Photoshop [Básico] Left_bar_bleue0 / 1000 / 100Animação no Photoshop [Básico] Right_bar_bleue

GP$ : 20
Reputação : 0
Data de inscrição : 15/03/2009

Animação no Photoshop [Básico] Empty
MensagemAssunto: Re: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] EmptySeg Mar 01, 2010 4:38 pm

Ainda bem q eu ja sei fzer =P
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.royalforce.teamgoo.net
Conteúdo patrocinado




Animação no Photoshop [Básico] Empty
MensagemAssunto: Re: Animação no Photoshop [Básico]   Animação no Photoshop [Básico] Empty

Voltar ao Topo Ir em baixo
 
Animação no Photoshop [Básico]
Voltar ao Topo 
Página 1 de 1

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