Blog Template 2.0: Simple Glossy web 2.0 blog logo Tutorial. <body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src=""></script> <script type="text/javascript"> gapi.load("", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: '\x3d5560732631221352938\x26blogName\x3dBlog+Template+2.0\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3d\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3d\x26vt\x3d-7942670375567613572', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>
Free Blogger Templates | Home |
BlogTemplate20 Free Download Blog Templates
Free Templates
Recent Post(s)
Search Design

AddThis Feed Button

Blog Stats
eXTReMe Tracker
StatCounter tracker
Blogs that link here
Could be useful
Templates Stock
Premium HQ Template
Full Widgetized
Elegant Citrus Fresh
Blue-Dark gradient
Rounded Keko
Fresh Magz Clean
Twitter Style Skin
Travel Logbook
X rated template
Cute Girly Cupcake
Brown Magz Style
White Simplicity
Masunurin Simple Rounded
Premium Dashboard
ZinMag News Showcase
Natural Magazine style
Premium RedHat
Money Making Template
Sky dashboard
Premium Blue Sky
Slick Red Web 2.0
Classic w/ Slideshow
Photo Gallery Theme
Theme Showcase
Pro 4 Columns
Neo Simple Green
Club Card Minimalistic
Amature Sexy Template
Feat: Headline Slider
CNN NYT like
Lollipop Woman Stuff
Papeles Effect
Simple BlueSky
Beach Holiday
Green Light
Glossy Blue
Colorful Transparent
Green Marine
Dark Portfolio blog
Fresh Summer
Valentine Day
Blogy Webby
Azul 2.0
Blogy Freshy
Blogy Illacrimo
Glossy Minimalist
Hello Wiki 2.0
Green Lush Fresh
Kaskus Black
Red Late Show
Red Wine elegant
Blogy Integral
Green Mynix
Red White 2.0
StarCrash web 2.0
Blogy Pro 2 Col.
Blogy Crepusculo
Redish web 2.0
Dark Blue skin
Simple 3 Col.
Beauty Illustration
Fresh Natural
Punk Rock Metal
White Minimalist
K2 Freshy
FireFox Theme
Binary web 2.0
Clear Menu
3 Colomns 2.0
Tabbed menu xml
Tabbed menu classic
iPhone Theme
3 Col Simple
Rounded Corners
Clear Curved Blue
Glossy Glass
Very Web 2.0
Apple Mac skin
Colourful web 2.0
Photoshop CS2 skin
Magazine white
3 Col web 2.0
Blogger Photoblog
PopBlue 3 col.
TypoXP 2.1 skin
Dark Red Glossy
Sandpress 3 col
Elegant Clear web2.0
Elegant Dark web2.0
Rounded tab skin
Fresh blue 2.0
Cute Orange (HOT)
Trendy Blue Marine
Bloggerized AdSense
Orange Yellow Sosuechtig
Blue O2 web 2.0
Premium Blogger
TypoXP2 Standard
18+ Anime Series skin
2 Best Classic skin
NeoSapien New Skin
Simple Glowing Blue Darky
Fresh Green Aura
Ocean Mist Trendy
A new day Elegant
Blue steel 3 columns
Please read our Privacy Policy
Confined space entry dvd
online casino bluebook
online casino gambling guide, to top ranked online casinos and reviews of over 200 gambling related websites. also host a casino forum, blog, and casino news articles

Free web 2.0 blogger skins
Spice up your blog by adding our small cool banner inside your blog pages. Simply copy and paste code below. It will not harm your blog, I swear.

Welcome to BlogTemplate20
a blog with free Blogger templates collection.
// Saturday, January 5, 2008
Simple Glossy web 2.0 blog logo Tutorial

This tutorial will explain you the easiest way how to make glossy web 2.0 stylish logo for a blog. Simple web image designing technique using Photoshop. I use Photoshop CS2 on this example. As we know that now a days web 2.0 stylish design can be found a lot on the net. So now we'll try to remake our blog to be web 2.0 using cool glossy logo for your blog name. The final result should be like this.

web 2.0 logo how to tutorial

1.Open up new Photoshop document. You can easily do this by hitting Ctrl+N on your keyboard. Set it up like this one below. Just a note, I use 400x400px document just to make us easier in working with this Photoshop.

new photoshop document

2. Using text tool, now type your blog name. A word for your blog logo. Set your text font as illustrated below. I use Calibri 48px Bold as my text font. To make it more web 2.0 stylish, you have to use some simple fonts. Suggestion; Calibri, Tahoma, Trebuchet MS, and Segoe UI are working fine.

type your blog name

3. We have to rasterize our text layer. We can do this by clicking Layer menu than Rasterize Type.

rasterizing layer

4. Before we move up around, we need to set Foreground and Background color at first. Now set it to #ffb60e for Foreground and #ffce00 for background color. We need to do this step for our text gradient at next.

Setting Foreground and Background color

5. Now we'll give some effects to our text layer. Bring Blending option dialogue up by right clicking on the text layer and choose Blending option. Or we can do this by clicking Layer menu, than Layer Style, now choose Blending option. Check drop shadow option and set its attributes like below illustration.

drop shadow set

6. We'll also give it outer glow effect. Just set it like illustration below.

outer glow effect

7. Now it is time to add one of glossy element. Give our text layer gradient effect by checking Gradient overlay tab. Don't forget to use Foreground to Background overlay. See illustration below.

Gradient overlay

8. Last effect to add should be Stroke effect. Set stroke size to 5px and set its color to #e58100. Now just press OK button to confirm it.

stroke text effect

9. From this step your blog logo should be a bit like this one. It is web 2.0 enough but we'll redesign it to be more stylish. Yes, by giving it a glossy effect.

middle result

10. We can make such glossy effect in very simple easy way. Now create a new layer by hitting Ctrl+Shift+N on your keyboard press than OK or just Enter. Now make creative selection using Lasso tool. Use your bright creative brain, just an improvization like this one. I'm not so good on this step, so use your own.

glossy effect

11. Oke you are good. Next step is more simple step. Fill this selection with white (#ffffff) color. Do this by clicking Edit menu than Fill. Or simply hit Shift+F5 buttons. After you do this right now set this layer opacity to 35%.

setting layer opacity

12. Wow.. our logo now is a web 2.0 logo. And of course we can use it for our blog. If you did it right your logo should be like my logo below. I know you are good in making this logo design. We're done!!

Final web 2.0 logo result

From many steps above we know that making a web 2.0 logo for a blog is not so hard to do. You can improve your creativity in using style, colors, and blending option settings. I know you can do better than me. So if you feel this tutorial is good and you've made a logo from this tutorial, feel free to post it here. Just comment this tutorial. Below is my other final result from this tutorial, just added some glass shadow.

glossy logo web 2.0


Give us feedback comments
Read 9 comment(s):
  • At January 5, 2008 at 2:50 AM, Anonymous AnimatedBackg said…
    Nice simple Tutorial. I think anyone could practice with this photoshop technique

  • At January 5, 2008 at 12:30 PM, Anonymous tantan said…
    nice tutorial, I just practice this tutorial and it's cool. thanks

  • At April 30, 2008 at 9:35 AM, Anonymous ical said…
    tutrorial yang fresh dan simple sangat membantu..thanks ya..

    Btw, bisa gak template blog saya diparkir disini biar bisa didownload..

    Salam kenal ya mas and mba..maaf kalo salah..soalnya di profil ada berdua..

  • At April 30, 2008 at 11:38 AM, Blogger Fariez The Fachia said…
    Thanks, Ical.
    I'll consider to put your blog's link up from this blog. But it might be awesome if you place a linkback too. Thanks. I'll check it later..

  • At June 12, 2009 at 3:50 AM, Anonymous Lea said…
    Question!!! :)

    But first of all, thank you very much for this very easy to follow tutorial. I am indeed very, VERY slow in these matters but confidently I say am surely getting there. And thanks to your tutorial, I managed to finally get some things done! Really great! Just awesome! But just one thing tho - the last part's missing for me - HOW on earth do i do the final 'GLASS SHADOW'? I'm like so so stuck there. Be great if u could drop me a line at my email with that final step! :D TQ!!!

    lealaurielle (at) gmail (dot) com

  • At December 11, 2009 at 1:32 PM, Anonymous Anonymous said…
    Good day !.
    You re, I guess , probably curious to know how one can make real money .
    There is no need to invest much at first. You may start to receive yields with as small sum of money as 20-100 dollars.

    AimTrust is what you haven`t ever dreamt of such a chance to become rich
    The company represents an offshore structure with advanced asset management technologies in production and delivery of pipes for oil and gas.

    It is based in Panama with offices around the world.
    Do you want to become really rich in short time?
    That`s your choice That`s what you desire!

    I`m happy and lucky, I started to take up real money with the help of this company,
    and I invite you to do the same. If it gets down to select a proper companion utilizes your money in a right way - that`s it!.
    I take now up to 2G every day, and my first deposit was 1 grand only!
    It`s easy to join , just click this link
    and lucky you`re! Let`s take this option together to feel the smell of real money

  • At December 16, 2009 at 7:38 AM, Anonymous Anonymous said…
    Hello !.
    You re, I guess , perhaps very interested to know how one can reach 2000 per day of income .
    There is no initial capital needed You may begin to receive yields with as small sum of money as 20-100 dollars.

    AimTrust is what you need
    The company represents an offshore structure with advanced asset management technologies in production and delivery of pipes for oil and gas.

    Its head office is in Panama with affiliates around the world.
    Do you want to become an affluent person?
    That`s your choice That`s what you really need!

    I`m happy and lucky, I began to get real money with the help of this company,
    and I invite you to do the same. If it gets down to choose a correct partner who uses your savings in a right way - that`s AimTrust!.
    I take now up to 2G every day, and what I started with was a funny sum of 500 bucks!
    It`s easy to get involved , just click this link
    and lucky you`re! Let`s take this option together to become rich

  • At January 28, 2010 at 12:35 PM, Anonymous Anonymous said…
    Hello everyone!
    I would like to burn a theme at here. There is such a thing, called HYIP, or High Yield Investment Program. It reminds of financial piramyde, but in rare cases one may happen to meet a company that really pays up to 2% daily not on invested money, but from real profits.

    For several years , I earn money with the help of these programs.
    I don't have problems with money now, but there are heights that must be conquered . I make 2G daily, and I started with funny 500 bucks.
    Right now, I managed to catch a guaranteed variant to make a sharp rise . Turn to my web site to get additional info. [url=]Online Investment Blog[/url]

  • At March 22, 2010 at 2:12 PM, Anonymous Anonymous said…
    Good day!
    My name is Tom,

    I'm excited to be part of this large and growing forum of great people and thankyou all for making me feel welcome. I just joined today.

    My special interests or skills are:
    - HTML
    - SEO
    - Web design
    - Internet business

    I am happy to help others that need it and offer advice where possible :)

    Waiting your reply..

  • Gadget 2.0

    Tracked by ClickAider