[Tutorial] Rank personalizado

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

avatar
Admin
Administrador
Tempo Online : 176d 8h 9m 37s
Mensagens : 693
Reputação : 3
Ver perfil do usuário http://bestweb.forumais.com

MensagemAdmin em Qua Out 05, 2016 3:54 pm

Rank Personalizado

Desta vez a equipe trás um trabalho repleta mente personalizado, bem dinâmico para pedidos numerosos!

--> Tutorias gráficos <--
Rank Personalizado


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:


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"


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


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


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


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


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


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:


Arrow Selecione a opção: Brilho Interno
Arrow Na opção Mode de Mesclagem: Deixe em Sobrepor
Arrow Na opção Opacidade: Deixe em 100%
Arrow Na opção de Cor: Deixe Branco (#ffffff)
Arrow Na opção Técnica: Deixe em Mais Suave
Arrow Na opção de Origem: Deixe em Aresta
Arrow Nas opções Desfoque e Tamanho: Deixe 0% e 1 px
Arrow Nas opções Intervalo e Tremulação: Deixe 1% e 0 px
Este é resultado dos efeitos aplicados acima:

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:


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


Arrow Selecione a opção: Sobreposição de Cor
Arrow Na opção Mode de Mesclagem: Deixe em Sobrepor
Arrow Na opção de Cor: Deixe Vinho (#9e3246)
Arrow Na opção Opacidade: Deixe 100%
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:



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


Arrow Selecione a opção: Brilho Externo
Arrow Na opção Mode de Mesclagem: Deixe Normal
Arrow Nas opções de Opacidade e Ruido: Deixe em 75% e 0%
Arrow Na opção de Cor: Deixe Preto (#000000)
Arrow Na opção Técnica: Deixe em Mais Suave
Arrow Nas opções Expansão e Tamanho: Deixe 0% e 2 px
Arrow 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):


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


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


Arrow Selecione a opção: Traçado
Arrow Na opção Tamanho: Deixe em 2 px
Arrow Nas opção Posição: Deixe Externa
Arrow Na opção    Modo de Mesclagem: Deixe Cor mais Clara
Arrow Na opção Opacidade: Deixe em 100%
Arrow Nas opção Tipo de Preenchimento: Deixe em Cor
Arrow Nas opção de Cor: Deixe Preto (#000000)
Pronto, temos um rank de nome Artmeiro feito!


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


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:


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


Resultado:

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum