Ir para conteúdo

[Tutorial] Como criar GIF/BANNER


Ameericano_

Posts Recomendados

AGk44x4.gif

Olá, tutorial para criar GIF\Banner, e parar de kibar os coleguinhas.

Yytn0r5.png

 

 

Arquivos necessario.

 

 

Photoshop CS6 e Actions

 

 

Yytn0r5.png

 

1°- Crie um novo arquivo no seu PhotoShop, do tamanho que desejar, porém recomendo 400x200

 

http://i.imgur.com/dltJBtk.png

 

Yytn0r5.png

 

2°- Pinte o fundo com a cor do fórum, no caso do World, será ''181818''

 

https://image.prntscr.com/image/zldqJRbLS-G1GZjgh-uikg.png

 

Yytn0r5.png

 

3°- Crie uma nova camada de texto, clicando no ícone ''XrDIbsgMQi6XidEh6GEvkg.png'' e em seguida, escreva seu texto

 

http://i.imgur.com/jJ7yc0B.png

(Cor diferente apenas para demonstração, a sua ira ficar com a cor do fórum)

 

Yytn0r5.png

 

4°- Agora vamos começar com a parte de efeitos, abra as seguintes abas no seu PhotoShop

 

Janela

https://image.prntscr.com/image/KzfbRsU8RgOkckxxnoG2zg.png

 

Ações

https://image.prntscr.com/image/TIwGqTuvTDCim8TVFHgwkA.png

 

Clique nesse ícone e vá em ''Carregar ações''

https://image.prntscr.com/image/zvyWHhLkQVa2FmhJk13dpA.png

 

Procure o local em que está o arquivo que baixou no inicio do tópico

Abra ela e vá no arquivo ''32 Animated Effects.atn''

https://image.prntscr.com/image/M2kKZGVdQseTPsOuLPPyQQ.png

 

Yytn0r5.png

 

5°- Abra a pasta ''Effects'' e escolha o efeito que desejar, sempre clicando na primeira imagem de cada pasta, a que tem final em ''00''

 

https://image.prntscr.com/image/an9_xTvwSdG1e0krtg4TAw.png

 

https://image.prntscr.com/image/2V6X3D1eRv6SvTq94Ql7vg.png

 

https://image.prntscr.com/image/mFXOX-R2T_qUP8KH6OBzPg.png

 

6°- Após fazer isso vá em ''Janela'' novamente, e clique em ''Linha do Tempo''

 

https://image.prntscr.com/image/cUW7wJ4cQHi2pLzwYHsOnw.png

 

 

 

7°- Aperte ''Ctrl+T'' e em seguida ''Ctrl+0'' para redimensionar da forma que desejar, depois aperte ''Ctrl+1'' para voltar ao tamanho normal

 

http://i.imgur.com/zvHeRhJ.png

 

Yytn0r5.png

 

8°- Após redimensionar e selecionar o lugar que deseja, pode optar por pintar a Action com outra cor da seguinte maneira

 

Crie uma nova camada em cima da sua Action e deixe ela no modo de ''Cor''

https://image.prntscr.com/image/16VvzIF_RpGj5F9IfnVYtA.png

 

Não faça isso

https://image.prntscr.com/image/Uds0UliNQdWeZKbzsPo0fw.png

 

Faça isso

https://image.prntscr.com/image/RTnRMxzITROUmkclYAJfyw.png

 

Deixe as duas camadas, na mesma duração na Linha do Tempo

https://image.prntscr.com/image/o_01Z_PxRJaDiZyXyODixA.png

 

Após isso, selecione as duas camadas de uma vez, segurando ''Ctrl''

Clique com o botão direito na camada do Efeito e vá em ''Converter em objeto inteligente''

Ela ficara toda preta, então defina a camada em modo de ''Divisão''

https://image.prntscr.com/image/s48H8zv6Qb6sY1dR44KIVw.png

 

 

 

9°- Agora simplesmente ira salvar a imagem indo em

 

''Arquivo''

''Salvar para Web''

Deixe dessa forma

http://i.imgur.com/a2wN1c9.png

 

Selecione um local, e recomendo salvar no formate de ''HTML e imagens''

 

 

 

10°- Agora seja feliz com sua nova GIF ?

 

Yytn0r5.png

 

 

xY0bmph.gif

(Sei que não ficou bom, criei correndo apenas para demonstração.)

 

Desculpem pelas prints, estava dando "limite de imagens".

 

Link para o comentário
Compartilhar em outros sites

Parece muito bom ;-;

Só falta colocar o link de um PCS6 cracked pra noix u_u

Obrigado, colocarei em breve.  :giggle:

Bem detalhado, boa, ótimo tutorial, pena que não consegui entender muita coisa, ahduahduhaha.

Obrigado, pena que tem o limite de imagens, se não deixaria mais detalhado, em prints é difícil de entender ahuehauh

Boa mano, bem útil. 

Se fosse em vídeo seria melhor :p

Obrigado, em breve farei um.

Link para o comentário
Compartilhar em outros sites

 

Caso seja seu tutorial... Mande-me print, o mesmo será removido

Mas se eu não aceitar a print, mando um post que também fiz em outro fórum, 2bjjs

 

Não precisa aceitar a print, não fui eu quem criei mais ao menos dei créditos ao criador, agora o tópico, você copiou de mim, apenas trocou as imagens e os divisores de texto

http://prntscr.com/gi0pd2

http://prntscr.com/gi0psm

Link para o comentário
Compartilhar em outros sites

 

Não precisa aceitar a print, não fui eu quem criei mais ao menos dei créditos ao criador, agora o tópico, você copiou de mim, apenas trocou as imagens e os divisores de texto

http://prntscr.com/gi0pd2

http://prntscr.com/gi0psm

 

O tópico, copiei de você? kkkkkkkj, aiai cara...

http://worldnetwork-mc.com.br/forum/index.php?/topic/10768-tutorial-criando-gifbanner/

Olha ai, postei em 15 de julho...

Link para o comentário
Compartilhar em outros sites

O tópico, copiei de você? kkkkkkkj, aiai cara...

http://worldnetwork-mc.com.br/forum/index.php?/topic/10768-tutorial-criando-gifbanner/

Olha ai, postei em 15 de julho...

Eu sou o cara que você pediu pra postar esse meu tutorial em outro fórum kkk

Não sabia que era você aqui, por isso questionei, kk mals ae

Eu aqui: http://prntscr.com/gi0s25

Link para o comentário
Compartilhar em outros sites

Participe da Conversa

Você pode postar agora e se cadastrar mais tarde. Se você tiver uma conta, a class='ipsType_brandedLink' href='https://gamersboard.com.br/login/' data-ipsDialog data-ipsDialog-size='medium' data-ipsDialog-title='Sign In Now'>acesse agora para postar com sua conta.
Observação: sua postagem exigirá aprovação do moderador antes de ficar visível.

Visitante
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

Processando...
×
×
  • Criar Novo...