[Tutorial: Photoshop] Userbars

[redhotmustang]

Neste tutorial vamos aprender a fazer uma userbar como a seguinte:



1. Em primeiro lugar, abrimos um novo documento com as dimensões-base de uma userbar: 350x19 px.



2. Depois escolhemos as cores mais adequadas com o tema da nossa userbar para o nosso gradiente. E pintamos a layer do fundo.

>> 2.1. Na mesma layer incluimos o stroke (rebordo) da barra nas Blending Options.

3. A seguir, passamos a um passo extra que melhora bastante a nossa barra, introduzir um padrão a que vamos chamar scanlines.

>> 3.1. Para isso temos de criar esse padrão (pattern), por isso abrimos um novo documento com as medidas 6x6 px e fundo transparente (mantendo o primeiro documento aberto).

Como o novo documento é muito pequeno, fazemos zoom até ao máximo possível e fica com este aspecto:



>> 3.2. Escolhemos a PENCIL TOOL (right-click na PAINT BRUSH TOOL), tamanho 1 px e cor preta. (reparem que um clique pinta 4 quadradinhos no fundo transparente).



>> 3.3. E desenhamos uma linha diagonal, de baixo para cima.

>> 3.4. Depois fazemos EDIT > DEFINE PATTERN e nomeamos a nova Pattern (padrão) como: scanlines.

4. Regressamos ao primeiro documento.

5. Criamos uma nova layer.
Escolhemos a PATTERN STAMP TOOL, depois a nova pattern (scanlines) por nós criada e pintamos toda a área da barra.

6. Mas, reparamos que a nossa pattern fica com as suas ricas muito fortes.
Para diminuir a grossura das scanlines mudamos as percentagens da Opacity e do Fill da layer onde estão as scanlines. (Usei Opacity: 67% e Fill: 65%)



7. Agora, há que adicionar uma imagem ou logo à nossa barra. De novo, criamos uma nova layer e colamos a imagem pretendida de forma a que a parte mais importante da mesma fique visível.



8. Agora passamos ao texto. Escolhemos uma fonte de 1px de tamanho (como a Visitor), de cor branca e introduzirmos o nosso texto.
A seguir, vamos às opções de Blending da layer do texto e escolhemos o stroke de 1px a preto.



9. Finalmente, adicionamos numa nova layer o efeito da curva. Para tal, escolhemos a Elliptical Marquee Tool (right-click na Marquee Tool) e desenhamos uma elipse do topo esquerdo ao topo direito com o seu meio a encostar quase à base da nossa barra.

Jogamos, de novo, com as percentagens de Fill e Opacity da layer da elipse, até chegarmos a um aspecto que nos agrade.



10. Para ainda ficar mais interessante podemos criar uma nova layer e dar-lhe o efeito Bevel & Emboss

Resultado final:



Cumps.

[redhotmustang]

Podem criar e mostrar as vossas userbars neste tópico do nosso fórum:

Embora lá fazer userbars

Cumps.

[arkannis]

nice tutorial.

contudo, deverias por mais detalhes sobre como fazer o bevel e emboss, mais propriamente, numeros concretos.

o resultado final ficou fixe.

[CR9]

:arrow:

[gimbras]

contudo, deverias por mais detalhes sobre como fazer o bevel e emboss, mais propriamente, numeros concretos.

Aí é que está, as definições do Bevel and Emboss são como as do Fill e Opacity doutras layers, isto é conforme vos parecer que fique melhor.
Podem até activar o contour.