[TUTORIAL] Rank Personalizado

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

rank - [TUTORIAL] Rank Personalizado Empty [TUTORIAL] Rank Personalizado

Mensagem por Holkis 28.07.16 0:47

rank - [TUTORIAL] Rank Personalizado Theme
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 - [TUTORIAL] Rank Personalizado 2tYNykM Requerimentos
Este tutorial é bastante simples, se baseando em sua dinâmica para facilitar trabalhos de grandes números, então nele iremos aprender a trabalhar algumass ferramentas que o faram ajudar no dia-a-dia.
No entanto não é necessário algo especifico, você poderá utilizar qualquer fonte, cor, etc!

- Elaboração:
Para iniciar, abra seu PhotoShop (qualquer versão), crie um novo arquivo de tamanho 135 x 42:

rank - [TUTORIAL] Rank Personalizado IuB7amE

A cor de fundo, pode ser qualquer uma, mas eu particularmente aconselho a deixa-la branca.

- Criando o Rank:
Para iniciar o rank, selecione a ferramenta "Retângulo Arredondado"

rank - [TUTORIAL] Rank Personalizado KjXWJaf

Após selecionar a ferramente retângulo arredondado, selecione 3px no Raio:

rank - [TUTORIAL] Rank Personalizado OmsOxE9

Após realizar esses passos, vamos iniciar os trabalhos gráficos, com a ferramenta retângulo arredondado faça um retângulo:

rank - [TUTORIAL] Rank Personalizado 6Q9swkt

A cor pode ser seletiva, de acordo com seu agrado. Para fazer alteragem das cores, é necessários dar duplos clique sobre a camada.

rank - [TUTORIAL] Rank Personalizado M0YmqMU

Após o clique duplo, abrirá janela para alterar a cor:

rank - [TUTORIAL] Rank Personalizado 29Q0Z9I

Para iniciar os efeitos, dê um clique duplo em cima do retângulo para abrir a janela estilo de camada:

rank - [TUTORIAL] Rank Personalizado MzJ1jxs

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:

rank - [TUTORIAL] Rank Personalizado PZhuq1q

rank - [TUTORIAL] Rank Personalizado 6o3DeyPSeta Selecione a opção: Brilho Interno

rank - [TUTORIAL] Rank Personalizado NhOA5Z4Seta Na opção Mode de Mesclagem: Deixe em Sobrepor

rank - [TUTORIAL] Rank Personalizado LJ9DeVgSeta Na opção Opacidade: Deixe em 100%

rank - [TUTORIAL] Rank Personalizado DI22cVWSeta Na opção de Cor: Deixe Branco (#ffffff)

rank - [TUTORIAL] Rank Personalizado Ds5QTmISeta Na opção Técnica: Deixe em Mais Suave

rank - [TUTORIAL] Rank Personalizado YqIoYsDSeta Na opção de Origem: Deixe em Aresta

rank - [TUTORIAL] Rank Personalizado GfL7UF6Seta Nas opções Desfoque e Tamanho: Deixe 0% e 1 px

rank - [TUTORIAL] Rank Personalizado VgbmMRwSeta Nas opções Intervalo e Tremulação: Deixe 1% e 0 px

Este é resultado dos efeitos aplicados acima:
rank - [TUTORIAL] Rank Personalizado ZzTk4lY

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:

rank - [TUTORIAL] Rank Personalizado JVJS3ES

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):

rank - [TUTORIAL] Rank Personalizado JRaKoER

rank - [TUTORIAL] Rank Personalizado 6o3DeyPSeta Selecione a opção: Sobreposição de Cor

rank - [TUTORIAL] Rank Personalizado NhOA5Z4Seta Na opção Mode de Mesclagem: Deixe em Sobrepor

rank - [TUTORIAL] Rank Personalizado LJ9DeVgSeta Na opção de Cor: Deixe Vinho (#9e3246)

rank - [TUTORIAL] Rank Personalizado DI22cVWSeta Na opção Opacidade: Deixe 100%

rank - [TUTORIAL] Rank Personalizado 2efmjio OBS: Este é o principal efeito do Trabalho, pois é ele que irá dar cor em todos os rank's subsequentes! Sua importância se dá no passo três (COR), pois é ela que irá definir a cor do rank!

O rank ficará assim:

rank - [TUTORIAL] Rank Personalizado MajbyRH

O ultimo efeito do rank, ainda na camada de estilo é o Brilho Externo:

rank - [TUTORIAL] Rank Personalizado LGPiNfD

rank - [TUTORIAL] Rank Personalizado 6o3DeyPSeta Selecione a opção: Brilho Externo

rank - [TUTORIAL] Rank Personalizado NhOA5Z4Seta Na opção Mode de Mesclagem: Deixe Normal

rank - [TUTORIAL] Rank Personalizado LJ9DeVgSeta Nas opções de Opacidade e Ruido: Deixe em 75% e 0%

rank - [TUTORIAL] Rank Personalizado DI22cVWSeta Na opção de Cor: Deixe Preto (#000000)

rank - [TUTORIAL] Rank Personalizado Ds5QTmISeta Na opção Técnica: Deixe em Mais Suave

rank - [TUTORIAL] Rank Personalizado YqIoYsDSeta Nas opções Expansão e Tamanho: Deixe 0% e 2 px

rank - [TUTORIAL] Rank Personalizado GfL7UF6Seta Nas opções Escala e Tremulação: Deixe 50% e 0%

Todos os efeitos para o rank foram realizados com sucesso! veja como ficou o rank (retângulo):

rank - [TUTORIAL] Rank Personalizado NB9c6rx

- 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)

rank - [TUTORIAL] Rank Personalizado H6JSbPY

Na fonte só adicionaremos um tipo de efeito, sendo ele o Traçado:

rank - [TUTORIAL] Rank Personalizado EANq992

rank - [TUTORIAL] Rank Personalizado 6o3DeyPSeta Selecione a opção: Traçado

rank - [TUTORIAL] Rank Personalizado NhOA5Z4Seta Na opção Tamanho: Deixe em 2 px

rank - [TUTORIAL] Rank Personalizado LJ9DeVgSeta Nas opção Posição: Deixe Externa

rank - [TUTORIAL] Rank Personalizado DI22cVWSeta Na opção Modo de Mesclagem: Deixe Cor mais Clara

rank - [TUTORIAL] Rank Personalizado Ds5QTmISeta Na opção Opacidade: Deixe em 100%

rank - [TUTORIAL] Rank Personalizado YqIoYsDSeta Nas opção Tipo de Preenchimento: Deixe em Cor

rank - [TUTORIAL] Rank Personalizado GfL7UF6Seta Nas opção de Cor: Deixe Preto (#000000)

Pronto, temos um rank de nome Artmeiro feito!

rank - [TUTORIAL] Rank Personalizado QkNh1fb

- 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):

rank - [TUTORIAL] Rank Personalizado OKeh2li

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:

rank - [TUTORIAL] Rank Personalizado 3YYmpPg

E para finalizarmos, deixe a camada das linhas em Sobrepor:

rank - [TUTORIAL] Rank Personalizado JHrXe1h

Resultado:

rank - [TUTORIAL] Rank Personalizado Kujxaq7




© Fórum dos Fóruns & @mocci



[color=#006600]
rank - [TUTORIAL] Rank Personalizado Act_bottom 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.
Holkis

Holkis
Hiper Membro

Membro desde : 21/04/2015
Mensagens : 3550
Pontos : 4277

http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos