[Tutorial] Como fazer um banner simples

Bem-vindo!

Ao se registrar conosco, você poderá discutir, compartilhar e enviar mensagens privadas com outros membros da nossa comunidade.

Inscreva-se agora!
Status
Não está aberto para novas respostas.

passionately

Hardcore
VIP
Entrou
Jun 25, 2017
Mensagens
5,199
Cubos
0
I5VVUdy7SqGt20hBGRcp6A.gif
Oioi pessoas, como vão?
Estou trazendo um tutorial de como fazer um banner simples.
Vamos lá!





Primeiramente você precisará ter o Photoshop, clique aqui para ser redimensionado ao vídeo que terá o tutorial e download de como baixar.
Depois de ter baixado o Photoshop, vá em Arquivo > Novo. Irá abrir uma caixa, siga as dimensões abaixo. (você pode mudar se quiser)
4mbWKZWsTP6R55mnH-AZsg.png
E clique em OK.





Depois disto irá aparecer sua composição, mas transparente.
Siga os passos abaixo.
Vá na Caixa de Cores >
_5STWTRLT2eL4KLDuwPGLA.png
Clique no primeiro quadrado, vá na parte de baixo aonde está a hashtag, e coloque 181818, que é a cor do fórum. E clique em OK.
2ZzcCnzWSoW8yFV2AXFvEA.png
Vá no Brush >
vIEUoSRyRweakqR-qb07ew.png
escola o tamanho que você acha adequado >
YKf_rYYaQ3_Kxam3qWPzkQ.png
e pinte toda a composição abaixo
-KpsmxnVRPqLrzqkxZaHNg.png
----------------------------------------------------------------------------------------------------------------------------​
Após isto, o que irei ensinar/mostrar agora é opcional da pessoa colocar.
Irei adicionar uma luz ao fundo, você verá que irá deixar um destaque ao banner.
Crie uma nova camada clicando no lugar ao lado >
BIVplFl5T2mIoe6h7aRIAg.png
vá na Caixa de Cores >
_5STWTRLT2eL4KLDuwPGLA.png
escolha a cor que você deseja, fazendo o mesmo procedimento que antes.
Vá no Brush >
vIEUoSRyRweakqR-qb07ew.png
e aperte somente UMA VEZ o botão do mouse no meio da composição. Irá ficar assim:
qxpGx-NuQfy4fdEADX7asQ.png
Diminua a opacidade a seu gosto, eu sempre deixo em 20%. >
ZtPEfwRqQjapJnTQGJbIZg.png
Depois que você diminuir a opacidade, irá ficar assim:
CgPL4DwfRVSCyiYesbQlZg.png
Agora vamos ao que interessa, o texto/decoração do banner!
----------------------------------------------------------------------------------------------------------------------------
Existem fontes de coroas, decorações, corações.. irei disponibilizar no final deste tutorial.
Bom, irei usar a fonte Monarchbats, uma fonte de coroas.
Assim que você adicionar a decoração que quer, centralize ela no meio da luz que colocamos no fundo, e diminua a opacidade.
yAFEsbXeRLeF77iGfDCevw.png
Após isto, adicione o texto que quer, no caso irei utilizar o texto escrito "Yuini", minha friend <3
Vá no "T" >
zqmWx6x1SkuGI-cJpHTQ2Q.png
clique em qualquer região de sua composição, e adicione o texto que quer.
kpe5GzN1QVOB-u5ExIpABg.png
Caso queira diminuir/aumentar a fonte, mudar a fonte e a cor, vá do lado do >
tOSEcWFwRIS7-ZS3mFG-AQ.png
e escolha a fonte (no caso eu usei a Albondigas)
Centralize a fonte ou coloque aonde queira.




Caso queira adicionar mais algum texto (também pode ser uma cópia só que de outra cor), ou decorações, é só fazer o procedimento acima.
A cópia é muito simples, aperte na camada do texto UMA VEZ, dê CTRL + J e irá criar está camada ao lado >
DxDw6_7yThin3WWKvkFJ6w.png
, e escolha a cor novamente na parte da caixa de cores (eu escolhi a cor branca).
Use a flecha de esquerda, direita, para cima e para baixo de seu teclado para dar o efeito no texto.
IMgv7_TQRMW1-OIisDIsPg.png
E irá ficar assim.




É isso pessoas, simples não?
Espero que tenham gostado, e aprendido!
Site de fontes > AQUI.
Resultado final:
6nQD_aQ1RCqo4Nq1Uh0KpA.gif
 
Ficou show!

Eu não sei fazer SIGN mas já até salvei essa pagina nos favoritos do Google para tentar depois!

:D
 
Ótimo tutorial. Só buguei mesmo nessa parte (A cópia é muito simples, aperte na camada do texto UMA VEZ, dê CTRL + J e irá criar está camada ao lado >
DxDw6_7yThin3WWKvkFJ6w.png
, e escolha a cor novamente na parte da caixa de cores (eu escolhi a cor )



 
Status
Não está aberto para novas respostas.

Users who are viewing this thread

Voltar
Topo