Abaixo mostro exemplos de como
criar botões no PhotoShop 6. Acredito, e muitos
concordam com isso, que é a maneira mais rápida
e fácil de aprender. Em versões anteriores
pode ocorrer de não existir alguns comandos da
versão 6, mas são poucos.
Vamos criar dois botões em 11
passos, alguns chamam de botões globulares, um
para ser o principal e o outro irá aparecer quando
colocamos o mouse sobre ele, dando a impressão
de que foi pressionado. Eu usei o DreamWeaver para dar
este efeito com JavaScript.
1 – Abra o PhotoShop e crie um novo arquivo
siga o exemplo da figura. Você poderá criar
um botão maior ou menor se quiser. Note que o
CONTEÚDO é TRANSPARENTE.
2 – Desenhe um circulo no centro da tela
de pintura e pinte de azul, por exemplo. Salve como
botao1. Se não ficar no centro não se
preocupe, vamos ajeitar.
3 – Para que a tela fique do tamanho
da figura, colocando-a assim no centro vá no
menu IMAGEM e escolha CORTE DEMARCADO. Veja que o círculo
tem que estar selecionado para o comando funcionar.
4 – Caso não esteja selecionado,
a maneira mais rápida para selecionar só
o objeto da camada, vá na caixa de camadas. Caso
não esteja mostrando vá ao menu JANELA
e escolha MOSTRAR CAMADAS. coloque o ponteiro do mouse
sobre o nome da camada, no caso abaixo é “Camada
1” pressione a tecla control (Ctrl) e de um clique.
Note que quando você coloca o ponteiro do mouse
lá ele se torna uma mão e quando pressiona
a tecla control um quadrado de seleção
aparece na mão.
Após executado, o comando CORTE
DEMARCADO ira ficar assim:
5 – Agora vamos aplicar um efeito de
luz, para dar uma aparência tridimensional de
esfera. Isto acontece pela forma como a luz incide em
um objeto e cria brilhos e sombras. O filtro EFEITOS
DE ILUMINAÇÃO ajuda a incorporar este
aspecto 3D a uma ilustração plana. Com
o círculo selecionado vá no menu FILTRO
– ACABAMENTO e escolha EFEITOS DE ILUMINAÇÃO…
Irá aparecer a seguinte tela:
Escolha o Tipo de luz Spot. Na Intensidade
colo 50 indo para Máxima. No Foco -90 indo para
Estreito.
Nas Propriedade coloque o Reflexo -97 indo para Matte.
Material 100 indo para Metálico. Exposição
0 e Ambiente -15 indo para Negativo.
Na área de visualização será
preciso expandir a área da luz e alterar o seu
centro. Leve o cursor do mouse para lá e arraste
o circulo para aumentar, rotacionar ou diminuir a área
da luz, você também pode mudar o foco arrastando-o,
quando estiver satisfeito com o efeito, se quiser, salve
as configurações usando a opção
Salvar… como um novo estilo, dê um nome para
ele. Clique em OK. Pronto, temos nossa esfera!
Esta pronto o primeiro botão.
Salve-o!
6 – Vá no menu IMAGEM e escolha
DUPLICAR, teremos um novo arquivo, dê o nome de
botao2. Feche o botao1 e vamos trabalhar o efeito do
botao2.
7 – Selecione o botao2 e vá até
o menu SELECIONAR – MODIFICAR e escolha REDUÇÃO…
Na caixa que aparece REDUZIR SELEÇÃO
coloque 7 por exemplo. Deve ficar assim:
8 – Vá no menu CAMADA – NOVO e
escolha CAMADA POR CÓPIA. Isto vai criar uma
nova camada com uma cópia só do que está
selecionado. Note a caixa camada como ficou:
9 – Selecione a Camada 2, vá ao
menu SELECIONAR e escolha DIFUSÃO. Na caixa que
aparece RAIO DE DIFUSÃO coloque o valor 4. Ok.
Não tire a seleção!
10 – Agora vá ao menu EDITAR –
TRANSFORMAÇÃO e escolha ROTACIONAR 180º.
Pronto já temos o botão
com efeito de pressionado. Salve o botao2!
11 – Último passo é salvar
os botões num formato para a WEB. Assim vá
ao menu ARQUIVO e escolha a opção SALVAR
PARA A WEB. Na tela que aparece clique na guia ATÉ
4, você vê o botão em 4 formas diferentes.
O primeiro é o original, nos outros três
o PhotoShop aplica configuração de cores
e pontilhados. Tente escolher o menor arquivo caso ele
fique bom, veja o exemplo, eu coloquei um círculo,
o meu botão ficou com 1,555K, você deve
comparar tamanhoXqualidade. As vezes o tamanho é
pequeno mas a qualidade é horrível. Assim
tente manter um equilíbrio. Feita a escolha,
por clicar no quadro desejado, clique em OK, o PhotoShop
vai pedir para você salvar o arquivo. Salve com
o mesmo nome, mas agora será um .Gif.
Passe o mouse sobre o exemplo abaixo.
Aguarde carregar as imagens.
