Design-PT
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Design-PT

O melhor fórum de Design Português
 
InícioPortalProcurarÚltimas imagensRegistarEntrar

 

 [Corel-Draw]Botão Personalizado (Acqua)

Ir para baixo 
3 participantes
AutorMensagem
fernandorb
Profissional
Profissional
fernandorb


Número de Mensagens : 88
Experiência de Design :
[Corel-Draw]Botão Personalizado (Acqua) Left_bar_bleue0 / 1000 / 100[Corel-Draw]Botão Personalizado (Acqua) Right_bar_bleue

D-PT Coins :
[Corel-Draw]Botão Personalizado (Acqua) Left_bar_bleue0 / 1000 / 100[Corel-Draw]Botão Personalizado (Acqua) Right_bar_bleue

Data de inscrição : 16/06/2008

[Corel-Draw]Botão Personalizado (Acqua) Empty
MensagemAssunto: [Corel-Draw]Botão Personalizado (Acqua)   [Corel-Draw]Botão Personalizado (Acqua) Icon_minitimeTer Jun 17, 2008 9:02 pm

Em primeiro lugar, vamos começar por criar as formas básicas do botão.
Com a ferramenta rectângulo desenha um botão com um tamanho que te agrade [Corel-Draw]Botão Personalizado (Acqua) 210.
Escolhe a ferramenta forma agarra um dos quatro cantos e cria um rectângulo arredondado
(A ferramenta é a 2 de cima para baixo)
[Corel-Draw]Botão Personalizado (Acqua) 310
O teu rectângulo deve estar parecido com este.

Escolhe a ferramenta selecção (a primeira de todas as ferramentas). Pressiona a Tecla Shift e arrasta uma das alças da largura do rectângulo até a status bar (barra que está no fim do documento) mostrar cerca de 80 - 85 porcento. Mantêm pressionado o botão esquerdo do rato e dá um clique com botão direito. Liberta agora o botão esquerdo para finalizares a transformação.
[Corel-Draw]Botão Personalizado (Acqua) 311
As tuas formas devem estar parecidas com esta.



Ao dares um clique no botão direito do rato, uma cópia do rectângulo é criada deixando o original no sítio.

Selecciona o novo rectângulo, pressiona a tecla shift outra vez. Agora escolhe uma das alças da altura e arrasta-a até a status bar mostrar uma alteração entre 15 - 20%.
Enquanto pressionas a tecla Ctrl, arrasta o pequeno rectângulo até ao fundo do rectângulo original, verifica se deixas um pequeno espaço como mostrado na imagem abaixo.
[Corel-Draw]Botão Personalizado (Acqua) 510


O pequeno rectângulo é colocado estrategicamente no fundo do rectângulo original

Cria agora um novo rectângulo e arredonda os cantos da mesma forma usada no 1º.
Este novo rectângulo deve ser comprido e fino
[Corel-Draw]Botão Personalizado (Acqua) Sem_ti13

Um terceiro rectângulo é criado com os cantos arredondados

Arrasta a alça da altura do 3º rectângulo com a tecla Shift pressionada para cerca de 150%.

[Corel-Draw]Botão Personalizado (Acqua) 710
A altura do novo rectângulo é ajustada
Move agora o novo rectângulo para o topo do 1º. Deixa apenas uma pequena margem entre o rectângulo original e o novo rectângulo.
Selecciona agora o novo rectângulo, (o que criaste a pouco) e e escolhe no menu em cima Effects > Add Perspective a ferramenta forma fica activa.
Pressionado ambas as teclas Shift e Ctrl agarra primeiro a alça do topo e depois a do fundo para aplicares um efeito de perspectiva ao rectângulo como mostra a imagem de baixo:



[Corel-Draw]Botão Personalizado (Acqua) Sem_ti14
Ao arrastares as alças dás ao botão uma aparência 3d

Temos agora criados todos os rectângulos necessários. Compara o teu trabalho com a imagem abaixo.
[Corel-Draw]Botão Personalizado (Acqua) 910
As tuas formas devem estar parecidas com esta.

Precisamos agora de definir as cores que iremos usar no botão. Sente-te a vontade para escolheres o esquema de cores que mais te agrade. Nós iremos aplicar as cores características do iMac.


Selecciona o 1º rectângulo (aquele que criamos no inicio) e preenche-o com a cor Azul Marinha (HSB: 220, 100, 60). Retira-lhe o Outline.
Selecciona o 2º rectângulo (aquele que está no fundo do 1º) e preenche-o com a cor (HSB: 189, 100, 100). Retira-lhe também o Outline.
Selecciona por fim o 3º rectângulo e preenche-o de branco sem Outline



Cria agora um novo rectângulo e arredonda os cantos da mesma forma usada no 1º.
Este novo rectângulo deve ser comprido e fino


[Corel-Draw]Botão Personalizado (Acqua) Ultima10
Depois de preencheres todos os rectângulos o resultado deve ser este
Selecciona a ferramenta Interactive Blend

[Corel-Draw]Botão Personalizado (Acqua) Sem_ti15
Clica a partir do centro do 2 rectângulo até ao centro do 1º rectângulo, criando uma mistura de cerca de 20 steps (passos).

[Corel-Draw]Botão Personalizado (Acqua) Sem_ti17
A imagem depois de aplicarmos a transparência interactiva

