Criando um Botão pressionado no Photoshop !

posted under Dicas Rapidas by pspoint

A maior parte dos sites utiliza um script em java para substituir um botão por outro pressionado. Este tutorial ensina apenas a criar os dois botões. Nota: Este tutorial é de nível intermédio. Partimos do princípio que estás a vontade com os layers e as selecções.

1.



Comece com uma textura ou com a tua cor preferida.

2.



Cria uma selecção circular e grave-a. Escolha uma cor clara para o foreground e uma escura para background. Preencha o circulo com a ferramenta Gradient do canto superior esquerdo para o canto inferior direito.

3.



Encolha a tua selecção em 5 pixeis Select > Modify > Contract. dá um Feather a selecção de 2 pixeis Select > Feather. Inverte a selecção Select > Inverse. Preencha com o mesmo gradiente mas agora a partir do canto inferior direito para o canto superior esquerdo.

4.



Digite o texto que queres usar dentro do Botão.

5.



Crie um novo layer. Carregue a sua seleção (Ctrl+Alt+4) e crie o contorno em volta do circulo. Edit > Stroke > 2 pixeis from center Criamos a 1ª imagem do botão. Exporte como Gif, File > Export > GIF89a export

6.



Para criarmos a 2ª Imagem cria um novo layer e coloque-o para baixo do layer texto e por cima do contorno. Carregue sua seleção novamente (Ctrl+Alt+4) e preencha com 30% de preto.

7.



Select > Feather > 3 pixeis e inverta a selecção Select > Inverse. com as "Arrow Keys" mova a selecção para baixo e para a direita 4 pixeis. Agora preencha a seleção com 80% de preto.

8.



Carregue sua seleção original novamente e inverta. Pressione a tecla Delete para apagar as áreas pretas em volta do botão.

9.



Para dar um efeito mais realista mova o texto 2 pixeis para baixo e para a esquerda. Agora exporte a imagem como gif (com outro nome) e seu botão em 2 estados concluido.



Exemplo

0 Comment

Psd para estudo de Assinatura vetorial feita no Photoshop !

posted under Downloads by pspoint

PSD Sig vetorial para estudo,ensinando a criar Assinatura com vetores no photoshop.

1 Comment

Criando Grid line's Patterns no Photoshop !

posted under Tutoriais Básicos by pspoint

Para Começar,crie um novo documento transparente no tamanho desejado,aconselho entre 5x5 e 7x7 px,em seguida amplie ao maximo para melhor vizualização.

Agora,faça quadrados na diagonal com a ferramenta pencil tool (P) tamanho 1 px cada quadrado.

Feito isso,vá em edit > define > pattern,em seguida nomeie sua pattern e salve,para usar sua patter,vá ate edit > fill,selecione a opção pattern e selecione sua pattern criada.

Você pode usar para varios trabalhos,no exemplo usamos essa assinatura do spiderman.