How to Make a Glossy Web 2.0 Logo Wie man einen Glossy 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. Ich bin nicht gut im Schreiben Tutorials um ehrlich zu sein, aber fast hundert Menschen haben mich schon gefragt, wie ich gemacht, glasig und coole Web-2.0-Logo für meinen Blog so nach all dem Hype Ich denke, die schon fast Zeit, um ihn mit meinen Lesern und teilen die gute Sache ist, das ist seine verdammt einfach. 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. Natürlich mit der Herrschaft des Web 2.0 seiner fast schwer, sich von cool aussehende Logos bleiben, damit sich keine Sorgen, weil jetzt auch Sie können sich eine gläserne Web-2.0-Logo mit diesem Tutorial.

Make a Glassy Web 2.0 Logo Machen Sie eine 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. Die Software, die ich verwenden werden, um diese Anleitung ist Adobe Photoshop jedoch nur die folgenden Schritte entsprechend und Sie können das Tutorial zu replizieren, um mit anderen Grafik-Software wie Paint Shop Pro verwendet werden und Gimp. The method is really simple and easy and will not take then more than 5 minutes. Die Methode ist sehr einfach und leicht und wird dann nicht mehr als 5 Minuten dauern. 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. Öffnen Sie ein leeres Dokument in Adobe Photoshop von Pixel-Dimension mit dem Standard-Preset, Auflösung, Farbmodus und Hintergrund als weiß.
  2. Select the 'Text Tool' and and write a text of your choice eg'Web'. Wählen Sie das "Text-Werkzeug 'und und schreiben einen Text Ihrer Wahl 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. Stellen Sie sicher, dass die font-style auf 'Arial', die font-weight muss "fett" mit einer "glatten" Anti-Aliasing und natürlich wählen, was Schriftgröße, wie zB 50 PT wird empfohlen.
  3. Right click on the text layer you just created and click 'Blending Options'. Rechtsklick auf die Textebene Sie gerade erstellt haben und klicken Sie auf "Blending Options".
  4. Now please check mark the box near 'Color Overlay' and apply the following transformation Nun bitte Häkchen das Feld neben "Color-Overlay" und wenden Sie die folgende Transformation
  5. Farb-overlay.png

  6. Now please check mark the box near 'Outer Glow' and apply the following transformation Nun bitte Häkchen das Feld neben "Outer Glow" und wenden Sie die folgende Transformation
  7. Außen-glow.png
    Your text should look something like this till now. Ihr Text sollte in etwa so aussehen till now.
    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. Wiederholen Sie die Schritte 2-5 wieder zu schaffen einen Text von anderen Farbe, die würde ein Teil Ihrer endgültige Logo ist. In this case the second text is '2.0' and here is what you get. In diesem Fall wird der zweite Text ist '2 .0 ', und hier ist was Sie erhalten.
  9. web20-logo-unfinished.png

  10. Select the 'Elliptical Marquee Tool' and select the upper half-curvature of the text you just made. Wählen Sie den "Auswahlellipse" und wählen Sie die obere Hälfte-Krümmung der Text, den Sie gerade gemacht. Take a look Werfen Sie einen Blick
  11. logo-curvature.png

  12. Make a new layer above your other layers and name it 'gloss'. Erstelle eine neue Ebene oberhalb der anderen Ebenen mit dem Namen "Glanz". Fill this layer with 'White' color using the 'Paint Bucket Tool' within the portion which we just selected using the Elliptical Marquee Tool. Füllen Sie diese Ebene mit "Farbe Weiß" mit dem "Paint Bucket Tool" im Teil, den wir gerade mit dem ausgewählten Auswahlellipse. Set the opacity of this layer to 40%. Stellen Sie die Deckkraft dieser Ebene auf 40%. Here is what we get finally Hier ist, was wir endlich
  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. Fügen Sie alle Open-Source-Symbol oder das Bild neben dem Text glänzend, um ihm die vollständige Form eines Logos. Here is my pick Here is my pick
  15. abzuschließen web20-logo.png

There you go! There you go! Wow I just wrote a complete Photoshop Tutorial lol. Wow Ich schrieb ein komplettes Photoshop Tutorial lol. I hope most of you enjoy the tutorial and have fun making new web 2.0 logos. Ich hoffe, die meisten von euch das Tutorial zu genießen und Spaß zu haben, die neue Web 2.0-Logos. Please point out if I forgot to mention anything important. Bitte weisen darauf hin, wenn ich etwas Wichtiges vergessen zu erwähnen.

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. Hinweis: Stellen Sie sicher, dass der Schein nach außen Farbe von Text-Logo ist immer leichter als die Farbüberlagerung und es ist gut, wenn Sie die Text-Farben mit den Farben Ihrer Open-Source-Bild oder Symbol wie in dieser Anleitung entsprechen.

  • Good and nice article :) Gut und schön Artikel:)
    There are many people who just want to learn that how they can do the graphics design. Es gibt viele Leute, die wollen nur zu erfahren, dass, wie sie die Grafik-Design machen kann. I'm sure they'll benefit from it :) Ich bin sicher, sie werden davon profitieren:)
  • What a simple tutorial! Was ist ein Tutorial! Only nine step to create a glossy logo. Nur neun Schritt, um eine glänzende Logo zu erstellen. :) :)
  • Nice Article and thank for this tutorial :) Nice Artikel und danke für dieses Tutorial:)

    http://www.technobuzz.net http://www.technobuzz.net
  • DJ, DJ,
    Great tutorial, Simple and easy one. Great Tutorial, einfach und einfach ein. I have made mine. Ich habe mir vorgenommen. Thanks for sharing this. Thanks for sharing this.
  • Very simple, yet effective tutorial, Dj. Sehr einfache, aber wirkungsvolle Tutorial, Dj. I love it :P I love it: P
  • A simple tutorial indeed, Dj. Ein einfaches Tutorial in der Tat, Dj. I ll see if my limited PS skills let me do this correctly! Ll sehen, ob ich mit meinen begrenzten Fähigkeiten PS Lassen Sie mich das richtig!
  • Nice tut.. Nice tut .. will definitely try it wird auf jeden Fall versuchen Sie es
  • Wow buddy , nice and simple tutorial . Wow Kumpel, ein nettes und einfaches Tutorial. You rock .. You rock ..
  • nice & easy tutorial. Nice & Easy Tutorial.

    Bookmarked it. Bookmarked es. :D : D
  • Thanks to everyone of you for appreciating and liking this little tutorial. Vielen Dank an alle von euch zu würdigen und die Vorliebe für dieses kleine Tutorial.

    I hope I can come up with something more creative and cool in near future :) Ich hoffe, ich kann kommen, mit etwas mehr Kreativität und cool in naher Zukunft:)
  • simple, easy and cool einfach, leicht und kühl

    thanks for the tutorial.. Dank für das Tutorial .. stumble it :D Stumble it: D
  • Nice tutorial. Nice Tutorial. Helped me a lot. Hat mir sehr geholfen.
  • Hey dude!! Hey dude! thanks for this wonderful tutorial!! Dank für dieses wunderbare Tutorial! i have used this tut to make a logo for one of my sites! Ich habe dies tut verwendet, um ein Logo für eine meiner Websites zu machen! thanks again :) Nochmals vielen Dank:)
blog comments powered by Disqus Blog-Kommentare powered by Disqus