Naruto Zone PT

Apenas os membro podem ter acesso a parte de D*WL**D
 
InícioBuscarMembrosGruposRegistrar-seConectar-se

Compartilhe | 
 

 [Tutorial]Como fazer um gif animado com Photoshop

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Zehanort
Gennin
Gennin
avatar

Número de Mensagens : 34
Idade : 18
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 1
Data de inscrição : 06/01/2009

Ficha Ninja
Nome do Shinobi: Deidara
Stamina:
100/100  (100/100)
Elemento: Katon

MensagemAssunto: [Tutorial]Como fazer um gif animado com Photoshop   Qua 07 Jan 2009, 14:00

A partir da versão 5.5 de Photoshop temos a nossa disposição um programa muito interessante para realizar, entre outras coisas, trabalhos específicos para o web, como podem ser a criação de GIFs animados ou imagens que mudem ao passar o mouse por cima (Rollover). O produto em concreto é Image Ready e vamos estudar a maneira de trabalhar com ele para realizar um GIF animado.

Criar um arquivo .psd com os diferentes fotogramas

A primeira tarefa para realizar um GIF animado com Photoshop eé criar um arquivo .psd, que é o formato próprio de Photoshop onde podemos manter as "layers", ou seja, as camadas que serão necessárias para realizar o GIF animado.

Nota: As camadas são próprias de Photoshop e de outros programas de desenho gráfico e permitem editar partes do gráfico de maneira independente. Quem quiser dominar Photoshop e similares deverá familiarizar-se com o trabalho com camadas.

Cada camada criada com Photoshop pode ser um fotograma do GIF animado, por isso podemos criar tantas camadas de acordo com quantas imagens quisermos que tenha na animação. Logo com Image Ready poderemos intercalar essas camadas na ordem que quisermos e atribuir-lhes um tempo de visualização a cada uma.










Uma vez criada a imagem com as diferentes camadas com Photoshop, podemos salvá-la com extensão .psd, para que salve toda a informação das camadas. Uma vez salvas podemos passar o arquivo a Image Ready, que é o programa que utilizaremos para animar as camadas em um GIF animado.

Para passar o arquivo do Photoshop a Image Ready comodamente, podemos utilizar um botão que existe na parte debaixo da barra de ferramentas. O botÃO se encontra nos dois programas e podemos vê-lo remarcado na imagem à direita.

Nota: A ação de passar de um programa a outro será muito repetida durante o trabalho com Photoshop e Image Ready, visto que cada programa tem capacidades distintas e as ações que se fazem com um programa não costumam estar disponíveis no outro. Por exemplo, se quisermos editar uma camada, temos que fazer a partir do Photoshop e se quisermos criar fotogramas e selecionar as camadas que devem ser visualizadas em cada um, teremos que fazer com Image Ready. É aconselhável salvar o arquivo .psd antes de passar de uma aplicação a outra.


Trabalho com Image Ready

Para definir cada um dos fotogramas da animação e suas propriedades temos uma janela chamada Animação. Se não a vemos ao abrir Image Ready podemos mostrá-la no menu da janela > Mostrar animação.

A janela de animação contem um botão para adicionar fotogramas que tem forma de documento novo. Em cada fotograma podemos selecionar de maneira independente as camadas que se desejam visualizar, de modo que devemos criar os distintos fotogramas da nossa animação e indicar que camadas devem ser visualizadas em cada um deles. Aliás, as camadas se podem fazer visíveis ou invisíveis pela janela de camadas com o olho que aparece do lado de cada uma das camadas. Quando se pode ver o olho, a camada está visível e quando não aparece o olho é porque está invisível.







Para atribuir o tempo de visualização de cada um dos fotogramas temos um registro dos segundos de visualização exatamente embaixo da miniatura do fotograma. Ao clicar sobre esse registro de segundos, aparecerá uma janela para selecionar qualquer duração, em segundos.





Quando tivermos a animação tal como desejarmos que apareça em nossa página web selecionamos no menu Arquivo, a opção "Salvar otimizada como..." e aparecerá a janela típica para selecionar o diretório e o nome de arquivo que queremos atribuir-lhe.

Otimizar a imagem com Image Ready

Podemos modificar as propiedades da imagem GIF, como número de cores ou o tipo de paleta para otimizar a imagem, com o objeto que ocupe o menor espaço possível em bytes e que seja rápida para baixar. A otimização se deve realizar respeitando a qualidade da imagem tanto como sejamos capazes. Para realizar estas ações Image Ready dispõe de uma janela chamada Otimizar, que se não aparece poderemos mostrá-la pelo menu Janela > Mostrar otimizar.

A característica mais interessante para otimizar em um arquivo GIF é o número de cores. Em geral, ao menor número de cores, menor o tamanho do arquivo. Na janela do documento podemos encontrar opções que nos permitenm selecionar a versão da imagem que queremos visualizar: a versão Original ou a Otimizada. As opções 2 cópias ou 4 coópias permitem comparar entre a versão original e algum tipo de otimização.














Resultado obtido

Para realizar este artigo criamos um GIF animado que pode ser visto a seguir. Não é muito atraente, mas será interessante ver o resultado conseguido.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
uchiha-sasuke
Jounnin
Jounnin
avatar

Número de Mensagens : 135
Idade : 22
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 0
Data de inscrição : 29/12/2008

Ficha Ninja
Nome do Shinobi: uchiha obito
Stamina:
100/100  (100/100)
Elemento: Katon

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Qui 08 Jan 2009, 07:53

vo testaa........posto os resultados
Voltar ao Topo Ir em baixo
Ver perfil do usuário
\../.Zan£mux.\../
Sub-Admin
Sub-Admin
avatar

Número de Mensagens : 600
Idade : 23
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 24
Data de inscrição : 21/10/2008

Ficha Ninja
Nome do Shinobi:
Stamina:
100/100  (100/100)
Elemento:

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Qui 08 Jan 2009, 11:29

Bom trabalho Zehanort
obrigado por disponibilizares o teu tempo para trabalhar no forum
Wink

Cumpz

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário
uchiha-sasuke
Jounnin
Jounnin
avatar

Número de Mensagens : 135
Idade : 22
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 0
Data de inscrição : 29/12/2008

Ficha Ninja
Nome do Shinobi: uchiha obito
Stamina:
100/100  (100/100)
Elemento: Katon

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 08:01

boa FUNCIONOU BLZ AJUDOU
Voltar ao Topo Ir em baixo
Ver perfil do usuário
JoaoBranco
Designer
Designer
avatar

Número de Mensagens : 796
Idade : 23
Localização : Alcobaça
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 7
Data de inscrição : 07/01/2009

Ficha Ninja
Nome do Shinobi: Pein
Stamina:
100/100  (100/100)
Elemento:

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 10:55

É IMPRESSAO MINHA OU VOCES ANDAM A RIPAR TUTURIAIS???????????
JÁ AKI VI UM (PELO MENOS) POSTADO PELO FILMALUCO QUE È RIPADO!!!!!!!

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário
\../.Zan£mux.\../
Sub-Admin
Sub-Admin
avatar

Número de Mensagens : 600
Idade : 23
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 24
Data de inscrição : 21/10/2008

Ficha Ninja
Nome do Shinobi:
Stamina:
100/100  (100/100)
Elemento:

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:07

Ripado?!
que queres dizer com isso?!

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário
KID
Admin
Admin
avatar

Número de Mensagens : 1272
Idade : 21
Localização : Portugal-Coimbra-Podentes
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 27
Data de inscrição : 25/09/2008

Ficha Ninja
Nome do Shinobi: Hatake Kakashi
Stamina:
100/100  (100/100)
Elemento: Katon

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:09

Ripado qual Question

_________________
Itachi

Eu sou o mau mau xD:


WOW
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://narutozone-pt.ativo-forum.com
JoaoBranco
Designer
Designer
avatar

Número de Mensagens : 796
Idade : 23
Localização : Alcobaça
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 7
Data de inscrição : 07/01/2009

Ficha Ninja
Nome do Shinobi: Pein
Stamina:
100/100  (100/100)
Elemento:

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:11

RIPADO É TIPO XEGAR A UM SITE COPIAR O TUTORIAL E METER AKI A DIZER QUE É NOSO!

Não fação isso por favor!!!!Isso é muito estupido!
A nao ser que vos deem autorização

MAS POR FAVOR NAO FAÇAO!!!!!!!!!!

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário
\../.Zan£mux.\../
Sub-Admin
Sub-Admin
avatar

Número de Mensagens : 600
Idade : 23
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 24
Data de inscrição : 21/10/2008

Ficha Ninja
Nome do Shinobi:
Stamina:
100/100  (100/100)
Elemento:

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:13

ahh, isso e q chamas de ripado?
ok ok

mas quando se faz isso devemos meter os creditos!!!
SEMPRE

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário
KID
Admin
Admin
avatar

Número de Mensagens : 1272
Idade : 21
Localização : Portugal-Coimbra-Podentes
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 27
Data de inscrição : 25/09/2008

Ficha Ninja
Nome do Shinobi: Hatake Kakashi
Stamina:
100/100  (100/100)
Elemento: Katon

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:15

Sim e diz qual é que ripei ja agora gostava de saber Question

_________________
Itachi

Eu sou o mau mau xD:


WOW
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://narutozone-pt.ativo-forum.com
JoaoBranco
Designer
Designer
avatar

Número de Mensagens : 796
Idade : 23
Localização : Alcobaça
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 7
Data de inscrição : 07/01/2009

Ficha Ninja
Nome do Shinobi: Pein
Stamina:
100/100  (100/100)
Elemento:

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:16

\../.Zan£mux.\../ escreveu:
ahh, isso e q chamas de ripado?
ok ok

mas quando se faz isso devemos meter os creditos!!!
SEMPRE

tipo isso nao basta devem sempre pedir autorização...
Se fosses tu como reagias se visses um tuto teu noutro site e a dizerem que era de outra pessoa e essa pessoa receber creditos por ti?
era muito mau decerteza!

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário
KID
Admin
Admin
avatar

Número de Mensagens : 1272
Idade : 21
Localização : Portugal-Coimbra-Podentes
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 27
Data de inscrição : 25/09/2008

Ficha Ninja
Nome do Shinobi: Hatake Kakashi
Stamina:
100/100  (100/100)
Elemento: Katon

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:16

Ja mo fizeram!

_________________
Itachi

Eu sou o mau mau xD:


WOW
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://narutozone-pt.ativo-forum.com
JoaoBranco
Designer
Designer
avatar

Número de Mensagens : 796
Idade : 23
Localização : Alcobaça
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 7
Data de inscrição : 07/01/2009

Ficha Ninja
Nome do Shinobi: Pein
Stamina:
100/100  (100/100)
Elemento:

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:19

Filmaluco escreveu:
Ja mo fizeram!
Pois e acredito que nao gostaste... por isso peço que ninguem o faça aqui POR FAVOR!

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário
\../.Zan£mux.\../
Sub-Admin
Sub-Admin
avatar

Número de Mensagens : 600
Idade : 23
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 24
Data de inscrição : 21/10/2008

Ficha Ninja
Nome do Shinobi:
Stamina:
100/100  (100/100)
Elemento:

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:19

filipe la por terem feito ati nao quer dizer que vais fazer o mesmo!

JBranco, se nao temos contacto com a pessoa, mais vale respeitar que foi ele que fez, metendo os creditos, do que dizer que e nsso!

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário
KID
Admin
Admin
avatar

Número de Mensagens : 1272
Idade : 21
Localização : Portugal-Coimbra-Podentes
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 27
Data de inscrição : 25/09/2008

Ficha Ninja
Nome do Shinobi: Hatake Kakashi
Stamina:
100/100  (100/100)
Elemento: Katon

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:20

EU N FIZ!

_________________
Itachi

Eu sou o mau mau xD:


WOW
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://narutozone-pt.ativo-forum.com
\../.Zan£mux.\../
Sub-Admin
Sub-Admin
avatar

Número de Mensagens : 600
Idade : 23
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 24
Data de inscrição : 21/10/2008

Ficha Ninja
Nome do Shinobi:
Stamina:
100/100  (100/100)
Elemento:

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:22


_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário
KID
Admin
Admin
avatar

Número de Mensagens : 1272
Idade : 21
Localização : Portugal-Coimbra-Podentes
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 27
Data de inscrição : 25/09/2008

Ficha Ninja
Nome do Shinobi: Hatake Kakashi
Stamina:
100/100  (100/100)
Elemento: Katon

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:24

Não tem creditos mas n diise que fui que fiz e se repares n apaguei o nome dele no da userbar nem o do reflexo logo não é R.I.P.

_________________
Itachi

Eu sou o mau mau xD:


WOW
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://narutozone-pt.ativo-forum.com
\../.Zan£mux.\../
Sub-Admin
Sub-Admin
avatar

Número de Mensagens : 600
Idade : 23
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 24
Data de inscrição : 21/10/2008

Ficha Ninja
Nome do Shinobi:
Stamina:
100/100  (100/100)
Elemento:

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Sex 09 Jan 2009, 12:26

ok ok,
e nos outros?



Ok, deixemos de discuçoes...
Ja esta ja esta...
Tem la ok tudo bem..
mas para a proxima nao se esquecam!

CUMPZ

_________________
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Uchiha Itachi
Akatsuki
Akatsuki
avatar

Número de Mensagens : 206
Idade : 26
Localização : Vila Oculta do Som (Renegado)
Cumprimento das Regras :
100 / 100100 / 100

Reputação : 6
Data de inscrição : 17/04/2009

Ficha Ninja
Nome do Shinobi: Uchiha Itachi
Stamina:
100/100  (100/100)
Elemento: Katon

MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   Qua 24 Jun 2009, 05:14

ta fixe mas o meu photoshop...
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Conteúdo patrocinado




MensagemAssunto: Re: [Tutorial]Como fazer um gif animado com Photoshop   

Voltar ao Topo Ir em baixo
 
[Tutorial]Como fazer um gif animado com Photoshop
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Como fazer ranhuras no plástico e/ou madeira
» Como fazer Wet Pallete?
» Tutorial, como potar vídeos a partir do youtube !
» COMO FAZER PEÇAS PLANAS RÁPIDAS COM MASSINHA DE MODELAR.
» Posto texaco antigo 2, 1/64 cef, com nova técnica.

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
Naruto Zone PT :: Design :: Tutoriais-
Ir para: