Viciados BR
Olá bem vindo a o Viciados BR

Se você ainda não e membro Cadastre-se Agora
Ou se você já é membro, Logue-se .
e veja nosso Conteúdo.
Pois conteúdo aqui é o que não falta !
Painel de Usuário
Convidado
Mensagens: 0


Alterar
Ver
Tópicos e mensagens

Contador de Visitas

Como fazer Gif Animado Com Photoshop

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

Como fazer Gif Animado Com Photoshop

Mensagem por Smolk em Qua Fev 02, 2011 8:51 am

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.
avatar
Smolk
Administrador
Administrador

Post Post : 413
Reputação Reputação : 25
Data de Inscriçao Data de Inscriçao : 22/11/2010
Localização : No pc

Ver perfil do usuário http://www.neet-forum.com

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por - Goooglee em Qua Fev 02, 2011 8:53 am

Excelente tutorial, isso nem eu sabia kkkkkkk
avatar
- Goooglee
Membro de Bronze
Membro de Bronze

Post Post : 458
Reputação Reputação : 4
Data de Inscriçao Data de Inscriçao : 31/01/2011
Idade : 21

Ver perfil do usuário http://equipetenso.co.nr

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por Smolk em Qua Fev 02, 2011 8:56 am

KKK Wink
obrigado estou aqui pra ensinar
avatar
Smolk
Administrador
Administrador

Post Post : 413
Reputação Reputação : 25
Data de Inscriçao Data de Inscriçao : 22/11/2010
Localização : No pc

Ver perfil do usuário http://www.neet-forum.com

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por - Goooglee em Qua Fev 02, 2011 8:58 am

É isso ai love, seus tutoriais exclarecem tudo *-*
avatar
- Goooglee
Membro de Bronze
Membro de Bronze

Post Post : 458
Reputação Reputação : 4
Data de Inscriçao Data de Inscriçao : 31/01/2011
Idade : 21

Ver perfil do usuário http://equipetenso.co.nr

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por Smolk em Qua Fev 02, 2011 8:59 am

Obrigado Wink vou continuar assim
avatar
Smolk
Administrador
Administrador

Post Post : 413
Reputação Reputação : 25
Data de Inscriçao Data de Inscriçao : 22/11/2010
Localização : No pc

Ver perfil do usuário http://www.neet-forum.com

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por - Goooglee em Qua Fev 02, 2011 9:02 am

Espero que continue, quero que você seja um grande designer *-*
avatar
- Goooglee
Membro de Bronze
Membro de Bronze

Post Post : 458
Reputação Reputação : 4
Data de Inscriçao Data de Inscriçao : 31/01/2011
Idade : 21

Ver perfil do usuário http://equipetenso.co.nr

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por Smolk em Qua Fev 02, 2011 9:05 am

Obrigado Concerteza nao irei Desisti
avatar
Smolk
Administrador
Administrador

Post Post : 413
Reputação Reputação : 25
Data de Inscriçao Data de Inscriçao : 22/11/2010
Localização : No pc

Ver perfil do usuário http://www.neet-forum.com

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por - Goooglee em Qua Fev 02, 2011 9:06 am

Ótimo, então vou ficar de olho para ver se vc realmente se esforça eim Wink
avatar
- Goooglee
Membro de Bronze
Membro de Bronze

Post Post : 458
Reputação Reputação : 4
Data de Inscriçao Data de Inscriçao : 31/01/2011
Idade : 21

Ver perfil do usuário http://equipetenso.co.nr

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por deilaa em Qui Fev 03, 2011 4:57 pm

Nossa gostei muito,sempre quis fazer mas nunca ninguem sabia.

Valeu por postar ^^
avatar
deilaa
Membro Avançado
Membro Avançado

Post Post : 129
Reputação Reputação : 3
Data de Inscriçao Data de Inscriçao : 03/02/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por - Goooglee em Qui Fev 03, 2011 6:12 pm

realmente é algo bem dificil de pessoas saberem, mais ja que love fez um R.I.P para nos ensinar nos amamos ele *-*
avatar
- Goooglee
Membro de Bronze
Membro de Bronze

Post Post : 458
Reputação Reputação : 4
Data de Inscriçao Data de Inscriçao : 31/01/2011
Idade : 21

Ver perfil do usuário http://equipetenso.co.nr

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por *~ Sherek ~* em Sex Fev 04, 2011 11:33 am

muito bom e muito dificil também.
avatar
*~ Sherek ~*
Membro Novato
Membro Novato

Post Post : 7
Reputação Reputação : 0
Data de Inscriçao Data de Inscriçao : 04/02/2011
Idade : 29

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por RedDragon em Dom Fev 13, 2011 7:30 am

to com Muita Prequisa e grande isso Surprised
avatar
RedDragon
Membro de Bronze
Membro de Bronze

Post Post : 264
Reputação Reputação : -7
Data de Inscriçao Data de Inscriçao : 31/01/2011
Idade : 25
Localização : No Net Forum :)

Ver perfil do usuário http://viciadosbrasil.forumfacil.net

Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

Mensagem por Convidad em Dom Out 09, 2011 12:31 am



Fórum Hackeado !!!


By: Haking//USA [ WWW.WEBHACKE.NET]

Convidad
Convidado


Voltar ao Topo Ir em baixo

Re: Como fazer Gif Animado Com Photoshop

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