How to Make a Glossy Web 2.0 Logo Come fare una lucida Web 2.0 Logo

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. Io non sono bravo a scrivere guide ad essere onesti, ma quasi un centinaio di persone mi hanno già chiesto come ho fatto quella rete vitrea e fresco 2,0 logo per il mio blog in modo che dopo tutto questo hype penso che la sua quasi l'ora di condividere con i miei lettori e le cosa buona è thats sua maledettamente facile. 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. Naturalmente con il dominio del web 2.0 la sua quasi difficile stare lontano da cool logos cercando quindi non preoccupatevi perché ora anche voi potete fare voi stessi una rete vitrea 2.0 Logo utilizzando questo tutorial.

Make a Glassy Web 2.0 Logo Effettuare una 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. Il software che verrà utilizzato per fare questo tutorial è Adobe Photoshop, tuttavia basta seguire i passaggi e di conseguenza è possibile replicare il tutorial per essere usato con altri software grafici come Paint Shop Pro e Gimp. The method is really simple and easy and will not take then more than 5 minutes. Il metodo è molto semplice e facile e non prenderà quindi più di 5 minuti. So here we go: Allora andiamo qui:

  1. Open a blank document in Adobe Photoshop of any pixel dimension with the default preset, resolution, color mode and background as white. Aprire un documento vuoto in Adobe Photoshop di qualsiasi dimensione di pixel con i preset di default, la risoluzione, la modalità colore e lo sfondo in bianco.
  2. Select the 'Text Tool' and and write a text of your choice eg'Web'. Selezionare il 'Testo Tool' e e scrivere un testo di vostra scelta 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. Assicurarsi che il font-style è impostato su 'Arial', il font-weight deve essere 'bold' con un 'buon' anti-aliasing e, naturalmente, scegliere qualsiasi dimensione di carattere che ti piace ad esempio 50pt è raccomandato.
  3. Right click on the text layer you just created and click 'Blending Options'. Fai clic destro sul livello di testo che avete appena creato e fare clic su 'Opzioni di fusione'.
  4. Now please check mark the box near 'Color Overlay' and apply the following transformation Ora per favore segno di spunta la casella accanto a 'Sovrapposizione colore' e applicare la trasformazione seguente
  5. color-overlay.png

  6. Now please check mark the box near 'Outer Glow' and apply the following transformation Ora per favore segno di spunta la casella accanto a 'Outer Glow' e applicare la trasformazione seguente
  7. esterno-glow.png
    Your text should look something like this till now. Il testo dovrebbe essere simile a questo fino ad ora.
    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. Ripetere i passaggi 2-5 di nuovo per creare un testo di colore diverso, che sta per essere una parte del tuo logo finale. In this case the second text is '2.0' and here is what you get. In questo caso il secondo testo è '2 .0 ', ed è qui che cosa ottenete.
  9. web20-logo-unfinished.png

  10. Select the 'Elliptical Marquee Tool' and select the upper half-curvature of the text you just made. Selezionare la 'ellittica Tool' e selezionare la parte superiore-curvatura del testo che avete appena fatto. Take a look Take a look
  11. logo-curvature.png

  12. Make a new layer above your other layers and name it 'gloss'. Creare un nuovo livello sopra i livelli di altri e il nome 'lucida'. Fill this layer with 'White' color using the 'Paint Bucket Tool' within the portion which we just selected using the Elliptical Marquee Tool. Riempire questo strato con 'Il colore bianco' con il 'Paint Bucket Tool' entro la parte che abbiamo appena selezionato utilizzando il ellittica Tool. Set the opacity of this layer to 40%. Impostare l'opacità di questo livello al 40%. Here is what we get finally Ecco cosa otteniamo 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. Aggiungere qualsiasi open-source icona o l'immagine accanto al testo lucido per dargli la forma completa di un logo. Here is my pick Ecco il mio ritiro
  15. completa-web20-logo.png

There you go! There you go! Wow I just wrote a complete Photoshop Tutorial lol. Wow ho appena scritto una completa Photoshop Tutorial lol. I hope most of you enjoy the tutorial and have fun making new web 2.0 logos. Mi auguro che la maggior parte di voi godersi il tutorial e divertirsi facendo nuove web 2,0 loghi. Please point out if I forgot to mention anything important. Si prega di segnalare se ho dimenticato di dire qualcosa di 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: Assicurarsi che il colore Bagliore esterno del vostro logo testo è sempre più leggera della Sovrapposizione colore ed è un bene se corrispondono ai colori del testo con i colori della tua immagine open-source o sull'icona come in questo tutorial.

  • Good and nice article :) Buono e bello l'articolo:)
    There are many people who just want to learn that how they can do the graphics design. Ci sono molte persone che vogliono solo imparare che il modo in cui possono fare la progettazione grafica. I'm sure they'll benefit from it :) Sono sicuro che ne beneficiano:)
  • What a simple tutorial! Ciò che un tutorial semplice! Only nine step to create a glossy logo. Solo nove passo per creare un logo lucido. :) :)
  • Nice Article and thank for this tutorial :) Nizza articolo e ringrazio per questo tutorial:)

    http://www.technobuzz.net http://www.technobuzz.net
  • DJ, DJ,
    Great tutorial, Simple and easy one. Grande tutorial semplice e facile. I have made mine. Ho fatto la mia. Thanks for sharing this. Grazie per la condivisione di questo.
  • Very simple, yet effective tutorial, Dj. Molto semplice, ma efficace tutorial, Dj. I love it :P I love it: P
  • A simple tutorial indeed, Dj. Un tutorial semplice anzi, Dj. I ll see if my limited PS skills let me do this correctly! I ll vedere se la mia limitata capacità PS lasciami fare questo correttamente!
  • Nice tut.. Nice tut .. will definitely try it sarà sicuramente provarlo
  • Wow buddy , nice and simple tutorial . Wow Buddy, piacevole e semplice tutorial. You rock .. You Rock ..
  • nice & easy tutorial. Nice & easy tutorial.

    Bookmarked it. Bookmarked it. :D : D
  • Thanks to everyone of you for appreciating and liking this little tutorial. Grazie a tutti voi per apprezzare e gradire questo piccolo tutorial.

    I hope I can come up with something more creative and cool in near future :) Spero di poter venire con qualcosa di più creativo e fresco nel prossimo futuro:)
  • simple, easy and cool semplice, facile e fresco

    thanks for the tutorial.. grazie per il tutorial .. stumble it :D Stumble It: D
  • Nice tutorial. Nice tutorial. Helped me a lot. Mi ha aiutato molto.
  • Hey dude!! Hey dude! thanks for this wonderful tutorial!! grazie per questo splendido tutorial! i have used this tut to make a logo for one of my sites! Ho usato questo tut per fare un logo per uno dei miei siti! thanks again :) grazie ancora:)
blog comments powered by Disqus commenti del blog powered by Disqus