Você está na página 1de 3

Muitas vezes, quando fazemos pginas para a Web, queremos personalizar nossos prprios botes.

Nesse tutorial vamos criar um boto que pode servir de exemplo, com um efeito "translcido", muito bonito. 1. Use a ferramenta Rectangle Tool e crie um retngulo do tamanho que voc quer para o seu boto. Depis, se necessrio, voc pode mudar o tamanho do boto. 2. Use a ferramenta Shape Tool, arraste por uma de suas pontas at formar um retngulo com os cantos arredondados. Veja na imagem abaixo:

Botes Translcidos

3. Duplique essa imagem (CTRL-D) e reduza a cpia em mais ou menos 20%. Arraste ela sobre a 1 imagem criada. Mais ou menos na posio que est na figura abaixo:

4. Usando a ferramenta Fill Tool, Pinte o retngulo maior com uma cor mais escura e a menor com uma cor mais clara. Eu usei duas tonalidade azuladas nesse tutorial. Envolva as duas imagens e, usando a ferramenta Outline Tool, elimine o fio das imagens, clicando naquela ferramenta que tem um X. Veja como ficou o nosso boto:

5 - Em seguida, Usando o Pick Tool (o ponteiro do Corel) marque as duas imagens. Escolha no Menu Effects > Blend a opo Blend Steps e ponha a 20 como o nmero de "Steps" a ser usado e clique em Apply. Sua imagem deve ter ficado mais ou menos assim:

6 - Em seguida, com a ferramenta Rectanfle Tool, faa um novo retngulo, desta vez menor, transforme suas pontas em crculos, como voc fez na etapa 2 desse tutorial. Pinte ele de branco e o coloque ele sobre o seu boto mais ou menos na posio que voc v abaixo:

7 - Selecione esse retongulo, v em Effects > Add Perpective e, aprtando ao mesmo tempo as teclas CTRL e Shift e, clicando com o mouse numa das alas superiores do retngulo, "encolha" um pouco a parte de cima. Veja abaixo:

8 - Depois disso, com esse boto selecionado, clique novamente na ferramenta Fill Tool, Escolha a opo Fontain Fill Dialog. Na tela que se abre, escreva em "Angle" 90 graus e no boto "From" ponha uma cor intermediria entre as cores que voc escolheu na etapa 3. Clique em OK e veja se sua imagem ficou semelhante a essa:

Note que a cor mais escura desse novo retngulo deve se confundir com a do boto na posio inferior. 9 - Agora falta pouco para o seu boto ficar pronto. Digite a palavra que voc quer para o nome do boto. No nosso exemplo, escolhemos "Coreldraw". Escolha uma fonte (usamos a Tahoma) e centralize a palavra sobre o boto, pondo um tamanho de fonte proporcional ao tamanho do boto. Com a ferramenta Pick Tool, envolva todo o boto e clique CTRL-G para agrupar todas as partes da imagem. Agora voc pode, clicando numa das beiras do boto, aument-lo ou diminu-lo at ficar do tamanho que voc necessita. Exporte a imagem em JPG ou GIF. A est como ele ficou depois de pronto:

Você também pode gostar