How to Make a Glossy Web 2.0 Logo Comment faire un site Web Glossy 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. Je ne suis pas bon à écrire des tutoriaux pour être honnête, mais presque une centaine de personnes m'ont déjà demandé comment j'ai fait cette vitreux et cool web 2.0 logo pour mon blog afin que, après tout ce battage je pense que son presque temps pour partager avec mes lecteurs et les bonne chose est de son thats damn 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. Bien sûr, avec la domination du Web 2.0, ses presque difficile de se tenir loin de l'air si cool logos vous inquiétez pas, parce que maintenant vous pouvez même vous en rendre vitreux web 2.0 logo à l'aide de ce tutoriel.

Make a Glassy Web 2.0 Logo Effectuer une 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. Le logiciel que je vais utiliser pour faire de ce tutoriel est Adobe Photoshop Cependant il suffit de suivre les étapes en conséquence et vous pouvez répliquer le didacticiel pour être utilisé avec d'autres logiciels graphiques comme Paint Shop Pro et Gimp. The method is really simple and easy and will not take then more than 5 minutes. La méthode est vraiment simple et facile et ne prendra donc plus de 5 minutes. So here we go: So here we go:

  1. Open a blank document in Adobe Photoshop of any pixel dimension with the default preset, resolution, color mode and background as white. Ouvrez un document vierge dans Adobe Photoshop de toute dimension pixel avec la valeur par défaut prédéfinis, résolution, mode couleur et le fond en blanc.
  2. Select the 'Text Tool' and and write a text of your choice eg'Web'. Sélectionnez l'outil de texte et et de rédiger un texte de votre choix 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. Assurez-vous que le style de police est mis à 'Arial', font-weight doit être «gras» avec une «lisse» anti-aliasing et bien sûr, choisir la police de votre taille comme par exemple 50PT est recommandée.
  3. Right click on the text layer you just created and click 'Blending Options'. Faites un clic droit sur le calque de texte que vous venez de créer et cliquez sur "options de fusion".
  4. Now please check mark the box near 'Color Overlay' and apply the following transformation Maintenant, s'il vous plaît cocher la case près de "Incrustation couleur" et d'appliquer la transformation de l'suivantes
  5. color-overlay.png

  6. Now please check mark the box near 'Outer Glow' and apply the following transformation Maintenant, s'il vous plaît cocher la case près de «Lueur externe» et d'appliquer la transformation de l'suivantes
  7. outer-glow.png
    Your text should look something like this till now. Votre texte doit ressembler à quelque chose comme ça jusqu'à maintenant.
    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. Répétez les étapes 2-5 à nouveau pour créer un texte de couleur différente qui va être une partie de votre logo final. In this case the second text is '2.0' and here is what you get. Dans ce cas, le deuxième texte est '2 .0 'et voici ce que vous obtenez.
  9. web20-logo-unfinished.png

  10. Select the 'Elliptical Marquee Tool' and select the upper half-curvature of the text you just made. Sélectionnez l'outil Ellipse de sélection "et sélectionnez le demi-courbure du texte que vous venez de faire. Take a look Take a look
  11. logo-curvature.png

  12. Make a new layer above your other layers and name it 'gloss'. Faire un nouveau calque au dessus de vos autres calques et nommez-le «brillant». Fill this layer with 'White' color using the 'Paint Bucket Tool' within the portion which we just selected using the Elliptical Marquee Tool. Remplissez ce calque avec 'couleur blanc' avec le 'outil Pot de peinture »dans la partie que nous venons d'sélectionnées en utilisant le vélo elliptique Marquee Tool. Set the opacity of this layer to 40%. Réglez l'opacité de ce calque à 40%. Here is what we get finally Voici ce que nous obtenons finalement
  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. Ajouter une icône "open-source ou l'image à côté du texte brillant pour lui donner la forme complète d'un logo. Here is my pick Voici ma sélection
  15. complète-web20-logo.png

There you go! There you go! Wow I just wrote a complete Photoshop Tutorial lol. Wow, je viens d'écrire A Complete Tutorial Photoshop lol. I hope most of you enjoy the tutorial and have fun making new web 2.0 logos. J'espère que la plupart d'entre vous aimez le didacticiel et amusez-vous faire du web 2.0 logos. Please point out if I forgot to mention anything important. S'il vous plaît indiquer si j'ai oublié de mentionner quelque chose d'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. Remarque: Assurez-vous que la couleur Lueur externe du logo de votre texte est toujours plus léger que l'incrustation de couleur et il est bon si vous correspondez au couleurs de texte avec les couleurs de votre image open-source ou icône comme dans ce tutoriel.

  • Good and nice article :) Good and nice article:)
    There are many people who just want to learn that how they can do the graphics design. Il ya beaucoup de gens qui veulent juste d'apprendre que la manière dont ils peuvent faire la conception graphique. I'm sure they'll benefit from it :) Je suis sûr qu'ils vont en tirer profit:)
  • What a simple tutorial! Qu'est-ce qu'un tutoriel simple! Only nine step to create a glossy logo. Seulement neuf étapes pour créer un logo sur papier glacé. :) :)
  • Nice Article and thank for this tutorial :) Nice article et merci pour ce tutoriel:)

    http://www.technobuzz.net http://www.technobuzz.net
  • DJ, DJ,
    Great tutorial, Simple and easy one. Great tutorial simple et facile. I have made mine. J'ai fait la mienne. Thanks for sharing this. Merci de partager ça.
  • Very simple, yet effective tutorial, Dj. Très simple, mais efficace tutoriel, Dj. I love it :P I love it: P
  • A simple tutorial indeed, Dj. Un tutoriel simple en effet, Dj. I ll see if my limited PS skills let me do this correctly! I ll voir si mes compétences limitées PS Permettez-moi de le faire correctement!
  • Nice tut.. Nice tut .. will definitely try it sera certainement l'essayer
  • Wow buddy , nice and simple tutorial . Buddy Wow, nice and simple tutorial. You rock .. You rock ..
  • nice & easy tutorial. Nice & Easy tutoriel.

    Bookmarked it. Bookmarked elle. :D : D
  • Thanks to everyone of you for appreciating and liking this little tutorial. Merci à tous ceux d'entre vous pour apprécier et aimer ce petit tutoriel.

    I hope I can come up with something more creative and cool in near future :) J'espère que je peux proposer quelque chose de plus créatif et refroidir dans un avenir proche:)
  • simple, easy and cool simple, facile et cool

    thanks for the tutorial.. merci pour le tutoriel .. stumble it :D Stumble it: D
  • Nice tutorial. Nice tutorial. Helped me a lot. M'a beaucoup aidé.
  • Hey dude!! Hey dude! thanks for this wonderful tutorial!! merci pour ce merveilleux tutoriel! i have used this tut to make a logo for one of my sites! J'ai utilisé ce tut de faire un logo pour un de mes sites! thanks again :) merci encore:)
blog comments powered by Disqus Commentaires Blog powered by Disqus