How to Make a Glossy Web 2.0 Logo Como Fazer um Web 2.0 Logo Brilhante

web20-logo.png

I am not good at writing tutorials to be honest but almost a hundred people have already asked me how I made that glassy and cool web 2.0 logo for my blog so after all this hype I think its almost time to share it with my readers and the good thing is thats its damn easy. Eu não sou bom em escrever tutoriais para ser honesto, mas quase uma centena de pessoas já me perguntaram como eu fiz esse web vítreo e frio logo 2,0 para o meu blog para que depois de todo este hype eu acho que é quase a tempo para compartilhar com meus leitores e os coisa boa é a damn thats fácil. Of course with the domination of web 2.0 its almost difficult to stay away from cool looking logos so worry not because now even you can make yourself a glassy web 2.0 logo using this tutorial. Claro que com o domínio da web 2.0 seus quase difícil ficar longe de arrefecer logos olhando assim não se preocupe, porque agora mesmo você pode fazer você mesmo um web glassy 2,0 logotipo usando este tutorial.

Make a Glassy Web 2.0 Logo Faça uma Glassy Web 2.0 Logo

The software I will be using to make this tutorial is Adobe Photoshop however just follow the steps accordingly and you can replicate the tutorial to be used with other graphic softwares like Paint Shop Pro and Gimp. O software que será utilizado para fazer este tutorial é o Adobe Photoshop no entanto basta seguir os passos nesse sentido e você pode replicar o tutorial para ser usado com outros softwares gráficos como Paint Shop Pro e Gimp. The method is really simple and easy and will not take then more than 5 minutes. O método é muito simples e fácil, e não terá então mais de 5 minutos. So here we go: Então, vamos lá:

  1. Open a blank document in Adobe Photoshop of any pixel dimension with the default preset, resolution, color mode and background as white. Abra um documento em branco no Adobe Photoshop de qualquer dimensão de pixel com o padrão predefinido, resolução, modo de cor e fundo como branco.
  2. Select the 'Text Tool' and and write a text of your choice eg'Web'. Selecione a "Ferramenta de Texto" e e escrever um texto de sua escolha eg'Web '. Make sure the font-style is set to 'Arial', the font-weight must be 'bold' with a 'smooth' anti-aliasing and of course choose whatever font size you like eg 50pt is recommended. Certifique-se que a fonte estilo é definido como "Arial", o font-weight deve ser 'ousado' com um 'bom' anti-aliasing e, claro, escolher o tamanho da letra que você gosta, por exemplo 50pt é recomendado.
  3. Right click on the text layer you just created and click 'Blending Options'. Clique com o botão direito sobre a camada de texto que você acabou de criar e clique em "Blending Options".
  4. Now please check mark the box near 'Color Overlay' and apply the following transformation Agora, por favor, marque a caixa de perto "Color Overlay" e aplica a seguinte transformação
  5. cor-overlay.png

  6. Now please check mark the box near 'Outer Glow' and apply the following transformation Agora, por favor, marque a caixa de perto "Outer Glow" e aplicar a transformação da seguinte
  7. exterior glow.png
    Your text should look something like this till now. Seu texto deve ficar parecido com isso até agora.
    web-logo.png

  8. Repeat steps 2-5 again to create a text of different color which is going to be a part of your final logo. Repita os passos 2-5 novamente para criar um texto de cor diferente que vai ser uma parte de seu logotipo final. In this case the second text is '2.0' and here is what you get. Neste caso, o segundo texto é '2 .0 'e é aqui que você começa.
  9. web20-logo-unfinished.png

  10. Select the 'Elliptical Marquee Tool' and select the upper half-curvature of the text you just made. Selecione o "Elliptical Marquee Tool" e selecione a metade superior da curvatura do texto que acabou de fazer. Take a look Dê uma olhada
  11. logo-curvature.png

  12. Make a new layer above your other layers and name it 'gloss'. Faça uma nova camada acima de suas outras camadas e nomeie-o "brilho". Fill this layer with 'White' color using the 'Paint Bucket Tool' within the portion which we just selected using the Elliptical Marquee Tool. Preencha essa camada com a cor 'branca' usando o 'Paint Bucket Tool' dentro da parcela que nós apenas selecionado usando a Elliptical Marquee Tool. Set the opacity of this layer to 40%. Defina a opacidade desta camada para 40%. Here is what we get finally Aqui está o que nós temos finalmente
  13. logo-glossy.png

  14. Add any open-source icon or image beside the glossy text to give it the complete form of a logo. Adicione qualquer ícone de fonte aberta ou a imagem ao lado do texto brilhante de lhe dar a forma completa de um logotipo. Here is my pick Aqui é a minha escolha
  15. completa-web20-logo.png

There you go! Lá vai você! Wow I just wrote a complete Photoshop Tutorial lol. Wow eu escrevi um tutorial completo de Photoshop lol. I hope most of you enjoy the tutorial and have fun making new web 2.0 logos. Espero que a maioria de você apreciar o tutorial e se divertir fazendo nova web 2.0 logos. Please point out if I forgot to mention anything important. Por favor indicar se eu esqueci de mencionar algo importante.

Note: Make sure the Outer Glow color of your text logo is always lighter than the Color Overlay and it is good if you match the text colors with the colors of your open-source image or icon like in this tutorial. Nota: Certifique-se o Outer Glow cores de seu logotipo texto é sempre mais leve que a sobreposição de cores e é bom se você combinar as cores do texto com as cores da sua imagem de fonte aberta ou ícone, como neste tutorial.

  • Good and nice article :) Bom artigo e agradável:)
    There are many people who just want to learn that how they can do the graphics design. Há muitas pessoas que só querem saber de que forma eles podem fazer o design gráfico. I'm sure they'll benefit from it :) Tenho certeza de que vai beneficiar com ela:)
  • What a simple tutorial! O que um tutorial simples! Only nine step to create a glossy logo. Apenas nove passo para criar um logotipo brilhante. :) :)
  • Nice Article and thank for this tutorial :) O artigo de Nice e agradecer por este tutorial:)

    http://www.technobuzz.net http://www.technobuzz.net
  • DJ, DJ,
    Great tutorial, Simple and easy one. Great tutorial simples e fácil. I have made mine. Eu fiz o meu. Thanks for sharing this. Obrigado por compartilhar este.
  • Very simple, yet effective tutorial, Dj. Muito simples, mas eficaz tutorial, Dj. I love it :P I love it: P
  • A simple tutorial indeed, Dj. Um tutorial simples de fato, Dj. I ll see if my limited PS skills let me do this correctly! I ll ver se minhas habilidades limitadas PS me deixe fazer isto corretamente!
  • Nice tut.. Nice tut .. will definitely try it vai certamente tentar
  • Wow buddy , nice and simple tutorial . Wow camarada, bom e simples tutorial. You rock .. Você rock ..
  • nice & easy tutorial. agradável e fácil tutorial.

    Bookmarked it. Bookmarked it. :D : D
  • Thanks to everyone of you for appreciating and liking this little tutorial. Obrigado a todos vocês para apreciar e gostar deste pequeno tutorial.

    I hope I can come up with something more creative and cool in near future :) Espero que eu possa chegar a algo mais criativo e fresco no futuro próximo:)
  • simple, easy and cool simples, fácil e legal

    thanks for the tutorial.. Thanks for the tutorial .. stumble it :D tropeçar it: D
  • Nice tutorial. Nice tutorial. Helped me a lot. Me ajudou muito.
  • Hey dude!! Hey dude! thanks for this wonderful tutorial!! Obrigado por este tutorial maravilhoso! i have used this tut to make a logo for one of my sites! Eu usei este tutorial para fazer um logotipo para um dos meus sites! thanks again :) Obrigado novamente:)
blog comments powered by Disqus blog comentários powered by Disqus