 Free Templates
Recent Post(s)
White minimalist Blogger skin
K2 Classic Fresh Blogger layout Firefox skined template Binary web 2.0 Clasic skin Clear menu at sidebar templae 3 coloumns blogger skin from Andreas Andreas02 New blogger template Andreas02 Blogspot template tabbed menu How to add bookmarker widgets in Blogger Starcrash a web 2.0 design for Blogger Search Design
Archives
Syndication
Blog Stats
 
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 BlogArtZine 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 Garland 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. www.onlinecasinobluebook.com also host a casino forum, blog, and casino news articles  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. 
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. 
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. 
3. We have to rasterize our text layer. We can do this by clicking Layer menu than Rasterize Type. 
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. 
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. 
6. We'll also give it outer glow effect. Just set it like illustration below. 
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. 
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. 
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. 
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. 
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%. 
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!!
Conclusion 
Labels: tutorial 
Posted at 2:32 AM</a>.
  Read 8 comment(s):
At January 5, 2008 at 2:50 AM, At January 5, 2008 at 12:30 PM, At April 30, 2008 at 9:35 AM, At April 30, 2008 at 11:38 AM, At June 12, 2009 at 3:50 AM, At December 11, 2009 at 1:32 PM, At December 16, 2009 at 7:38 AM, At March 22, 2010 at 2:12 PM, Blog Resource
Tutorials
Make Money
Gadget 2.0
|
