::Novo documento::
Abra o FW
Tecle Ctrl + N ou selecione, Arquivo ===> Novo para abrir a caixa de diálogo "Novo documento", conforme mostrado na figura abaixo.
Ajuste as dimensões de Canvas (palco, área de trabalho, tela, etc...) para:
Largura: 200 pixels - Altura: 150 pixels
Cor da Tela: Transparente. Tecle OK.
::O retângulo::
Com o palco para construção do novo documento na tela, vamos começar desenhando um retângulo nas dimensões do botão a construir.
1-) Clique no ícone da ferramenta "Retângulos e Elípses";
2-) No menu que se abre, clique em "Ferramenta Retângulo Arredondado"
Observe a figura abaixo:
1-) Com a ação descrita no item anterior o ponteiro do mouse transforma-se em uma "cruzinha", pronto para desenhar o retângulo pela ação de arrastar e soltar.
Desenhe um retângulo sem se preocupar com as dimensões!;
2-) Com o retângulo desenhado e selecionado, ajuste a cor do preenchimento para sua cor escolhida. Neste tutorial usei a cor #999999;
3-) Mantenha o retângulo selecionado e nas janelinhas W (largura) e H (altura) digite as dimensões do retângulo;
4-) Escolha o raio de arredondamento dos cantos do retângulo.
::O menu do chanfro::
1-) Selecione o retângulo (clique em cima dele). "Aparece" um contorno em linha azul com bolinhas nos cantos conforme mostrado na figura;
2-) Clique em cima do sinalzinho + de Efeitos para abrir o menu dos chanfros;
3-) Deslize o mouse até "Chanfro e relevo" e no sub-menu que se abre clique em 4-) "Chanfro externo";
::Aplicação do chanfro::
Com a ação descrita no item anterior abre-se um caixinha de diálogo para aplicação de chanfros;
1-) Por default será aplicado no nosso retângulo um chanfro.
2-) Escolha uma cor para o chanfro. Neste tutorial apliquei uma cor igual a cor do retângulo #999999.
Você pode escolher uma cor diferente.
3-) Escolha uma espessura para o chanfro;
4-) Nestas 3 janelinhas ajuste os detalhes de sombras e orientações para o chanfro. Faça testes variando os valores;
5-) e 6-) por default estas janelinhas devem estar com o chanfro Achatado e em Alto Relevo.
Abra estas janelinhas clicando na setinha ao lado delas.
7-) A janelinha onde esta escrito Alto relevo abre-se e você tem mais 3 opções;
8-) A janelinha aberta com as 4 opções possíveis.
::Mais opções::
1-) Selecione o retângulo;
2-) Clique na setinha e janelinha onde está escrito Achatado abre-se e você tem mais 6 opções;
3-) A janelinha aberta com as 7 opções possíveis.
::Os 28 botões::
Você pode então combinar cada uma das 4 opções de uma janelinha com as 7 opções da outra;
Com isso você obtém 7 x 4 = 28 tipos de botões, mostrados abaixo.
::Nota final::
Mostrei neste tutorial a técnica básica para construção de botões com chanfro externo.
Mas, isto não é tudo.
Dê asas a sua criatividade e ao dominar esta técnica, altere e combine cores, faça preenchimentos degradê, construa "rollovers" usando 2 tipos de botões, etc...etc...
As possibilidades são ilimitadas para você criar interessantes botões com esta simples e fácil técnica de criação, usando as 28 opções do chanfro externo.
Abra o FW
Tecle Ctrl + N ou selecione, Arquivo ===> Novo para abrir a caixa de diálogo "Novo documento", conforme mostrado na figura abaixo.
Ajuste as dimensões de Canvas (palco, área de trabalho, tela, etc...) para:
Largura: 200 pixels - Altura: 150 pixels
Cor da Tela: Transparente. Tecle OK.
::O retângulo::
Com o palco para construção do novo documento na tela, vamos começar desenhando um retângulo nas dimensões do botão a construir.
1-) Clique no ícone da ferramenta "Retângulos e Elípses";
2-) No menu que se abre, clique em "Ferramenta Retângulo Arredondado"
Observe a figura abaixo:
1-) Com a ação descrita no item anterior o ponteiro do mouse transforma-se em uma "cruzinha", pronto para desenhar o retângulo pela ação de arrastar e soltar.
Desenhe um retângulo sem se preocupar com as dimensões!;
2-) Com o retângulo desenhado e selecionado, ajuste a cor do preenchimento para sua cor escolhida. Neste tutorial usei a cor #999999;
3-) Mantenha o retângulo selecionado e nas janelinhas W (largura) e H (altura) digite as dimensões do retângulo;
4-) Escolha o raio de arredondamento dos cantos do retângulo.
::O menu do chanfro::
1-) Selecione o retângulo (clique em cima dele). "Aparece" um contorno em linha azul com bolinhas nos cantos conforme mostrado na figura;
2-) Clique em cima do sinalzinho + de Efeitos para abrir o menu dos chanfros;
3-) Deslize o mouse até "Chanfro e relevo" e no sub-menu que se abre clique em 4-) "Chanfro externo";
::Aplicação do chanfro::
Com a ação descrita no item anterior abre-se um caixinha de diálogo para aplicação de chanfros;
1-) Por default será aplicado no nosso retângulo um chanfro.
2-) Escolha uma cor para o chanfro. Neste tutorial apliquei uma cor igual a cor do retângulo #999999.
Você pode escolher uma cor diferente.
3-) Escolha uma espessura para o chanfro;
4-) Nestas 3 janelinhas ajuste os detalhes de sombras e orientações para o chanfro. Faça testes variando os valores;
5-) e 6-) por default estas janelinhas devem estar com o chanfro Achatado e em Alto Relevo.
Abra estas janelinhas clicando na setinha ao lado delas.
7-) A janelinha onde esta escrito Alto relevo abre-se e você tem mais 3 opções;
8-) A janelinha aberta com as 4 opções possíveis.
::Mais opções::
1-) Selecione o retângulo;
2-) Clique na setinha e janelinha onde está escrito Achatado abre-se e você tem mais 6 opções;
3-) A janelinha aberta com as 7 opções possíveis.
::Os 28 botões::
Você pode então combinar cada uma das 4 opções de uma janelinha com as 7 opções da outra;
Com isso você obtém 7 x 4 = 28 tipos de botões, mostrados abaixo.
::Nota final::
Mostrei neste tutorial a técnica básica para construção de botões com chanfro externo.
Mas, isto não é tudo.
Dê asas a sua criatividade e ao dominar esta técnica, altere e combine cores, faça preenchimentos degradê, construa "rollovers" usando 2 tipos de botões, etc...etc...
As possibilidades são ilimitadas para você criar interessantes botões com esta simples e fácil técnica de criação, usando as 28 opções do chanfro externo.
Dom Set 21, 2014 6:17 pm por robinhozns
» Mu Fluxo Server Hard Mais novo online "VEM PRA CA VEM"
Sex Set 19, 2014 2:33 pm por robinhozns
» MU NOVO - O Melhor servidor 97d+99i do BRASIL
Qua Jan 18, 2012 7:58 pm por bielzinh2
» MuTheGameBR < << <<< VENHA CONFERIR CORRA Ñ FIQUE FORA DESSA ...
Seg Jan 09, 2012 8:32 am por GmSloot
» Fallen Angel mu Season 6 Episodio 2
Dom Jan 08, 2012 8:23 pm por Galder
» Divulgue seu Sever de Mu Online Aqui !
Seg Dez 26, 2011 9:18 am por GananciA
» MUBORN.net - LANCAMENTO + NOVOS ITENS + NOVOS EVENTOS
Seg Dez 19, 2011 11:14 am por venoborn
» Mu Lost o MAis Irado do brasil
Seg Nov 21, 2011 8:10 pm por marcelokuo
» Pedido de Designer
Dom Nov 06, 2011 1:09 am por Fera