Conheça o curso ao vivo: Redes e Protocolos TCP/IP Avançado com Laboratório

Neste Exemplo, usaremos um "Rounded Rectangle"

» Inicie um novo documento. Crie um Rounded Rectangle (Figura1.1) com Roundness 100 (Figura1.2)


Figura1.1
Rounded Rectangle


Figura1.2
Roundness = 100

» Selecione a cor base. No exemplo usaremos o azul #1A4B8F

» Duplique o layer clicando na seta do topo da janela "Layers", selecionando "Duplicate Layer" (Figura3.1)


Figura3.1
Duplicando Layers

Se quiser, nomeie os layers como "Top" (o de cima) e "Bottom" (o de baixo)

» No Layer "Top", selecione o retângulo e aplique a cor branca. Com a ferramenta "Scale Tool" (pressione "Q"), reduza o retângulo como mostra a figura 4.1


Figura 4.1

» Crie um retângulo e o posicione em cima do retângulo branco (Figura 5.1). Troque a textura de "Solid" para "Linear", aplicando a cor "Black, White" (Figura 5.2). Agora, verticalize a textura (Figura 5.3)


Figura 5.1




Figura 5.2



Figura 5.3


» Selecione os dois retângulos do Layer "Top". Vá ao Menu Modify>Mask>Group As Mask. O resultado final será igual à figura 6.1


Figura 6.1


» Crie um novo layer e o nomeie como "Bottom Glow". Crie então um círculo (Figura 7.1)


Figura 7.1

Mude o "Fill" de "Solid " para "Radial" e aplique uma cor passando de um azul mais escuro para ums mais claro (Figura 7.2)


Figura 7.2


» Corte o círculo no meio (Figura 8.2) usando a ferramenta "Knife Tool" (Figura 8.1).


Figura 8.1


Figura 8.2

Após o corte, leve as duas partes para as extremidades (Figura 8.3)

Figura 8.3


Converta ambas as partes em Bitmap (Ctrl + Alt + Shift + Z).

» No meio Círculo da esquerda, selecione uma pequena parte da figura (Figura 9.1) e estique até a outra metade com a ferramenta "Scale Tool" ("Q") (Figura 9.2)


Figura 9.1



Figura 9.2

» Agrupe as duas metades. Com "Scale Tool" ("Q"), reduza este grupo semelhante à figura 10.1


Figura 10.1

Agora, aplique um "Gaussian Blur" (Xtras>Blur>Gaussian Blur) entre 10 a 16. O Botão ficará com mostra a figura 10.2.


Figura 10.2


» Para finalizar, o texto. Uma dica de fonte é a "Lucida Console".Adicione à ela uma sombra bem fraca. Veja a figura 11.1


Figura 11.1

Agora, para fazer em outras cores, basta apenas substituír a cor do retângulo base e do "Bottom Glow".