Forum Bom

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

    Botão globo com efeito vidro

    [Admin] Win32
    [Admin] Win32
    [Admin]
    [Admin]


    Masculino Mensagens : 175

    Botão globo com efeito vidro Empty Botão globo com efeito vidro

    Mensagem  [Admin] Win32 Qui Jan 20, 2011 11:27 pm

    ::Novo documento::

    Abra o FW

    Tecle Ctrl + N ou selecione, Arquivo ===> Novo para abrir a caixa de diálogo "Novo documento".

    Ajuste as dimensões de Canvas (palco, área de trabalho, tela, etc...) para:

    Largura: 200 pixels - Altura: 200 pixels

    Cor da Tela: #AAAAAA.

    Tecle OK.
    ::A base::

    Vamos construir um base para nosso botão.

    Desenhe no palco um círculo de 165px x 165px e aplique:
    1-) Preenchimento: gradiente radial cores #555555 e #FFFFFF, conforme mostrado na figura;

    2-) Contorno do círculo: traço arredondado suave de 1px na cor #999999;
    Botão globo com efeito vidro Botaovidro1
    ::Construindo o botão globo::

    Desenhe outro círculo de 150px x 150px e alinhe-o vertical e horizontalmente com o círculo anterior;
    Para alinhar, selecione os dois círculos e tecle Ctrl + Alt + 2 e depois Ctrl + Alt + 5;

    Aplique neste novo círculo:

    1-) Preenchimento: gradiente radial cores #0000BB e #FFFFFF, conforme mostrado na figura;

    2-) Contorno do círculo: traço arredondado suave de 1px na cor #000000;
    Botão globo com efeito vidro Botaovidro2
    ::Aplicando efeito::

    Acompanhe a numeração na figura abaixo:

    1-) Desenhe um círculo de 130px x 130px com a cor de preenchimento #FFFFFF e alinhe-o com o círculo anterior;
    2-) Clone o círculo desenhado Ctrl + Shift + D e desloque o clone para baixo como mostrado na figura;
    3- Selecione os dois círculos brancos e menu Modify => Combine Paths => Punch e você obterá a "meia-lua" mostrada no desenho;
    4-) Selecione a "meia-lua" e aplique Effects => Blur => Gaussian Blur e ajuste para radius=4,5;
    5-) Aplique transparência=70 na "meia-lua"
    Botão globo com efeito vidro Botaovidro3
    ::O botão pronto::
    Botão globo com efeito vidro Botaovidro4

      Data/hora atual: Seg maio 20, 2024 5:38 am