[TUTORIAL] Barra de usuário

por LosT 01.04.18 18:55

Criar uma barra de usuário

Neste tutorial você ira aprender a como criar uma barra de usuário para usar na sua assinatura ou como alguma referência de informação ao seu perfil se preferir.

Aprenda a criar uma barra de usuário no PhotoShop

TUTORIAIS, DICAS E ASTÚCIAS

Passo

Abra o seu PhotoShop e crie um novo documento, usarei as dimensões 600x300.

(carregue na imagem para aumentar)
[TUTORIAL] Barra de usuário 60wjCrh

Passo

Selecione a ferramenta das formas ou se preferir a letra U de seu teclado, com o botão direito do mouse escolha uma das formas para começar a criar nossa barra de usuário (eu usarei o retângulo).

(carregue na imagem para aumentar)
[TUTORIAL] Barra de usuário P49ub4k

Passo

Agora iremos criar um retângulo no nosso documento, crie do tamanho que você achar melhor para conter suas informações nele. Depois de criá-lo vamos incliná-lo com a ferramenta caneta(P).

(carregue na imagem para aumentar)
[TUTORIAL] Barra de usuário Ek1egmi

Passo

Com a ferramenta caneta selecionada segure CTRL e selecione apenas dos dois nózinhos de cima do retângulo. Feito isso use as setas do seu teclado para movê-lo para a direita. Incline do jeito que você quiser, use a criatividade. ^-^

(carregue na imagem para aumentar)
[TUTORIAL] Barra de usuário A93Nxdx

Passo

Crie uma nova camada e faça outro retângulo inclinado, porém um pouco menor desta vez. Feito isso coloque-o acima do retângulo criado anteriormente.

(carregue na imagem para aumentar)
[TUTORIAL] Barra de usuário SqpXZE9

Passo

Agora com a ferramenta caneta(U) com uma cor um pouco mais escura da que você escolheu, crie uma nova camada e dê um Alt+Scroll do mouse para dar um zoom, crie um triângulo bem na onde termina seu retângulo e arraste-o para debaixo das camadas criadas.

(carregue na imagem para aumentar)
[TUTORIAL] Barra de usuário 8BnlNon

Passo

Agora duplique a camada que você usou a caneta para criar o pequeno triângulo(CTRL+J), feito isso teremos que editá-la para combinar com o outro lado do retângulo, gire-a horizontalmente e depois verticalmente para colocá-la do outro lado do retângulo.

(carregue na imagem para aumentar)
[TUTORIAL] Barra de usuário RZ7aD0o

Passo

Agora iremos duplicar a forma feita pela caneta, após isso aumente proporcionalmente a forma com as teclas Shift+Alt. Feito isso coloque a forma criada do outro lado do seu retângulo, ficando assim:

(carregue na imagem para aumentar)
[TUTORIAL] Barra de usuário HL2rBhO

Passo

Neste mesmo passo iremos novamente criar outro retângulo com a ferramenta formas(U) e colocá-lo acima do retângulo principal. Lembre de incliná-lo também.

(carregue na imagem para aumentar)
[TUTORIAL] Barra de usuário Q1VqC7F

Passo

A barra em si já está criada agora escolha as cores, imagens e tipografia que você queira colocar, use a criatividade. Muito feliz

Resultado: