[TUTORIAL] Rank Personalizado
Página 1 de 1 • Compartilhe
[TUTORIAL] Rank Personalizado
![]() | Rank Personalizado |
Desta vez a equipe trás um trabalho repleta mente personalizado, bem dinâmico para pedidos numerosos!
--> Tutorias gráficos <--
Rank Personalizado
Rank Personalizado
![]() | Requerimentos |
No entanto não é necessário algo especifico, você poderá utilizar qualquer fonte, cor, etc!
1º - Elaboração:
Para iniciar, abra seu PhotoShop (qualquer versão), crie um novo arquivo de tamanho 135 x 42:
![[TUTORIAL] Rank Personalizado IuB7amE](https://i.imgur.com/IuB7amE.png)
A cor de fundo, pode ser qualquer uma, mas eu particularmente aconselho a deixa-la branca.
2º - Criando o Rank:
Para iniciar o rank, selecione a ferramenta "Retângulo Arredondado"
![[TUTORIAL] Rank Personalizado KjXWJaf](https://i.imgur.com/kjXWJaf.png)
Após selecionar a ferramente retângulo arredondado, selecione 3px no Raio:
![[TUTORIAL] Rank Personalizado OmsOxE9](https://i.imgur.com/omsOxE9.png)
Após realizar esses passos, vamos iniciar os trabalhos gráficos, com a ferramenta retângulo arredondado faça um retângulo:
![[TUTORIAL] Rank Personalizado 6Q9swkt](https://i.imgur.com/6Q9swkt.png)
A cor pode ser seletiva, de acordo com seu agrado. Para fazer alteragem das cores, é necessários dar duplos clique sobre a camada.
![[TUTORIAL] Rank Personalizado M0YmqMU](https://i.imgur.com/M0YmqMU.gif)
Após o clique duplo, abrirá janela para alterar a cor:
![[TUTORIAL] Rank Personalizado 29Q0Z9I](https://i.imgur.com/29Q0Z9I.png)
Para iniciar os efeitos, dê um clique duplo em cima do retângulo para abrir a janela estilo de camada:
![[TUTORIAL] Rank Personalizado MzJ1jxs](https://i.imgur.com/mzJ1jxs.png)
Façam as seguintes modificações para realizar uma boa parte do efeito.
- Brilho Interno
- Sobreposição de Cor
- Brilho Externo
Começando pelo Brilho Interno:
![[TUTORIAL] Rank Personalizado PZhuq1q](https://i.imgur.com/PZhuq1q.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
Este é resultado dos efeitos aplicados acima:
![[TUTORIAL] Rank Personalizado ZzTk4lY](https://i.imgur.com/ZzTk4lY.png)
Após salve a imagem em seu computador e aplique sobre a camada rank (a qual está o retângulo), para que o mesmo possa ficar assim:
![[TUTORIAL] Rank Personalizado JVJS3ES](https://i.imgur.com/JVJS3ES.png)
Seguindo os efeitos supracitados à cima, iremos trabalhar agora no efeito Sobreposição de Cor e para isso dê um dublo clique na camada do rank (retângulo):
![[TUTORIAL] Rank Personalizado JRaKoER](https://i.imgur.com/jRaKoER.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![[TUTORIAL] Rank Personalizado 2efmjio](https://2img.net/h/oi58.tinypic.com/2efmjio.png)
O rank ficará assim:
![[TUTORIAL] Rank Personalizado MajbyRH](https://i.imgur.com/majbyRH.png)
O ultimo efeito do rank, ainda na camada de estilo é o Brilho Externo:
![[TUTORIAL] Rank Personalizado LGPiNfD](https://i.imgur.com/lGPiNfD.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
Todos os efeitos para o rank foram realizados com sucesso! veja como ficou o rank (retângulo):
![[TUTORIAL] Rank Personalizado NB9c6rx](https://i.imgur.com/nB9c6rx.png)
3º - Adicionando a escrita:
Já temos um rank pronto (retangulo), agora nos resta trabalharmos com as fontes para que o mesmo possa ter o reconhecimento como rank, e para isso vamos iniciar e adicionar alguns efeitos, mas primeiro adicione qualquer texto no retângulo: (eu vou usar artmeiro)
![[TUTORIAL] Rank Personalizado H6JSbPY](https://i.imgur.com/h6JSbPY.png)
Na fonte só adicionaremos um tipo de efeito, sendo ele o Traçado:
![[TUTORIAL] Rank Personalizado EANq992](https://i.imgur.com/eANq992.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
Pronto, temos um rank de nome Artmeiro feito!
![[TUTORIAL] Rank Personalizado QkNh1fb](https://i.imgur.com/qkNh1fb.png)
4º - Adicionais:
Praticamente já temos tudo pronto, mas para dar um estilo diferente vamos adicionar duas faixas laterais no lado direito do rank (retângulo), de preferência de cor Branca (#ffffff):
![[TUTORIAL] Rank Personalizado OKeh2li](https://i.imgur.com/OKeh2li.png)
Para dar o efeito que queremos, faça com que essas linhas que acabamos de criar entrem para dentro do rank (retângulo), ou seja, inclua as linhas dentro da camada ficando assim:
![[TUTORIAL] Rank Personalizado 3YYmpPg](https://i.imgur.com/3YYmpPg.png)
E para finalizarmos, deixe a camada das linhas em Sobrepor:
![[TUTORIAL] Rank Personalizado JHrXe1h](https://i.imgur.com/JHrXe1h.gif)
Resultado:
![[TUTORIAL] Rank Personalizado Kujxaq7](https://i.imgur.com/kujxaq7.png)
© Fórum dos Fóruns & @mocci
![]() | Se surgir alguma dúvida relacionada com este tutorial, crie um tópico na categoria 'Outras questões' com o seguinte título: Rank Personalizado. |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Rank personalizado
» Rank personalizado
» Rank Personalizado
» Rank Personalizado
» Rank personalizado
» Rank personalizado
» Rank Personalizado
» Rank Personalizado
» Rank personalizado
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos