Criando um Botão pressionado no Photoshop !
| 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. |
| 3. |
 |
| Encolha a tua selecção em 5 pixeis Select > Modify > Contract. |
| 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. Criamos a 1ª imagem do botão. |
| 6. |
 |
| Para criarmos a 2ª Imagem cria um novo layer e coloque-o para baixo do layer texto e por cima do contorno. |
| 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 |
