How to Make a Glossy Web 2.0 Logo Hvordan lage en blank 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. Jeg er ikke god til å skrive opplæringsprogrammer for å være ærlig, men nesten hundre mennesker allerede har spurt meg hvordan jeg gjorde det glassaktige og kjølig Web 2.0 logo for bloggen min, så etter alt dette sprøytenarkoman Jeg synes det nesten tid for å dele den med mine lesere og gode ting er thats sin jævla enkelt. 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. Selvfølgelig med dominans av web 2.0 sin nesten vanskelig å holde seg borte fra avkjøle ser logoene slik bekymring ikke fordi nå enda kan du lage deg en glassaktig web 2.0-logoen ved hjelp av denne opplæringen.

Make a Glassy Web 2.0 Logo Lag en 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. Programvaren jeg skal bruke for å gjøre denne opplæringen Adobe Photoshop imidlertid bare følg fremgangsmåten tilsvarende, og du kan gjenskape den opplæringen som skal brukes med andre grafiske programvare som Paint Shop Pro og GIMP. The method is really simple and easy and will not take then more than 5 minutes. Metoden er veldig enkel og grei, og vil ikke ta så mer enn 5 minutter. 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. Åpne et tomt dokument i Adobe Photoshop av noen pixel dimensjon med standard forhåndsinnstillingen, oppløsning, fargemodus og bakgrunn som hvit.
  2. Select the 'Text Tool' and and write a text of your choice eg'Web'. Velg "Text Tool" og og skrive en tekst du ønsker 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. Kontroller at font-style er satt til 'Arial', den font-weight må være "dristig" med en "glatt" anti-aliasing og selvfølgelig velge det skriftstørrelse du f.eks 50pt anbefales.
  3. Right click on the text layer you just created and click 'Blending Options'. Høyreklikk på teksten laget du nettopp laget, og klikk "Blending Options".
  4. Now please check mark the box near 'Color Overlay' and apply the following transformation Nå kan du hake av i boksen ved "Color overlegg", og gjelder følgende transformasjon
  5. color-overlay.png

  6. Now please check mark the box near 'Outer Glow' and apply the following transformation Nå kan du hake av i boksen ved "Outer Glow", og gjelder følgende transformasjon
  7. ytre-glow.png
    Your text should look something like this till now. Teksten skal se omtrent slik ut til nå.
    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. Gjenta trinn 2-5 igjen for å skape en tekst med annen farge som kommer til å være en del av den endelige logoen. In this case the second text is '2.0' and here is what you get. I dette tilfellet den andre teksten er '2 .0 'og her er hva du får.
  9. web20-logo-unfinished.png

  10. Select the 'Elliptical Marquee Tool' and select the upper half-curvature of the text you just made. Velg "Elliptical Marquee Tool", og velg den øvre halvdelen-kurvatur av teksten du nettopp laget. Take a look Ta en titt
  11. logo-curvature.png

  12. Make a new layer above your other layers and name it 'gloss'. Lag et nytt lag over andre lag og gi den navnet 'glans'. Fill this layer with 'White' color using the 'Paint Bucket Tool' within the portion which we just selected using the Elliptical Marquee Tool. Fyll dette laget med 'Hvit' farge ved hjelp av Paint Bucket Tool "i den delen som vi bare valgt å bruke Elliptical Marquee Tool. Set the opacity of this layer to 40%. Sett opacity av dette laget til 40%. Here is what we get finally Her er hva vi får til slutt
  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. Legg til enhver åpen kildekode-ikonet eller bildet ved siden av den blanke teksten for å gi den fullstendige form av en logo. Here is my pick Her er min pick
  15. komplett-web20-logo.png

There you go! There you go! Wow I just wrote a complete Photoshop Tutorial lol. Wow jeg nettopp skrev en komplett Photoshop Tutorial lol. I hope most of you enjoy the tutorial and have fun making new web 2.0 logos. Jeg håper de fleste av dere nyte den opplæringen og ha det gøy å lage nye web 2.0 logoer. Please point out if I forgot to mention anything important. Vennligst påpeke hvis jeg glemte å nevne noe viktig.

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. Merk: Kontroller at Ytre Glow fargen på tekst-logoen er alltid lettere enn den Color overlegg og det er god hvis du matche teksten fargene med fargene på åpen kildekode bilde eller ikon som i denne opplæringen.

  • Good and nice article :) Godt og hyggelig artikkel:)
    There are many people who just want to learn that how they can do the graphics design. Det er mange mennesker som bare ønsker å lære at hvordan de kan gjøre den grafiske utformingen. I'm sure they'll benefit from it :) Jeg er sikker på at de vil dra nytte av det:)
  • What a simple tutorial! Hva en enkel tutorial! Only nine step to create a glossy logo. Bare ni skritt å opprette en blank logo. :) :)
  • Nice Article and thank for this tutorial :) Nice artikkel og takke for denne opplæringen:)

    http://www.technobuzz.net http://www.technobuzz.net
  • DJ, DJ,
    Great tutorial, Simple and easy one. Great opplæringen, enkel og lett en. I have made mine. Jeg har gjort mitt. Thanks for sharing this. Takk for deler denne.
  • Very simple, yet effective tutorial, Dj. Veldig enkle, men effektive opplæringen, Dj. I love it :P Jeg elsker det: P
  • A simple tutorial indeed, Dj. En enkel opplæringen faktisk Dj. I ll see if my limited PS skills let me do this correctly! Jeg ll se om min begrensede PS ferdigheter la meg gjøre dette riktig!
  • Nice tut.. Nice tut .. will definitely try it vil definitivt prøve det
  • Wow buddy , nice and simple tutorial . Wow kameraten, fin og enkel veiledning. 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. Takk til alle dere for å verdsette og likte denne lille opplæringen.

    I hope I can come up with something more creative and cool in near future :) Jeg håper jeg kan komme opp med noe mer kreativt og kule i nær fremtid:)
  • simple, easy and cool enkelt, lett og kjølig

    thanks for the tutorial.. takk for opplæringen .. stumble it :D Snuble det: D
  • Nice tutorial. Nice opplæringen. Helped me a lot. Hjalp meg mye.
  • Hey dude!! Hey dude! thanks for this wonderful tutorial!! takk for denne fantastiske undervisningstimene! i have used this tut to make a logo for one of my sites! Jeg har brukt denne tut å lage en logo for en av mine sider! thanks again :) takk igjen:)
blog comments powered by Disqus Bloggen kommentarer drevet av Disqus