Por fim para fazermos com que o nosso botão fique realmente brilhante e translúcido, deveremos aplicar uma sombra sobre o botão.

Selecciona o 1º rectângulo. Se a Status bar disser qualquer coisa como "Control Rectangle on Layer 1" seleccionas-te o correcto, se disser "Blend Group on Layer 1" seleccionas-te o errado.

Selecciona a ferramenta Interactive Drop Shadow

[Corel-Draw]Botão Personalizado (Acqua) Sem_ti18
Com a tecla CTRL pressionada arrasta do centro do botão até ultrapassar ligeiramente o fim do botão.

[Corel-Draw]Botão Personalizado (Acqua) Sem_ti19
clica e arrasta o drop shadow

Para finalizarmos o botão resta-nos inserir um texto.
Com a ferramenta Text escreve o teu texto. Nós usamos a palavra "designer" com a fonte Tahoma
Escolhe a ferramenta Interactive Drop Shadow outra vez e aplica uma pequena sombra ao texto de modo a realçar a palavra.


[Corel-Draw]Botão Personalizado (Acqua) Sem_ti21

AUTOR:ANONIMO.
Texto editado por Fernandorb
Ir para o topo Ir para baixo
Drytf
Admin
Admin
Drytf


Número de Mensagens : 274
Experiência de Design :
[Corel-Draw]Botão Personalizado (Acqua) Left_bar_bleue2 / 1002 / 100[Corel-Draw]Botão Personalizado (Acqua) Right_bar_bleue

D-PT Coins :
[Corel-Draw]Botão Personalizado (Acqua) Left_bar_bleue135 / 100135 / 100[Corel-Draw]Botão Personalizado (Acqua) Right_bar_bleue

Data de inscrição : 07/05/2008

[Corel-Draw]Botão Personalizado (Acqua) Empty
MensagemAssunto: Re: [Corel-Draw]Botão Personalizado (Acqua)   [Corel-Draw]Botão Personalizado (Acqua) Icon_minitimeTer Jun 17, 2008 9:11 pm

bom tut ;D
Ir para o topo Ir para baixo
https://design-pt.forumeiros.com
fernandorb
Profissional
Profissional
fernandorb


Número de Mensagens : 88
Experiência de Design :
[Corel-Draw]Botão Personalizado (Acqua) Left_bar_bleue0 / 1000 / 100[Corel-Draw]Botão Personalizado (Acqua) Right_bar_bleue

D-PT Coins :
[Corel-Draw]Botão Personalizado (Acqua) Left_bar_bleue0 / 1000 / 100[Corel-Draw]Botão Personalizado (Acqua) Right_bar_bleue

Data de inscrição : 16/06/2008

[Corel-Draw]Botão Personalizado (Acqua) Empty
MensagemAssunto: Re: [Corel-Draw]Botão Personalizado (Acqua)   [Corel-Draw]Botão Personalizado (Acqua) Icon_minitimeQua Jun 18, 2008 2:52 am

vlw...
Ir para o topo Ir para baixo
Lipinha
Newbie
Newbie



Número de Mensagens : 5
Experiência de Design :
[Corel-Draw]Botão Personalizado (Acqua) Left_bar_bleue0 / 1000 / 100[Corel-Draw]Botão Personalizado (Acqua) Right_bar_bleue

D-PT Coins :
[Corel-Draw]Botão Personalizado (Acqua) Left_bar_bleue0 / 1000 / 100[Corel-Draw]Botão Personalizado (Acqua) Right_bar_bleue

Data de inscrição : 18/06/2008

[Corel-Draw]Botão Personalizado (Acqua) Empty
MensagemAssunto: Re: [Corel-Draw]Botão Personalizado (Acqua)   [Corel-Draw]Botão Personalizado (Acqua) Icon_minitimeQua Jun 18, 2008 10:25 pm

muito bom tuto..
gostei mesmo..
cump'Z
Ir para o topo Ir para baixo
fernandorb
Profissional
Profissional
fernandorb


Número de Mensagens : 88
Experiência de Design :
[Corel-Draw]Botão Personalizado (Acqua) Left_bar_bleue0 / 1000 / 100[Corel-Draw]Botão Personalizado (Acqua) Right_bar_bleue

D-PT Coins :
[Corel-Draw]Botão Personalizado (Acqua) Left_bar_bleue0 / 1000 / 100[Corel-Draw]Botão Personalizado (Acqua) Right_bar_bleue

Data de inscrição : 16/06/2008

[Corel-Draw]Botão Personalizado (Acqua) Empty
MensagemAssunto: Re: [Corel-Draw]Botão Personalizado (Acqua)   [Corel-Draw]Botão Personalizado (Acqua) Icon_minitimeQua Jun 18, 2008 10:54 pm

ok...
Ir para o topo Ir para baixo
Conteúdo patrocinado





[Corel-Draw]Botão Personalizado (Acqua) Empty
MensagemAssunto: Re: [Corel-Draw]Botão Personalizado (Acqua)   [Corel-Draw]Botão Personalizado (Acqua) Icon_minitime

Ir para o topo Ir para baixo
 
[Corel-Draw]Botão Personalizado (Acqua)
Ir para o topo 
Página 1 de 1

Permissões neste sub-fórumNão podes responder a tópicos
Design-PT :: Design Zone :: Tutoriais :: Corel-Draw-
Ir para: