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!

[Photoshop] Criando um GIF animado Popup10


Participe do fórum, é rápido e fácil

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!

[Photoshop] Criando um GIF animado Popup10
valefotográfico
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Imagem do Mês
Autor(a):Marcelo Rezende
Últimos assuntos
» Pentax 67II-lente 75mm f 4,5-fime 120 rollei Pan 25
[Photoshop] Criando um GIF animado Empty18/3/2014, 22:22 por caires duarte

» Alguns P&B da baixada santista.filmes 35mm e120 MF.
[Photoshop] Criando um GIF animado Empty6/1/2014, 19:22 por caires duarte

» "ULTIMO POR DO SOL DE 2013"
[Photoshop] Criando um GIF animado Empty6/1/2014, 18:43 por caires duarte

» "Reveillon 2014"
[Photoshop] Criando um GIF animado Empty4/1/2014, 20:09 por caires duarte

» Vendo Lente 18-55 , 28-105 e flash 550 EX - Canon
[Photoshop] Criando um GIF animado Empty19/3/2011, 18:10 por Marcelo Rezende

» Bordas simples para fotos
[Photoshop] Criando um GIF animado Empty23/11/2010, 07:40 por Yuri Cordeiro

» Coruja cuidando ninho
[Photoshop] Criando um GIF animado Empty23/11/2010, 07:38 por Yuri Cordeiro

» Vendo Now Bomb - Brazil Militar e flash 550 EX
[Photoshop] Criando um GIF animado Empty16/11/2010, 18:19 por Marcelo Rezende

» Tutorial de After Affects em Potuguês
[Photoshop] Criando um GIF animado Empty28/10/2010, 18:03 por Marcelo Rezende

Quem está conectado?
3 usuários online :: 0 registrados, 0 invisíveis e 3 visitantes

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 158 em 26/10/2021, 21:26
Entrar

Esqueci-me da senha

Votação

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

[Photoshop] Criando um GIF animado Left_bar_bleue26%[Photoshop] Criando um GIF animado Right_bar_bleue 26% [ 39 ]
[Photoshop] Criando um GIF animado Left_bar_bleue11%[Photoshop] Criando um GIF animado Right_bar_bleue 11% [ 16 ]
[Photoshop] Criando um GIF animado Left_bar_bleue17%[Photoshop] Criando um GIF animado Right_bar_bleue 17% [ 25 ]
[Photoshop] Criando um GIF animado Left_bar_bleue13%[Photoshop] Criando um GIF animado Right_bar_bleue 13% [ 20 ]
[Photoshop] Criando um GIF animado Left_bar_bleue33%[Photoshop] Criando um GIF animado Right_bar_bleue 33% [ 49 ]

Total de votos : 149


[Photoshop] Criando um GIF animado

2 participantes

Ir para baixo

[Photoshop] Criando um GIF animado Empty [Photoshop] Criando um GIF animado

Mensagem por Yuri Cordeiro 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.
[Photoshop] Criando um GIF animado 4b6b2426a2f9c9f283caeae703a89409


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.
[Photoshop] Criando um GIF animado 4142b2073aff1c64e540fdb5d8f208d5


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.
[Photoshop] Criando um GIF animado 67ac517a65f7725d0e24a4d01344106e


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.
[Photoshop] Criando um GIF animado 5be4bd81460746b2dcbd10e6317e1648


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.
[Photoshop] Criando um GIF animado 97a3a18daef791ecdb5ed60aa29f6d21


06. Clique em Save, na caixa que irá aparecer defina o nome do seu gif e pressione Save, ao final seu gif estará assim.
[Photoshop] Criando um GIF animado Imagem6
Yuri Cordeiro
Yuri Cordeiro
Está Fácíl
Está Fácíl

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

http://www.interativo.forumeiros.net

Ir para o topo Ir para baixo

[Photoshop] Criando um GIF animado Empty Re: [Photoshop] Criando um GIF animado

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

Parabéns Yuri, tutorial para fazer ótimas animação para web, de alto nivel cheers
Marcelo Rezende
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

Ir para o topo Ir para baixo

[Photoshop] Criando um GIF animado Empty Re: [Photoshop] Criando um GIF animado

Mensagem por Yuri Cordeiro 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ê !
Yuri Cordeiro
Yuri Cordeiro
Está Fácíl
Está Fácíl

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

http://www.interativo.forumeiros.net

Ir para o topo Ir para baixo

[Photoshop] Criando um GIF animado Empty Re: [Photoshop] Criando um GIF animado

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