Tutorial capa com gif em imagens
Poderia ter sido um tutorial em vídeo, sim, poderia, mas eu não tenho aplicativo disso no meu notebook, então fiz o tutorial usando o famoso print e acredito que dê para entender. Caso fique muito confuso, me digam, porque ai eu tento baixar algo pra fazer um vídeo. Vamos começar então.
O primeiro passo é você já ter a base da sua capa totalmente montada, inclusive já idealize onde você vai colocar o gif. Ah, super importante, escolham o gif antes de fazer a capa tá?!
Aqui está a base da minha capa pronta.
Antes que fiquem confusos porque tem print da yeri cinza e outros dela colorida, é que tirei print com efeitos diferentes. Mas isso não muda o conteudo que quero passar.
Feito isso, vou abrir o gif que eu quero usar na capa. O meu gif tem 4 camadas, ou seja, as camadas são o movimento que o gif vai fazer. Quanto mais camadas, maior é o gif.
Agora vocês vão selecionar todas as camadas do gif de vocês. Clicando em SHIFT, no teclado do dispositivo de que vocês estão usando, e na ultima imagem do gif, vocês selecionam todas as camadas ao mesmo tempo.
Feito isso, vocês vão arrastar as camadas para cima da capa que estão fazendo. Igual eu fiz no print.
Depois que fizerem isso,as camadas do gif serão colocadas na capa, conforme a minha imagem mostra.
Agora vocês vão posicionar as camas do tamanho que quiserem, no meu caso esse tamanho está ótimo. Depois disso, vocês podem estar mexendo na opção que eu chamo de “efeito da camada”, porque não sei como é o real nome. Escolham a opção que mais fica legal para a capa de vocês. Para usar essa opção tem duas formas, ou você faz camada por camada ou coloca todas as camadas visíveis e escolhe a opção que quer. Quem não entendeu o que eu quero dizer é, na imagem acima tem um olhinho aberto e os quadradinhos fechados. Coloque todos os olhinhos aberto.
Aqui deu pra ver o que eu estava falando no trecho acima. Feito isso, criem uma pasta e coloque as camadas do gif dentro, igual a imagem a seguir. Até ensinei como faz, é só seguir o meu desenho do numeo 1 e 2.
Depois disso, desmarque o olhinho de todas as camadas, só deixando a primeira imagem do gif visível. Fiz no na minha capa para verem.
Agora vocês vão na opção janela do photoshop e seleciona a opção linha do tempo.
Feito isso, vai aparecer um retângulo confuso, e ai vocês cliquem onde tem três quadrados.
Vai aparecer uma tela nova com a imagem da capa e tal, como na imagem abaixo.
Feito isso, vocês iram começar a moldar o gif que escolheram. Mas como faz isso? Iram nesse desenho do que parece ser várias listras e clicar nela. Depois selecionar a opção “novo quadro”.
Feito isso, você terá criado um novo quadro e é ai que você vai montar o gif na capa. Você agora terá dois quadros, mas para o gif funcionar, em cada quadro uma imagem deve ser marcada e outra desmarcada. Na imagem vocês entenderam o que eu quero dizer.
No quadro 1, só a primeira imagem está visível, no segundo quadro só a segunda imagem está visível e assim por diante. Se o seu gif tem 10 camadas, você tem que fazer isso em dez quadros. Vamos lá:
Quadro 1: camada 1 visível
Quadro 2: camada 2 visível e a 1 desmarcada
Quadro 3: camada 3 visível e as outras desmarcadas.
E assim por diante. O NUMERO DE CAMADAS É O NUMERO DE QUADROS, TEM QUE SER EQUIVALENTE.
Depois de fazerem isso, é hora de colocar duração no tempo do gif, se é mais rápido ou devagar. Selecione todos os quadros juntos para pode mudar tudo de uma vez. Você deve selecionar essa seta pra poder mudar o tempo.
Ai vai aparecer uma telinha com tempos diferentes. Quanto menor os segundos, mais rápido é o gif. No meu caso eu selecionei 0,1 segundos, mas você pode selecionar o quanto quiser, seja pelas configurações que o photoshop oferece ou criar a sua própria configuração na opção “outro”.
SUPER IMPIRTANTE AQUI, se você quer que o gif fique rodando sem parar nunca, deve estar na configuração “sempre”. Mas tem as opções de rodarem só uma vez, duas, três e por ai vai (caso queira, por exemplo, ser só 5 vezes, mude isso na opção “outro”).
Depois que fizer isso tudo, clique nesse botão onde é um play e veja se o gif funcionou.
Se rodou legal, já está pronto para salvar. Vamos na opção arquivo, clicar na configuração “exportar”. Feito isso, selecione a opção “salvar para web.”
Vai aparecer a seguinte tela.
Cliquem em salvar e escolham uma pasta para salvar a capa de vocês.
Feito isso, está pronto e salva. Entrem na galeria de vocês para ver o resultado final.
Para salvar a capa em psd é fazer normal mesmo, indo nas opções salvar como e colocando na pasta desejada.
Aqui está minha capa feita:
Qualquer dúvida, deixem ai os comentários que eu vou estar respondendo :)
Espero que tenham entendido tudinho, mas caso não, vou deixar aqui o link video de onde eu aprendi a colocar gif em capa.
prguitarman
gracieabrams
vaporwave
origamiaround
dailybridgerton
gummygunk
