Design Up
Ola Visitante, Seja bem vindo ao DesignUp, esperamos que você goste de nosso conteudo e se torne um Membro para poder participar ainda mais de nossas atividades.

Vale tambem ressaltar que durante seu acesso caso vc veja algum assunto sem nexo algum não se preucupe, é que alguns de nossos conteudos são exclusivos para membros, entao não perca tempo, cadastre-se e tenha acesso completo ao forum.

Att. Rafael Ribeiro
Equipe DesignUp

Participe do fórum, é rápido e fácil

Design Up
Ola Visitante, Seja bem vindo ao DesignUp, esperamos que você goste de nosso conteudo e se torne um Membro para poder participar ainda mais de nossas atividades.

Vale tambem ressaltar que durante seu acesso caso vc veja algum assunto sem nexo algum não se preucupe, é que alguns de nossos conteudos são exclusivos para membros, entao não perca tempo, cadastre-se e tenha acesso completo ao forum.

Att. Rafael Ribeiro
Equipe DesignUp
Design Up
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Escolha o tema
  

Procurar
 
 

Resultados por:
 


Rechercher Pesquisa avançada

Últimos assuntos
» Windows 8 + Ativador 2013 – Torrent
[TUTO] ..: Botões com chanfro externo :.. EmptySex Out 11, 2013 11:50 am por Rafael Ribeiro

» Melhor Windows XP para pc mais antigos… Alto desempenho da maquina com este windows.
[TUTO] ..: Botões com chanfro externo :.. EmptySex Out 11, 2013 10:55 am por Rafael Ribeiro

» DONWLOAD DE FONTES TRANSPARENTES.
[TUTO] ..: Botões com chanfro externo :.. EmptyDom Set 29, 2013 2:07 pm por Keant

» DONWLOAD DE FONTES DOURADAS.
[TUTO] ..: Botões com chanfro externo :.. EmptyQua Jul 31, 2013 3:01 pm por Carlos Alberto dos Santos

» Marinha abre inscrições para concurso de admissão ao Colégio Naval, em Angra dos Reis - RJ
[TUTO] ..: Botões com chanfro externo :.. EmptySex Jul 12, 2013 12:12 pm por Rafael Ribeiro

» Escrevendo arquivo texto com a função StreamWriter
[TUTO] ..: Botões com chanfro externo :.. EmptySeg Nov 12, 2012 8:25 pm por Dexter

» Lendo arquivo texto com a função StreamReader
[TUTO] ..: Botões com chanfro externo :.. EmptySeg Nov 12, 2012 8:21 pm por Dexter

» Foto config
[TUTO] ..: Botões com chanfro externo :.. EmptySeg Nov 12, 2012 8:15 pm por Dexter

» Como localizar um ip
[TUTO] ..: Botões com chanfro externo :.. EmptyQua Set 12, 2012 10:02 am por Dexter

» Jogos Pra Samsun Gt-M2510
[TUTO] ..: Botões com chanfro externo :.. EmptySeg Jun 18, 2012 8:21 am por San

Navegação
 Portal
 Índice
 Membros
 Perfil
 FAQ
 Buscar
Top dos mais postadores
Antunes Marcelo™ (2685)
[TUTO] ..: Botões com chanfro externo :.. Vote_lcap1[TUTO] ..: Botões com chanfro externo :.. Voting_bar1[TUTO] ..: Botões com chanfro externo :.. Vote_rcap 
Rafael Ribeiro (1442)
[TUTO] ..: Botões com chanfro externo :.. Vote_lcap1[TUTO] ..: Botões com chanfro externo :.. Voting_bar1[TUTO] ..: Botões com chanfro externo :.. Vote_rcap 
bru5no (1407)
[TUTO] ..: Botões com chanfro externo :.. Vote_lcap1[TUTO] ..: Botões com chanfro externo :.. Voting_bar1[TUTO] ..: Botões com chanfro externo :.. Vote_rcap 
San (978)
[TUTO] ..: Botões com chanfro externo :.. Vote_lcap1[TUTO] ..: Botões com chanfro externo :.. Voting_bar1[TUTO] ..: Botões com chanfro externo :.. Vote_rcap 
abandonei rs' (213)
[TUTO] ..: Botões com chanfro externo :.. Vote_lcap1[TUTO] ..: Botões com chanfro externo :.. Voting_bar1[TUTO] ..: Botões com chanfro externo :.. Vote_rcap 
Banned+ (143)
[TUTO] ..: Botões com chanfro externo :.. Vote_lcap1[TUTO] ..: Botões com chanfro externo :.. Voting_bar1[TUTO] ..: Botões com chanfro externo :.. Vote_rcap 
michellgomes (138)
[TUTO] ..: Botões com chanfro externo :.. Vote_lcap1[TUTO] ..: Botões com chanfro externo :.. Voting_bar1[TUTO] ..: Botões com chanfro externo :.. Vote_rcap 
Micheel (132)
[TUTO] ..: Botões com chanfro externo :.. Vote_lcap1[TUTO] ..: Botões com chanfro externo :.. Voting_bar1[TUTO] ..: Botões com chanfro externo :.. Vote_rcap 
Kotoquinho (125)
[TUTO] ..: Botões com chanfro externo :.. Vote_lcap1[TUTO] ..: Botões com chanfro externo :.. Voting_bar1[TUTO] ..: Botões com chanfro externo :.. Vote_rcap 
Dexter (87)
[TUTO] ..: Botões com chanfro externo :.. Vote_lcap1[TUTO] ..: Botões com chanfro externo :.. Voting_bar1[TUTO] ..: Botões com chanfro externo :.. Vote_rcap 

Navegação
 Portal
 Índice
 Membros
 Perfil
 FAQ
 Buscar
Parceiros
Fórum grátis


iZiTech
Contador de Visitas
contador free
Facebook

[TUTO] ..: Botões com chanfro externo :..

2 participantes

Ir para baixo

[TUTO] ..: Botões com chanfro externo :.. Empty [TUTO] ..: Botões com chanfro externo :..

Mensagem por Antunes Marcelo™ Qui Ago 05, 2010 12:56 pm

::Objetivo::

Mostrar o uso do efeito "chanfro externo" e suas 28 opções em retângulos, para construir botões.

::Novo documento::

Abra o FW - (Óbvio!) :-)

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.

[TUTO] ..: Botões com chanfro externo :.. Botao0

::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"

[TUTO] ..: Botões com chanfro externo :.. Botao1

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.

[TUTO] ..: Botões com chanfro externo :.. Botao2

::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";

[TUTO] ..: Botões com chanfro externo :.. Botao3

::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.

[TUTO] ..: Botões com chanfro externo :.. Botao4

::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.

[TUTO] ..: Botões com chanfro externo :.. Botao5

::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.

[TUTO] ..: Botões com chanfro externo :.. Botao6

::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.
Antunes Marcelo™
Antunes Marcelo™
Administrador
Administrador

Gémeos
Mensagens : 2685
Pontos : 4815
Agradecimentos : 244
Data de inscrição : 19/07/2010
Idade : 32
Localização : Caldas Novas - GO

Outras Informações
Ocorrencias:
[TUTO] ..: Botões com chanfro externo :.. Left_bar_bleue10/10[TUTO] ..: Botões com chanfro externo :.. Empty_bar_bleue  (10/10)

http://www.pwcentral.com.br

Ir para o topo Ir para baixo

[TUTO] ..: Botões com chanfro externo :.. Empty Re: [TUTO] ..: Botões com chanfro externo :..

Mensagem por Rafael Ribeiro Qui Ago 05, 2010 6:50 pm

inressante to gostando desses tuto mano.
Rafael Ribeiro
Rafael Ribeiro
Administrador
Administrador

Libra
Mensagens : 1442
Pontos : 3001
Agradecimentos : 117
Data de inscrição : 29/05/2010
Idade : 37
Localização : Moreno-PE

Outras Informações
Ocorrencias:
[TUTO] ..: Botões com chanfro externo :.. Left_bar_bleue0/10[TUTO] ..: Botões com chanfro externo :.. Empty_bar_bleue  (0/10)

https://designup.forumeiro.com

Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos