Cómo hacer una insignia brillante del Web 2.0

web20-logo.png

No soy bueno en las clases particulares de la escritura ser honesto pero casi cientos personas me tienen ya preguntado cómo hice que insignia vidriosa y fresca de la tela 2.0 para mi blog así que después de que todo este bombo yo casi piense su hora de compartir con mis lectores y la buena cosa es que es su maldición fácil. Por supuesto con la dominación de la tela 2.0 sus casi difíciles de permanecer lejos de insignias que miran frescas se preocupan tan no porque ahora iguálele puede hacerse una insignia vidriosa de la tela 2.0 usando esta clase particular.

Haga una insignia vidriosa del Web 2.0

El software que utilizaré hacer esta clase particular es adobe Photoshop sin embargo apenas sigue los pasos por consiguiente y usted puede replegar la clase particular que se utilizará con otros softwares gráficos como la tienda de pintura favorable y el Gimp. El método es realmente simple y fácil y después no tomará más de 5 minutos. Tan aquí vamos:

  1. Abra un documento en blanco en el adobe Photoshop de cualquier dimensión del pixel con el defecto preestablecen, resolución, modo del color y fondo como blanco.
  2. Seleccione la “herramienta del texto” y y escriba un texto de su opción e.g. “Web”. Cerciórese de que el fuente-estilo esté fijado a “Arial”, el fuente-peso debe ser “en negrilla” con “alisa” anti-aliasing y por supuesto elige cualquier tamaño de fuente usted tiene gusto e.g. se recomienda 50pt.
  3. Derecho chasque encendido la capa del texto que usted acaba de crear y tecleo “opciones que mezclaban”.
  4. Ahora satisfaga la marca de cheque que la caja cerca “colorea el recubrimiento” y aplique la transformación siguiente
  5. color-overlay.png

  6. Ahora satisfaga la marca de cheque la caja cerca “resplandor externo” y aplique la transformación siguiente
  7. outer-glow.png
    Su texto debe mirar algo similar hasta ahora.
    web-logo.png

  8. Repita los pasos 2-5 otra vez para crear un texto de diverso color que vaya a ser una parte de su insignia final. En este caso el segundo texto es “2.0” y aquí es lo que usted consigue.
  9. web20-logo-unfinished.png

  10. Seleccione la “herramienta elíptica del Marquee” y seleccione el alto - mitad - curvatura del texto que usted acaba de hacer. Tome una mirada
  11. logo-curvature.png

  12. Haga una nueva capa sobre sus otras capas y nómbrela “lustre”. Fill this layer with 'White' color using the 'Paint Bucket Tool' within the portion which we just selected using the Elliptical Marquee Tool. Set the opacity of this layer to 40%. Here is what we get finally
  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. Here is my pick
  15. complete-web20-logo.png

There you go! Wow I just wrote a complete Photoshop Tutorial lol. I hope most of you enjoy the tutorial and have fun making new web 2.0 logos. Please point out if I forgot to mention anything important.

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.

  • Good and nice article :)
    There are many people who just want to learn that how they can do the graphics design. I'm sure they'll benefit from it :)
  • What a simple tutorial! Only nine step to create a glossy logo. :)
  • Nice Article and thank for this tutorial :)

    http://www.technobuzz.net
  • DJ,
    Great tutorial, Simple and easy one. I have made mine. Thanks for sharing this.
  • Very simple, yet effective tutorial, Dj. I love it :P
  • A simple tutorial indeed, Dj. I ll see if my limited PS skills let me do this correctly!
  • Nice tut.. will definitely try it
  • Wow buddy , nice and simple tutorial . You rock ..
  • nice & easy tutorial.

    Bookmarked it. :D
  • Thanks to everyone of you for appreciating and liking this little tutorial.

    I hope I can come up with something more creative and cool in near future :)
  • simple, easy and cool

    thanks for the tutorial.. stumble it :D
  • Nice tutorial. Helped me a lot.
  • Hey dude!! thanks for this wonderful tutorial!! i have used this tut to make a logo for one of my sites! thanks again :)
blog comments powered by Disqus