Glassy Logobox

Tutorial – Criando um Logobox;

Imagem utilizada:

Iniciando o tutorial, pressione Ctrl + Shift + N para criar uma nova camada;
Defina a cor branca de primeiro plano e selecione a ferramenta Retângulo Arredondado (U);

Defina o Raio em 10 px;

Crie um retângulo como na imagem abaixo:

Pressione Ctrl + J duas vezes, assim teremos duas cópias que utilizaremos adiante!
Desabilite a visualização das mesmas.

Agora selecione a ferramenta Borracha (E);
Pressione F5 e defina os seguintes valores ao pincel;

Ajuste a Opacidade em 45% na barra de opções!
Agora apague o retângulo a partir do centro, deixando apenas uma pequena parte inferior:

Duplique a camada pressionando Ctrl + J,
em seguida Ctrl + T para entrar no modo de transformação livre, e com botão direito escolha a opção Virar verticalmente:

Agora com uma das camadas cópia, que fizemos antes; habilite sua visualização,
mantenha Ctrl pressionado e Clique sobre a miniatura da camada!

Selecione a ferramenta Letreiro Retangular(M), e com Alt pressionado selecione a parte que será excluída!
depois pressione Ctrl + Shift + I e Delete!

Novamente com a Borracha (E), apague levemente os cantos;

Do mesmo modo que fizemos anteriormente, duplique a camada e mova até a parte de cima;

Selecione a ferramenta de Texto (T)
e adicione um texto qualquer;

e por último, habilite a visualização da 2 cópia;
Selecione a ferramenta Letreiro Elíptica(M) e faça uma seleção como abaixo:

A seguir pressione Delete, e coloque esta camada em modo Luz Suave com Opacidade em 20 %!

Espero que tenham gostado!
Até a próxima;

9 Respostas para “Glassy Logobox”

  1. Glassy Logobox « Tutoriais De Photoshop Disse:

    [...] >>Tutorial [...]

  2. william Disse:

    muy bueno, genial.

  3. Andre Maia Disse:

    William;

    Gracias!

    :D

  4. blessedguy Disse:

    Muito legal!
    Consegui adaptar os processos para o GIMP, olha só que beleza:
    http://blessedguy.files.wordpress.com/2008/04/blessedguy.jpg

  5. Andre Maia Disse:

    Muito legal bless;

    Abraço;
    ——————–

  6. blessedguy Disse:

    valeu!
    estou adorando seus tutoriais!
    qualquer dia desses voc~e vai ver um pingback meu aqui =)

  7. Novidades!, e claro, uma nova versão da Aurora Live. « blessedguy Disse:

    [...] blessedguy Aurora Live, Messenger Plus!, Deskmod e afins. « Insira Glass no Firefox 3! Novidades!, e claro, uma nova versão da Aurora Live. 21, Abril, 2008 Com certeza, vocês já viram que o blog recebeu algumas novidades, e teve algumas páginas reformadas. Primeiro, sobre as páginas reformadas. Todos devem ter notado o “selo” “Melhor visualizado com Apple Safari”, vou explicar o motivo dele. Os outros, como Opera, IE(ca)7 e Firefox 2, ou mesmo o 3 beta 5, mostram uma faixa azul ao redor de imagens com link. Fico feliz em anunciar que consegui remover essas bordas, agora usuários de qualquer Browser poderão visualizar o site corretamente! Isso mesmo, agora aquela imagem vai dar lugar a coisas mais importantes…como um selo de apoio ao Firefox, e é claro, ao meu amado Safari; com seus links de download (se quiserem, até coloco outros downloads interessantes na sidebar, só não me peçam algo que exija validação do Windows; tenho certeza de qualquer um aqui já ouviu falar nos horrores de quem já teve seu sistema original flagrado como pirata…). Também, alguns posts foram corrigidos, para ser justo. Também, o site tem agora um novo cabeçalho, agora mais claro, com alguns efeitos que consegui com dicas do André maia, do blog “SuperBrush”, mais especificamente no post Glassy Logobox.  [...]

  8. Настя Манно Disse:

    This is a very beautiful and not at all difficult lesson. Thank you very much for it! I had long looked for a way to make such a transparent button. :)

  9. Adriano Ponte Disse:

    valeu pelo tuto!

Deixe uma resposta