Criando botão translucido

por **Tecnomm™** Qua Dez 24, 2008 4:05 pm

Olá pessoal, neste tutorial criaremos botões translúcidos, tipo MAC.

Utilizaremos:

Modificação da unidade de medida das réguas;
Ferramenta Retângulo;
Arredondamento dos cantos do retângulo;
Duplicação de Objetos;
Preenchimento de objetos;
Efeito Mistura;
Ordenação de objetos;
Ferramenta Transparência Interativa;
Ferramenta Texto.

Considerando que você já esteja com o programa aberto, com novo gráfico e zoom ajustado ao seu gosto, vamos começar...Dê um clique duplo sobre qualquer uma das réguas; No diálogo que surgir, em Unidades, no campo Horizontal selecione Pixels. Clique em OK;

Criando botão translucido Bot21

Na Caixa de Ferramentas selecione a Ferramenta Retângulo;

Criando botão translucido Bot20

Clique-segure-arraste para desenhar um retângulo;

Criando botão translucido Bot3

No campo Tamanho dos objetos, na Barra de Propriedades da Ferramenta, modifique as dimensões do objeto. Digite 400 de largura e 100 de altura;

Criando botão translucido Bot6

Na Barra de Propriedades da Ferramenta modifique o campo Arredondamento dos cantos. Clique dentro de um dos quatro campos e coloque o valor 100 e tecle ENTER;

Criando botão translucido Bot8

Veja como ficou:
Criando botão translucido Bot4

Crie duas cópias (Ctrl+D);

Criando botão translucido Bot10

Usando a Paleta de Cores preencha da seguinte forma, de cima para baixo: branca, ciano e azul;

Criando botão translucido Bot9

Transforme os objetos e modifique as posições deixando da seguinte forma: Azul ao fundo, Ciano na base e branca acima;

Criando botão translucido Bot13

Selecione o objeto azul e o objeto de cor ciano (azul claro); Clique no menu Efeitos/Mistura para exibir a janela Mistura. Na janela que surge clique no botão Aplicar;

Criando botão translucido Bot12

Veja como deve estar:
Criando botão translucido Bot14

Devido à aplicação do efeito, os objetos avançaram. Com a Ferramenta Seleção selecione o objeto branco;

Criando botão translucido Bot15

Tecle Shift+Page up para colocar o objeto branco para frente;

Criando botão translucido Bot16

Na Caixa de Ferramentas selecione a Ferramenta Transparência Interativa;

Criando botão translucido Bot11

Clique-segure-arraste para baixo para aplicar o efeito;

Criando botão translucido Bot19

Tecle F8 para chamar a Ferramenta Texto; Adicione texto ao seu botão (escolha a fonte adequada para o tema e cor que contraste com a cor de fundo);

Criando botão translucido Bot17

Tecle Ctrl+Page Down para recuar o objeto selecionado em relação ao que está logo abaixo (a forma branca). Seu botão está pronto.

Criando botão translucido Bot18

Seg	Ter	Qua	Qui	Sex	Sáb	Dom
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31