Tumblr criado para postagem de tutoriais, video-aulas e etc. Espero que gostem, sempre que seguir algum de meus tutoriais dê like por favor. Grata.
theme por nee-d, base por stupefys, com alguns detalhes retirados de im-mutable e mnkslut. não retire os créditos.

About/Bannerfile com Gif 

Resultado: Aqui
Programa Usado: ImageReady

Bem, neste tutorial vamos apenas aprender como colocar o Gif no about, mas caso queira aprender a fazer um about, o tutorial do mesmo será postado. Após finalizar seu about no Photoshop, abra seu ImageReady. Não se esqueça de criar uma “caixinha” com uma cor diferente das que usou no about, deixe a caixinha média, nem muito alta, nem muito baixa.
Vá em File > Open e abra o seu about e gif desejados, selecione a “aba” do gif primeiramente, feito isso selecione todas as Layers do Gif, tanto na parte de animação (animation), quanto na parte de Camadas (Layers). Como mostra aqui.
Feito isso agora vamos puxar o gif para o about, com todas as camadas selecionadas use a ferramenta mover, podendo assim puxar o gif completo para seu about.

Após ter feito isso, vamos duplicar o fundo do seu about, com o lado direito do mouse vá até a Layer 1 (about) e clique na opção duplicate Layer. Agora com o mouse puxe essa camada até a parte superior das layers. Feito isso, selecione a ferramenta borracha e clique sobre a parte “interior” da caixinha onde o gif será colocado. Observe o print.
Agora iremos diminuir o Gif, selecione apenas as camadas do gif e dê Ctrl + T. Vá diminuindo á seu gosto, e quando terminar esta etapa aperte enter.


Chegamos a etapa da qual eu considero a mais complicada talvez, iremos “reconstruir” o gif. Selecione a Layer 1 do Gif, deixando o olhinho somente nela e nas camadas Layer 1 (fundo), Layer 1 (gif) e Layer 1 copy (fundo também). No quadro animation (animação), selecione 0.1 seconds. Agora clique nesse ícone que parece uma folhinha, ele serve para duplicar as camadas do quadro animation. Feito isso, agora vamos de-selecionar a Layer 1 do gif e mudar para a 2, para que o gif possa ter movimento, é preciso ir selecionando da seguinte forma: Layer 1 (quadro um no quadrinho de animação), Layer 2 (quadro dois no quadrinho de animação) e assim sucessivamente, jamais deixando o “olhinho” em duas camadas do gif, você duplica e seleciona a camada correspondente.

Terminando esta etapa, iremos agora salvar seu about com gif. Caso você não tenha em aberto a aba de Optimize, vá em Window > Optimize. E mude a opção PNG-24 para GIF. Como mostra neste print
Agora vá em File > Save Optimized As…, dê nome ao seu about com gif dê ok. Espero que tenham entendido, em caso de dúvidas é só dizer.

Se gostou do tutorial não se esqueça de elogiar na ask ou dê like se assim preferir.