valefotográfico
Divirta-se e aguarde todas nossas atualizações, se este Fórum te ajudou, registra-se, e venha fazer parte do Vale Fotográfico.
E o mais importante, seja bem-vindo ao fórum!

Imagem do Mês
Autor(a):Marcelo Rezende
Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 29 em 21/10/2013, 20:07
Conectar-se

Esqueci minha senha

Votação

O fórum deve ser melhorado? Deixe sua opinião!

 
 
 
 
 

Exibir resultados


[Photoshop] Criando um GIF animado

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

[Photoshop] Criando um GIF animado

Mensagem por Yuri Cordeiro em 22/7/2009, 11:52

Bom pessoal, neste meu segundo tutorial, ensinarei a voces, como criar um Gif animado.
Achei legal ensinar isso, porque Gifs são coisas muito comuns na web, e poder fazer o seu, é bem divertido !
Lembre-se sempre que quando se está lendo um tutorial, voce estará tendo apenas a base das ferramentas a serem utilizadas e da tecnica aplicada. Para melhorar, criar ou usar a mesma tecnica para outras coisas, vai da sua criatividade.

Tutorial
- Gif animado no Photoshop
Nível - Básico
Fonte - Photoshop Files




01. Pressione Ctrl+N para criar um novo documento de 504x360 pixels, com fundo branco, 72 dpi's e modo de cor em RGB, pressione Ok, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva algo no seu documento usando a cor preta.



02. Pressione Ctrl+J para duplicar a layer, pressione a letra T novamente para selecionar a Horizontal Type Tool e selecione toda a palavra, mude a cor da palavra para vermelho.



03. Desabilite a visibilidade da layer com a palavra em vermelho clicando no olho que existe a frente da layer na paleta de layers, vá em Window> Animation, a paleta Animation irá aparecer na sua tela, caso sua paleta Animation não esteja como a da foto abaixo clique no pequeno ícone que existe no canto inferior direito da paleta chamado Convert To Frame Animation, ao fazer isto você verá que existe apenas um frame na paleta, clique no ícone do documento que está ao lado da lata de lixo na paleta Animation chamado Duplicates Selected Frames, isto irá duplicar seu frame, agora você possui dois frames iguais, porém para criar a animação você precisa de pelo menos dois frames diferentes, então na paleta de layers ative novamente a visibilidade da layer que contém a palavra em vermelho e você verá que na paleta Animation seu segundo frame aparece com a palavra em vermelho também, como na imagem abaixo.



04. Clique em um dos frames na paleta Animation, pressione a tecla Shift e clique no outro frame para selecionar os dois frames, agora clique na pequena seta em um dos dois frames, esta seta apresenta ao seu lado a duração em segundos de cada frame na animação, ao clicar na seta um menu irá abrir com diversas opções, escolha 0.1 Seconds, agora clique no botão de Play na paleta de Animation para ver as cores se alternarem, agora clique no ícone Tweens Animation Frames, é um pequeno ícone que apresenta uma série de pequenos quadrados em seguencia, este ícone define a suavização entre as animações, defina os valores abaixo.



05. Você verá que uma série de frames foram criados automaticamente pelo Photoshop, na realidade 5 como foram definidos na caixa de Tween, agora clique no primeiro frame da esquerda para a direita e clique no botão de Play no rodapé da paleta Animation, você verá que a animação acontece porém para no final, então abaixo do primeiro frame você verá a palavra Once, clique nela e mude para Forever, isto fará com que a animação fique rodando em Looping, agora clique no último frame e clique novamente no ícone de Tweens Animation Frames, e na opção Tween With mude para First Frame, pressione Ok, isto fará com que o Photoshop crie mais frames voltando para a cor do primeiro frame, clique no primeiro frame e clique no botão de Play, você verá que a letra vai do preto para o vermelho e depois volta para o preto em uma transição suave, terminada a animação você pode fechar a paleta de Animation, para salvar seu gif com movimento vá em File> Save For Web & Devices ou pressione Ctrl+Alt+Shift+S e defina os valores abaixo.



06. Clique em Save, na caixa que irá aparecer defina o nome do seu gif e pressione Save, ao final seu gif estará assim.
avatar
Yuri Cordeiro
Está Fácíl
Está Fácíl

Mensagens : 59
Data de inscrição : 15/07/2009
Idade : 25
Localização : Brasil

http://www.interativo.forumeiros.net

Voltar ao Topo Ir em baixo

Re: [Photoshop] Criando um GIF animado

Mensagem por Marcelo Rezende em 22/7/2009, 12:31

Parabéns Yuri, tutorial para fazer ótimas animação para web, de alto nivel cheers
avatar
Marcelo Rezende
Admin
Admin

Mensagens : 312
Data de inscrição : 24/03/2009
Localização : Vale do Paraíba - SP

http://www.valefotografico.forumeiros.com

Voltar ao Topo Ir em baixo

Re: [Photoshop] Criando um GIF animado

Mensagem por Yuri Cordeiro em 22/7/2009, 13:45

Sim sim !
É só usar a criatividade, e tudo fica master !
Foi como eu disse; O tutorial é apenas a base !
O resto é com você !
avatar
Yuri Cordeiro
Está Fácíl
Está Fácíl

Mensagens : 59
Data de inscrição : 15/07/2009
Idade : 25
Localização : Brasil

http://www.interativo.forumeiros.net

Voltar ao Topo Ir em baixo

Re: [Photoshop] Criando um GIF animado

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