Tutorial: Fazendo gifs!

[Lucas]

Antes de tudo: Gente, o tutorial ficou grande, e eu vou postar em mais de um post, então esperem eu terminar ok? *O*

[b]Tutorial Heaven - Gifs![/b]

Bom, eu conheço 2 modos de fazer gifs, pelo photoshop e por programas feitos apenas pra isso, que na minha opinião, é mais simples!
Neste tutorial eu vou ensinar como fazer pelo Photoshop!

[b]Mas Lucas, porque ensinar pelo Photoshop se não é o mais fácil?[/b]
Porque caso você queria colocar tag, cortar ou colocar efeitos no gif não precisa salvar e depois abrir no Photoshop de novo, já vai estar lá, pronto para edição!

Let's Go!

[b]Antes de tudo, você precisa ter o "Quick Time PLayer" pra poder executar o video e selecionar os frames![/b]
>>[url="http://quicktime.softonic.com.br/download"]Aqui está o link pra baixa-lo![/url]<<

[b]Depois de devidamente baixado e instalado, vamos á escolha do video![/b]

1.é recomendável baixar videos em HD 720p ou 1080p pra ter uma qualidade melhor pro gif, eu como só faço gifs de clipes, baixo todos direto do Youtube pelo "aTube Catcher", eu gosto dele porque também posso converter videos que eu já tinha no computador e porque ele é rápido!
>>[url="http://www.baixaki.com.br/download/atube-catcher.htm"]Aqui está o link para baixa-lo![/url]<<

2.Uma coisa importante é o formato do seu vídeo, no meu computador só é possivel fazer gifs de videos em mpeg, mas isso vai do computador, o seu pode rodar em avi, mp4 e etc... o meu não roda ):

[b]Escolhido o vídeo, vamos á escolha dos frames![/b]

1. é mais interessante que você já tenha em mente a parte do video que quer transformar em gif, só pra facilitar mesmo, caso não tenha ok, pode escolher na hora também ^^

2. Aberto o Photoshop, vá em "File > Import > Video Frames to Layers..."
[img]https://lh3.googleusercontent.com/-jeCx6D-Mfbo/T1VRfCJJKrI/AAAAAAAAAns/u0W3ILwnu5Y/s500/01.jpg[/img]

3. Abra o vídeo escolhido!
[img]https://lh6.googleusercontent.com/-MtOH-Jo8wyg/T1VRxYT3q4I/AAAAAAAAAoE/X1edMre__yc/s500/02.jpg[/img]
4. Vai abrir uma janela como esta da imagem abaixo \/ certifique-se de que as opções "Selected Range Only" "Limit To Every __ Frames (sempre deixe '2' na caixa em branco)" e "Make Frame Animation" estjam selecionadas!
[img]https://lh3.googleusercontent.com/-SL4lUs6W-Po/T1VRvxFeB9I/AAAAAAAAAn8/p39soq7xMM8/s640/03.jpg[/img]

5. Agora para selecionar os frames não é complicado de fazer, mas sim de explicar, vou fazer meu máximo!
5.1 . Dê play no vídeo!
5.2 . Quando chegar no frame que você quer pressione telca "Shift" e segure até o fim do frame que você deseja, solte o "Shift"
5.3 . Quando você estiver segurando, você vai reparar que a linha de tempo que você selecionou ficou mais escura! Ai é só apertar "Ok" e esperar o Photoshop fazer os frames!
[img]https://lh5.googleusercontent.com/-pqNKtflZoxc/T1VRvqG1AkI/AAAAAAAAAn0/6y3p7j94nG8/s640/04.jpg[/img]
5.3.1 . Caso o seu computadro seja bugado como o meu, você vai precisar PAUSAR o video no começo dos frames que você deseja, apertar o shift e com ele pressionado dar "play", depois é normal!

6. Vão abrir todos os frames bonitinhos nas suas layers, certifique-se de que a parte que está selecionada na imagem esteja aparecendo, caso não estaj, vá em "Window > Animation"
[img]https://lh6.googleusercontent.com/-fKuMQf8Dgho/T1VR58VFISI/AAAAAAAAAoM/DGY1KpOI2yo/s640/05.jpg[/img]

7. Agora vamos retirar os frames indesejados! primeiro, selecione as layers que estão os frames que você não quer mais e aperte "Delete" no seu teclado!

[img]https://lh5.googleusercontent.com/-Kg9KS4bwNVo/T1VR9C0LLWI/AAAAAAAAAoU/9Wx3C-uhnfA/s640/06%25281%2529.jpg[/img]

7.1 repare que os frames referentes as layers 1,2,3 e 4 ficam em branco e selecionea-as!

[img]https://lh3.googleusercontent.com/--2N-oFsVfEc/T1VSA-9urCI/AAAAAAAAAoc/sTDPsbgvQN0/s640/06%25282%2529.jpg[/img]

7.2 Clique na lixeira que tem ao lado da barra de rolagem dos frames para deletá-los!

[img]https://lh6.googleusercontent.com/-2FVdIpS5_sY/T1VSHyx1SbI/AAAAAAAAAos/J6DQtSAXspY/s640/06%25283%2529.jpg[/img]

Por favor, esperem eu postar a segunda parte <3

[Lucas]

[b]Escolhido os frames, vamos arrumar o tempo do gif![/b]

1. Selecione todos os frames da aba "Animation" ©
[img]https://lh6.googleusercontent.com/-cxDf2luBz2Q/T1VSKM1E2CI/AAAAAAAAAo0/DMvzoWHrQLI/s640/07%25281%2529.jpg[/img]

2. Clique sobre o tempo de qualquer um dos frames e selecione "Others"
[img]https://lh4.googleusercontent.com/-G8ymqjqR9VE/T1VSHd0FVRI/AAAAAAAAAok/RGLHeGyJuV0/s640/07%25282%2529.jpg[/img]

3. Mude o tempo do seu gif na janela que vai abrir, no caso, foi "0,11" e aperte "Ok"
[img]https://lh3.googleusercontent.com/-X-bOLXJkybA/T1VSMNA1--I/AAAAAAAAAo8/1h_ew0ySEyI/s640/07%25283%2529.jpg[/img]

ainda tem mais -q

[Lucas]

Tempo arrumado, vamos cortar as faixas, caso seu video não tenha faixas, pule para a próxima etapa!

1. Selecione todos os frames e todas a layers!
[img]https://lh5.googleusercontent.com/-jbjLyYDQb9A/T1VSW8JA4lI/AAAAAAAAApE/2g6RVqmIxUQ/s640/08%25281%2529.jpg[/img]

2. Selecione a ferramenta "Crop Tool" e selecione a área que vai FICAR no gif!
[img]https://lh5.googleusercontent.com/-n9y0Q8jLagE/T1VSZnxB4gI/AAAAAAAAApM/5PD945Qhtzc/s640/08%25282%2529.jpg[/img]

3. Clique dentro desta área com o botão direito e selecione "Crop"
[img]https://lh5.googleusercontent.com/-MaWpKq1ev8U/T1VSZ020vRI/AAAAAAAAApU/tRsI54SpO_Q/s640/08%25283%2529.jpg[/img]

+

[Lucas]

[b]Faixas cortadas, seu gif está pronto, agora é só você enfeitar ele, no caso vou apenas por uma tag nele e diminuir o tamanho ^^[/b]

1. Certifique-se de que todos os FRAMES estejam selecionados!
2. Selecione a primeira layer, lá no topo da aba "Layers" e selecione a ferramente "Horizontal Type Tool"
3. Escreva o configure o que quiser, do jeito que quiser, o caso escrevi "TUTORIAL HEAVEN" e coloquei o efeito "Outer Glow"
[img]https://lh5.googleusercontent.com/-KqlVePMMVgk/T1VSlE6Hm-I/AAAAAAAAApk/FK4ytg9Frzw/s640/09.jpg[/img]

4. Para diminuir o tamanho dele selecione todos os frames e layers e vá em "Image > Image Size"
5. Na janela que se abre mude apenas o valor da caixa "Width" que a outra mudará sozinha, no caso mudei para 500.
6. Não se preocupe se seu gif ficar muito pequeno, selecione a ferramenta "Hand Tool" e aperte em "Actual Pixels" como mostra na figura!
[img]https://lh6.googleusercontent.com/-XM0RCXMf-bY/T1VSgY-vuxI/AAAAAAAAApc/fE3MCtRe6co/s640/09%25281%2529.jpg[/img]

++

[Lucas]

[b]Seu gif pronto, com tag colocada / enfeitado, vamos salvar![/b]

1. Vá em "File > Save for Web & Devices"
[img]https://lh6.googleusercontent.com/-TcaiJiZt7FU/T1VSnorumEI/AAAAAAAAAp8/-UA8Ca0tXnY/s512/10.jpg[/img]

2. Na janela que abriu apenas clique em "Save"
[img]https://lh6.googleusercontent.com/-5Qq-6hhXF7c/T1VSlu1SWLI/AAAAAAAAAps/rA0rSnWU55A/s640/10%25281%2529.JPG[/img]

3. Escilha onde você quer salvar!
[img]https://lh5.googleusercontent.com/-Amhh455lsqw/T1VSm5CMkLI/AAAAAAAAAp0/iOzFhKVZpKg/s640/10%25282%2529.JPG[/img]


[b]Pronto, aqui está seu gif [img]http://www.britneyspears.com.br/forum//public/style_emoticons/default/biggrin.png[/img][/b]

[img]https://lh5.googleusercontent.com/-l4sohx4CmHo/T1VS9Bh3EMI/AAAAAAAAAqE/xHNiDUYNjFo/s500/iwg-tuto-heaven.gif[/img]

É importante que você salve o projeto desse gif, caso precise mudar alguma coisa, tipo o tempo.

[b]Importante: qualquer tipo de efeito, escrita e enfeites feitos no gif, todos os frames devem estar selecionados! [/b]

Espero ter ajudado ^^

[HotAsIce]

Merece um Oscar cara [img]http://www.britneyspears.com.br/forum//public/style_emoticons/default/134.gif[/img]

[Marck Felipe]

Ficou perfeito! Sério, muito bom. Vou tentar fazer signs pra mim agora, ajudou demais! \o *-*

[Lucas]

Amanha postarei outro de como fazer sem ser pelo Photoshop ^^

[Marck Felipe]

[quote name='HotAsIce' timestamp='1330993686' post='22999']
Merece um Oscar cara [img]http://www.britneyspears.com.br/forum//public/style_emoticons/default/134.gif[/img]
[/quote]
[color=#ffff00]e um Grammy[/color]

[Lucas]

Que bom que gostaram, deu trabalho KKKKKKKKKKKKKKKK' D: