segunda-feira, 25 de julho de 2011

Como fazer um gif animado de vídeo do Youtube

Aprenda a criar um GIF animado com vídeo do YouTube, você vai poder fazer emoticoms animados com vídeos!
Você já quis fazer um GIF animado com vídeo do Youtube mas provavelmente não sabia como, não é mesmo? Pois bem, essa é uma tarefa muito fácil com um novo site que apareceu recentemente na internet – pelo menos eu não conhecia. Agora você vai poder esfregar na cara daquele seu amigo do MSN que sempre tinha os melhores emoticom de vídeos e nunca queria te ensinar.
O site se chama GifSoup e faz online gifs animados com vídeos do Youtube e o melhor: inteiramente grátis, e se você não souber um vídeo na hora, você pode conferir a galeria do site, com vários vídeos – em diversas categorias – já convertidos para GIF animado, e aí é só correr pro MSN e adicionar como emoticom. Fácil, não é mesmo?
Para acessar o GifSoup.com é só clicar aqui:D

---------------------------------------

Um recurso muito legal que tem aparecido em diversos fóruns da internet
principalmente nos foruns de imagens engraçadas do Orkut, são os Gifs animados 
feitos de videos.

Fazer seu próprio Gif animado a partir de Videos é muito mais simples do que se imagina. 
Você apenas vai precisar de alguns programas:

 - Atube Catcher - Para baixar videos dossites ( inclusive youtube ) e depois converter 
o vídeo para se criar o Gif.  Baixe o Atube Catcher aqui.

- Windows Movie Marker - Já vem nos PCs ( Windows ), pois é um programa 
padrão do Windows . Basta procurar no Menu Iniciar > Todos os programas > 
Windows Movie Marker. Usaremos o WMM para poder cortar as partes indesejadas. 
Fácil e simples de usar.

- Ulead GIF Animator 5 - Programa para Criar os Gifs animados, arquivos AVI, 
Quick Time e mais arquivos para utilizar na Internet. É o melhor em sua categoria. 
Mas é Trial, ou seja, apenas gratuito por 30 dias. E daí? Depois de vencer é só 
deletar e colocar novamente - Baixe o Ulead GIF Animator 5 aqui. 
------------------------------------------------------- 


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. 


Imagem das camadas criadas para fazer a animação


Botão para passar entre Photoshop e Image ReadyUma 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.


Janela de animação de Image Ready


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.


Escolher o tempo de cada fotograma


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.

Janela para otimizar a imagem

Selecionar o modo de visualização do documento


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.

GIF animado resultado do exercício



Nenhum comentário:

Postar um comentário