Guia [Photoshop]Cria a tua própria Userbar!

ThePirate disse:
Como não tenho visto nada relativo nesta comunidade, ao Photoshop, decidi começar uma pequena "onda" de pequenos e simples tutorias relativos a Photoshop.
Não copiei este tutorialde lado nenhum, eu próprio o criei, para o postar aqui na techzone.
Este é o primeiro de muitos trabalhos que serão criados por mim.
Se por acaso virem alguma falha, seja no Tutorial ou até mesmo apenas a nível ortográfico, avisem-me.

:: Resources ::
Dafont - Excelente site com fontes de vários tipos.
Good Tutorials - Excelente site de tutoriais (Sugestão feita por Monstro)
DeviantART - O DeviantART é provavelmente a MAIOR comunidade de Design e Artes. Este site está cheio de resources, brushes, pattern packs, tutoriais...
ImageShack - Site para hosting de imagens, envia os teus trabalhos, e o site generará um código com a tua imagem, para a poderes disponibilizar na Internet.
Google - O melhor amigo do Homem. :D


:: Guia ::

Criem um novo projecto, com o tamanho de 350x19 pixeis.
1.png


Criem o vosso background, podem usar uma imagem já existente, ou criar a vossa própria imagem.
Neste exemplo vou usar uma imagem com o fundo preto, com um Gradiente de cor da seguinte forma:
2.png


Após criar o fundo, inseri o texto "Techzone.pt" em duas cores diferentes.
3.png


Depois, cliquem no Layer de texto com o botão direito do rato, e seleccionem a opção "Duplicate layer"
4.png

5.png


Depois, basta irem ao menu "Edit" / "Transform" / "Flip Vertical", como mostra na imagem seguinte:
6.png

E ficará assim:
7.png


Depois de terem uma cópia da Layer de texto, puxem o texto para baixo, usando a tecla com uma seta para baixo :D
Deveria ficar algo assim:
8.png


Agora, para fazer com que o texto invertido pareça o reflexo, basta descermos a "Opacidade" (Opacity) do layer, assim como vos vou mostrar:
9.png

Baixei a opacidade para 13%, agora parece que é o reflexo no espelho.
10.png



Parabéns, crias-te a tua própria userbar (Neste caso, da Techzone, mas podes utilizar este exemplo para outras coisas como por exemplo, jogos, hardware, software)
Podes fazer o download do PSD aqui.
Aqui está um exemplo do que podes fazer:
13773.png


Cumprimentos.
eMushroom.

É favor postar quaisquer duvidas aqui, perguntas relativas a Photoshop e não relativas a este Tutorial por favor enviar Private Mesage
Clicar para expandir...

Desculpem la, mas sou um poco des-sabido desta matéria... como é que se muda a gradiente??? é que nao percebo mt bem...tou no CS4
 
Cosmos disse:
tens o CS4??? Epá explica lá bem isso...
Clicar para expandir...

tenho cs3. nao deve haver mt diferença.

vais àquela peq janela da camadas que costuma estar do lado direito.
botao direito em cima da camada que queres aplicar o gradiente e carregas em "blending options"

depois na janela que abrir selecionas "gradient overlay" e lá deves ter as opções ;)

Cumps
 
AcidDagger disse:
Para fazerem as tais linhas da maneira que gostarem criem um novo projecto com o tamanho de 6px por 6px...

De seguida aumentem o zoom até ao maximo (1600%)

Agora com a Pencil Tool (Ferramenta Lápis) a 1px desenhem uma linha na diagonal nas cores que mais gostarem...

Para finalizar vão a edit e cliquem em Definir Padrão...


Espero ter ajudado ;)

Cumps
Clicar para expandir...


entao e a seguir de definir o padrão ?= o qe se faz a seguir??
 
boas,
ja que estamos a falar de PS, aqui vai uma peq. duvida:
fiz aqui uma sign para mim. mas nao estou a conseguir gravar o ficheiro em JPG. acho que deve ter sido por colocar em 32bits... dá para trocar? se nao der tenho de fazer td de novo :S

Cumps
 
Inicie sessão ou registe-se para poder participar.
Back
Topo