[TUTORIAL] Borda Personalizada em Avatar

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

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar Empty [TUTORIAL] Borda Personalizada em Avatar

Mensagem por APOllO em Dom 14 Ago 2016 - 18:42

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar Theme
Borda Personalizada em Avatar

A borda é frequentemente utilizada em trabalhos gráficos, no entanto, neste tutorial iremos aprender a como dar uma personalizada bacana, do mesmo estilo do avatar que o membro @mocci utiliza.

--> Tutorias gráficos <--
Borda Personalizada em Avatar

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar 2tYNykM Requerimentos
A única coisa que necessitamos para elaborar esse tutorial é o programa Adobe Photo Shop, pode ser qualquer versão!

- Elaboração:
Crie um novo arquivo em seu Photo Shop:

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar 3g7AfPM

Lembrando de que nesse tutorial iremos utilizar as dimensões 160 x 180, como ilustrado à cima!
Após ter criado, iremos elaborar o formato, e para isso selecione a ferramenta Pilígono:

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar 5ryoMjN

Basta selecionar nas ferramentas, como ilustrado à cima, e não se esqueça de deixar o lados em 6:

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar N0JZ64l

Após ter ajustado como listado acima, crie seu Polígono como segue abaixo:

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar DAO55nx

A cor do Polígono pode ser qualquer uma, no entanto eu estarei utilizando esta vermelha, mas fique a vontade para fazer como quiser, até mesmo o formato pode ser qualquer um, pois o que importa é a borda, que iremos aprender a elaborar no passo 2.

- Adicionando Efeito de Borda:
Após ter criado o Polígono, iremos adicionar a borda em seu todo, para isso dê um duplo clique na camada do Polígono, como segue abaixo:

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar 3De50IE

Como podem ver, iremos mexer com os seguintes efeitos:
  • Traçado
  • Brilho Interno



Iniciamos com o Traçado:

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar CUfl7Xf

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar 6o3DeyPSeta Selecione: Traçado

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar NhOA5Z4Seta Tamanho: Deixe em 5 px

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar LJ9DeVgSeta Posição: Selecione Interna

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar DI22cVWSeta Modo de Mesclagem: Deixe normal

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar Ds5QTmISeta Tipo de Preenchimento: Deixe Decradê

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar YqIoYsDSeta Decradê: Siga os passos:

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar Vc6G9ZP

1 - Cor #343434 Localização 0%.
2 - Cor #c0c0c0 Localização 19%.
3 - Cor #343434 Localização 41%.
4 - Cor #c0c0c0 Localização 63%.
5 - Cor #343434 Localização 100%.


C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar GfL7UF6Seta Estilo: Deixe em Ângulo

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar VgbmMRwSeta Escala: Deixe em 97%

Após adicionar todos esses efeitos, siga o próximo passo, Brilho Interno:

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar Zo0eeIo

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar 6o3DeyPSeta Selecione: Brilho Interno

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar NhOA5Z4Seta Modo de Mesclagem: Selecione Suprexposição Linear

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar LJ9DeVgSeta Nas opções Opacidade e Ruído: Deixe 100% no primeiro e 0% no segundo

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar DI22cVWSeta Na Cor: Deixe-a #9f9f9f

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar Ds5QTmISeta Técnica: Deixe Mais Suave

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar YqIoYsDSeta Origem: Deixe Aresta

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar GfL7UF6Seta Nas opções Desfoque e Tamanho: Deixe 0% na primeira e 6 px na segunda

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar VgbmMRwSeta Nas opções Intervalo e Tremulação: Deixe 1% no primeiro e 0% no segundo

Todos os efeitos adicionados, o resultado será este:

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar KVQ30aa

bom é isso, para dar um toque de avatar vou adicionar uma imagem para dar um destaque no trabalho!

C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar C20lIOj




© Fórum dos Fóruns & @mocci



C0C0C0 - [TUTORIAL] Borda Personalizada em Avatar 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: Borda Personalizada em Avatar.
APOllO

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1085
Pontos Ativos : 1505

Ver perfil do usuário http://suportedesign.forumeiros.com

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


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