| [Tutorial]Como fazer um gif animado com Photoshop | |
|
|
Autor | Mensagem |
---|
Zehanort Gennin
Número de Mensagens : 34 Idade : 25 Cumprimento das Regras : Reputação : 1 Data de inscrição : 06/01/2009
Ficha Ninja Nome do Shinobi: Deidara Stamina: (100/100) Elemento: Katon
| Assunto: [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. | |
|
| |
uchiha-sasuke Jounnin
Número de Mensagens : 135 Idade : 29 Cumprimento das Regras : Reputação : 0 Data de inscrição : 29/12/2008
Ficha Ninja Nome do Shinobi: uchiha obito Stamina: (100/100) Elemento: Katon
| Assunto: Re: [Tutorial]Como fazer um gif animado com Photoshop Qui 08 Jan 2009, 07:53 | |
| vo testaa........posto os resultados | |
|
| |
\../.Zan£mux.\../ Sub-Admin
Número de Mensagens : 600 Idade : 31 Cumprimento das Regras : Reputação : 24 Data de inscrição : 21/10/2008
Ficha Ninja Nome do Shinobi: Stamina: (100/100) Elemento:
| Assunto: 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 Cumpz | |
|
| |
uchiha-sasuke Jounnin
Número de Mensagens : 135 Idade : 29 Cumprimento das Regras : Reputação : 0 Data de inscrição : 29/12/2008
Ficha Ninja Nome do Shinobi: uchiha obito Stamina: (100/100) Elemento: Katon
| Assunto: Re: [Tutorial]Como fazer um gif animado com Photoshop Sex 09 Jan 2009, 08:01 | |
| | |
|
| |
JoaoBranco Designer
Número de Mensagens : 796 Idade : 30 Localização : Alcobaça Cumprimento das Regras : Reputação : 7 Data de inscrição : 07/01/2009
Ficha Ninja Nome do Shinobi: Pein Stamina: (100/100) Elemento:
| Assunto: 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!!!!!!! | |
|
| |
\../.Zan£mux.\../ Sub-Admin
Número de Mensagens : 600 Idade : 31 Cumprimento das Regras : Reputação : 24 Data de inscrição : 21/10/2008
Ficha Ninja Nome do Shinobi: Stamina: (100/100) Elemento:
| Assunto: Re: [Tutorial]Como fazer um gif animado com Photoshop Sex 09 Jan 2009, 12:07 | |
| Ripado?! que queres dizer com isso?! | |
|
| |
KID Admin
Número de Mensagens : 1272 Idade : 28 Localização : Portugal-Coimbra-Podentes Cumprimento das Regras : Reputação : 27 Data de inscrição : 25/09/2008
Ficha Ninja Nome do Shinobi: Hatake Kakashi Stamina: (100/100) Elemento: Katon
| Assunto: Re: [Tutorial]Como fazer um gif animado com Photoshop Sex 09 Jan 2009, 12:09 | |
| Ripado qual | |
|
| |
JoaoBranco Designer
Número de Mensagens : 796 Idade : 30 Localização : Alcobaça Cumprimento das Regras : Reputação : 7 Data de inscrição : 07/01/2009
Ficha Ninja Nome do Shinobi: Pein Stamina: (100/100) Elemento:
| Assunto: 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!!!!!!!!!! | |
|
| |
\../.Zan£mux.\../ Sub-Admin
Número de Mensagens : 600 Idade : 31 Cumprimento das Regras : Reputação : 24 Data de inscrição : 21/10/2008
Ficha Ninja Nome do Shinobi: Stamina: (100/100) Elemento:
| Assunto: 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 | |
|
| |
KID Admin
Número de Mensagens : 1272 Idade : 28 Localização : Portugal-Coimbra-Podentes Cumprimento das Regras : Reputação : 27 Data de inscrição : 25/09/2008
Ficha Ninja Nome do Shinobi: Hatake Kakashi Stamina: (100/100) Elemento: Katon
| Assunto: 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 | |
|
| |
JoaoBranco Designer
Número de Mensagens : 796 Idade : 30 Localização : Alcobaça Cumprimento das Regras : Reputação : 7 Data de inscrição : 07/01/2009
Ficha Ninja Nome do Shinobi: Pein Stamina: (100/100) Elemento:
| Assunto: 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! | |
|
| |
KID Admin
Número de Mensagens : 1272 Idade : 28 Localização : Portugal-Coimbra-Podentes Cumprimento das Regras : Reputação : 27 Data de inscrição : 25/09/2008
Ficha Ninja Nome do Shinobi: Hatake Kakashi Stamina: (100/100) Elemento: Katon
| Assunto: Re: [Tutorial]Como fazer um gif animado com Photoshop Sex 09 Jan 2009, 12:16 | |
| | |
|
| |
JoaoBranco Designer
Número de Mensagens : 796 Idade : 30 Localização : Alcobaça Cumprimento das Regras : Reputação : 7 Data de inscrição : 07/01/2009
Ficha Ninja Nome do Shinobi: Pein Stamina: (100/100) Elemento:
| Assunto: 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! | |
|
| |
\../.Zan£mux.\../ Sub-Admin
Número de Mensagens : 600 Idade : 31 Cumprimento das Regras : Reputação : 24 Data de inscrição : 21/10/2008
Ficha Ninja Nome do Shinobi: Stamina: (100/100) Elemento:
| Assunto: 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! | |
|
| |
KID Admin
Número de Mensagens : 1272 Idade : 28 Localização : Portugal-Coimbra-Podentes Cumprimento das Regras : Reputação : 27 Data de inscrição : 25/09/2008
Ficha Ninja Nome do Shinobi: Hatake Kakashi Stamina: (100/100) Elemento: Katon
| Assunto: Re: [Tutorial]Como fazer um gif animado com Photoshop Sex 09 Jan 2009, 12:20 | |
| | |
|
| |
\../.Zan£mux.\../ Sub-Admin
Número de Mensagens : 600 Idade : 31 Cumprimento das Regras : Reputação : 24 Data de inscrição : 21/10/2008
Ficha Ninja Nome do Shinobi: Stamina: (100/100) Elemento:
| Assunto: Re: [Tutorial]Como fazer um gif animado com Photoshop Sex 09 Jan 2009, 12:22 | |
| | |
|
| |
KID Admin
Número de Mensagens : 1272 Idade : 28 Localização : Portugal-Coimbra-Podentes Cumprimento das Regras : Reputação : 27 Data de inscrição : 25/09/2008
Ficha Ninja Nome do Shinobi: Hatake Kakashi Stamina: (100/100) Elemento: Katon
| Assunto: 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. | |
|
| |
\../.Zan£mux.\../ Sub-Admin
Número de Mensagens : 600 Idade : 31 Cumprimento das Regras : Reputação : 24 Data de inscrição : 21/10/2008
Ficha Ninja Nome do Shinobi: Stamina: (100/100) Elemento:
| Assunto: 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 | |
|
| |
Uchiha Itachi Akatsuki
Número de Mensagens : 206 Idade : 33 Localização : Vila Oculta do Som (Renegado) Cumprimento das Regras : Reputação : 6 Data de inscrição : 17/04/2009
Ficha Ninja Nome do Shinobi: Uchiha Itachi Stamina: (100/100) Elemento: Katon
| Assunto: Re: [Tutorial]Como fazer um gif animado com Photoshop Qua 24 Jun 2009, 05:14 | |
| ta fixe mas o meu photoshop... | |
|
| |
Conteúdo patrocinado
| Assunto: Re: [Tutorial]Como fazer um gif animado com Photoshop | |
| |
|
| |
| [Tutorial]Como fazer um gif animado com Photoshop | |
|