68 Web 2.0 Webdesign Tutorials


	68 Web 2.0 Webdesign Tutorials
funana
2-19-2007 8:42 AM
1758 views
tags:
web 2.0, design, layout, webdesign, glossy, buttons, batches, logos, how 2, tutorials, internet, graphics, photoshop
funana says:
A very nice collection of Web 2.0 Webdesign-Tutorials.
Add a Comment
Login to Comment. Not a member yet? Sign up
Today's Top Clips

visit the Top Clips page
View the Top Clips from February 19, 2007
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://www.clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/8482acae-53d9-4ce3-95b3-f1019c1255ad/03FD3EAB-C9B1-4925-9F1A-AFB73A642578/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.drweb.de/weblog/weblog/?p=780" href="http://www.drweb.de/weblog/weblog/?p=780" style="font-size: 11px;">www.drweb.de</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>1. <A href="http://www.adobetutorialz.com/articles/2153/1/Three-girls-posing-in-the-night-Illustration">Three girls posing in the night Illustration - Adobe Photoshop - Adobe Graphic Design Software</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.adobetutorialz.com/articles/2153/1/Three-girls-posing-in-the-night-Illustration"><IMG width="485" height="170" alt="Photoshop Tutorial - Three girls posing in the night Illustration - Adobe Photoshop - Adobe Graphic Design Software" src="http://www.drweb.de/img/web20/web20-photoshop-73.gif" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>2. <A href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/?Page=2">Adobe Software - Adobe Photoshop</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/?Page=2"><IMG width="485" height="170" alt="Photoshop Tutorial - Adobe Software - Adobe Photoshop" src="http://www.drweb.de/img/web20/web20-photoshop-78.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>3. <A href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/?Page=2">Adobe Software - Adobe Photoshop</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/?Page=2"><IMG width="485" height="170" alt="Photoshop Tutorial - Adobe Software - Adobe Photoshop" src="http://www.drweb.de/img/web20/web20-photoshop-79.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>4. <A href="http://tutorialblog.org/create-a-software-box/">Create a software box - Photoshop Tutorial</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://tutorialblog.org/create-a-software-box/"><IMG width="485" height="170" alt="Photoshop Tutorial - Create a software box - Photoshop Tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-65.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>5. <A href="http://www.roscripts.com/forum/discussion/17/retro-lines-in-photoshop/#Item_3">Programming the web - Retro lines in photoshop?</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.roscripts.com/forum/discussion/17/retro-lines-in-photoshop/#Item_3"><IMG width="485" height="170" alt="Photoshop Tutorial - Programming the web - Retro lines in photoshop?" src="http://www.drweb.de/img/web20/web20-photoshop-19.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>7. <A href="http://www.photoshopsupport.com/tutorials/cian/gradient-styles-dashes.html">Gradient Styles & How To Make Dashes - Photoshop Tutorial | PhotoshopSupport.com</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.photoshopsupport.com/tutorials/cian/gradient-styles-dashes.html"><IMG width="485" height="170" alt="Photoshop Tutorial - Gradient Styles & How To Make Dashes - Photoshop Tutorial | PhotoshopSupport.com" src="http://www.drweb.de/img/web20/web20-photoshop-72.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>12. <A href="http://tutorials20.com/design/jelly-remake/">Jelly Remake - Tutorials 2.0</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://tutorials20.com/design/jelly-remake/"><IMG width="485" height="170" alt="Photoshop Tutorial - Jelly Remake - Tutorials 2.0" src="http://www.drweb.de/img/web20/web20-photoshop-64.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>13. <A href="http://www.lineartutorials.com/Tutorials/Web20logo/">Web 2.0 Style Logo</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.lineartutorials.com/Tutorials/Web20logo/"><IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Style Logo" src="http://www.drweb.de/img/web20/web20-photoshop-12.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>14. <A href="http://pxlgfx.com/tutorials/Polished_Text/">PXLGFX- Polished Text</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://pxlgfx.com/tutorials/Polished_Text/"><IMG width="485" height="170" alt="Photoshop Tutorial - PXLGFX- Polished Text" src="http://www.drweb.de/img/web20/web20-photoshop-24.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>15. <A href="http://www.alleba.com/blog/photoshop-tutorial-how-to-make-a-web-20-style-logo.html">How to Make a Web 2.0-Style Logo</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.alleba.com/blog/photoshop-tutorial-how-to-make-a-web-20-style-logo.html"><IMG width="485" height="170" alt="Photoshop Tutorial: How to Make a Web 2.0-Style Logo" src="http://www.drweb.de/img/web20/web20-photoshop-34.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>16. <A href="http://www.nicora.net/index.cfm?method=article&blogID=C88F54CC-D998-BFC0-D995-3823E52FA483">Learn to create your own Web2.0 Logo</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.nicora.net/index.cfm?method=article&blogID=C88F54CC-D998-BFC0-D995-3823E52FA483"><IMG width="485" height="170" alt="Photoshop Tutorial - Nicora | Articles | Learn to create your own Web2.0 Logo" src="http://www.drweb.de/img/web20/web20-photoshop-02.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>17. <A href="http://www.dreamdealer.nl/?action=viewTutorial&id=37">How to create a WEB 2.0 style logo</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.dreamdealer.nl/?action=viewTutorial&id=37"><IMG width="485" height="170" alt="Photoshop Tutorial - DreamDealer v4.0 - How to creat a WEB 2.0 style logo" src="http://www.drweb.de/img/web20/web20-photoshop-29.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>18. <A href="http://designphase.net/web_logo2">Web 2.0 Logo #2 | Designphase - Web Design Tutorials</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://designphase.net/web_logo2"><IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Logo #2 | Designphase - Web Design Tutorials" src="http://www.drweb.de/img/web20/web20-photoshop-18.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>19. <A href="http://designphase.net/web2.0_logo">Web 2.0 Logo | Designphase - Web Design Tutorials</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://designphase.net/web2.0_logo"><IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Logo | Designphase - Web Design Tutorials" src="http://www.drweb.de/img/web20/web20-photoshop-17.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>20. <A href="http://www.fxdesigning.com/web2txt.php">Web 2.0 Logo</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.fxdesigning.com/web2txt.php"><IMG width="485" height="170" alt="Photoshop Tutorial - FX Designing :: Tutorials :: Web 2.0 Logo" src="http://www.drweb.de/img/web20/web20-photoshop-28.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>23. <A href="http://www.fontshop.com/fontfeed/archives/web-20-logos.cfm">The Logos of Web 2.0 | The FontFeed at FontShop</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.fontshop.com/fontfeed/archives/web-20-logos.cfm"><IMG width="485" height="170" alt="Photoshop Tutorial - The Logos of Web 2.0 | The FontFeed at FontShop" src="http://www.drweb.de/img/web20/web20-photoshop-47.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>34. <A href="http://www.ajaxlessons.com/2006/02/16/web-20-badge-tutorial/">Web 2.0 Badge Photoshop Tutorial</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.ajaxlessons.com/2006/02/16/web-20-badge-tutorial/"><IMG width="485" height="170" alt="Web 2.0 Badge Photoshop Tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-04.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>35. <A href="http://tutorialblog.org/create-a-shiny-badge/">Create a Shiny Badge - Photoshop Tutorial</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://tutorialblog.org/create-a-shiny-badge/"><IMG width="485" height="170" alt="Create a Shiny Badge - Photoshop Tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-66.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>36. <A href="http://www.visualdesigncore.com/tutorials/photoshop/Supermarket-Stickers/">Supermarket Stickers Tutorial - Visualdesigncore.com</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.visualdesigncore.com/tutorials/photoshop/Supermarket-Stickers/"><IMG width="485" height="170" alt="Photoshop Tutorial - Supermarket Stickers Tutorial - Visualdesigncore.com" src="http://www.drweb.de/img/web20/web20-photoshop-41.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>37. <A href="http://freephotoshopguides.com/interface-elements/web20-badges/">Web2.0 Badges</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://freephotoshopguides.com/interface-elements/web20-badges/"><IMG width="485" height="170" alt="Web2.0 Badges" src="http://www.drweb.de/img/web20/web20-photoshop-38.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P>40. <A href="http://www.designphase.net/?q=badge_n_button">Badge ‘n Button | Designphase - Web Design Tutorials</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.designphase.net/?q=badge_n_button"><IMG width="485" height="170" alt="Photoshop Tutorial - Badge \'n Button | Designphase - Web Design Tutorials" src="http://www.drweb.de/img/web20/web20-photoshop-22.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.hongkiat.com/blog/2006/12/27/create-cool-glossy-button-for-web/"><IMG width="485" height="170" alt="Photoshop Tutorial - Photoshop Buttons Create glossy button for web 2.0 Tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-16.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://iris-design.info/photoshop/web-20-style-buttons/"><IMG width="485" height="170" alt="Web 2.0 style buttons" src="http://www.drweb.de/img/web20/web20-photoshop-42.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://photoshopit.wordpress.com/2006/12/14/glossy_button_web20/"><IMG width="485" height="170" alt="Photoshop Tutorial - Glossy Button Video Tutorial and PSD " src="http://www.drweb.de/img/web20/web20-photoshop-54.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://veerle.duoh.com/blog/comments/creating_flexible_buttons_using_photoshop_shapes_and_styles/"><IMG width="485" height="170" alt="Creating flexible buttons using Photoshop shapes and styles" src="http://www.drweb.de/img/web20/web20-photoshop-70.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.aggropixel.com/tutorials/photoshop_web_badge/web_badge.html"><IMG width="485" height="170" alt="Photoshop Tutorial - Created by Camtasia Studio 3" src="http://www.drweb.de/img/web20/web20-photoshop-23.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.hongkiat.com/blog/2007/01/24/design-a-web-20-tab-with-photoshop/"><IMG width="485" height="170" alt="Photoshop Tutorial - Design a Web 2.0 tab with Photoshop" src="http://www.drweb.de/img/web20/web20-photoshop-03.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.sigtutorials.com/tutorials/other/banner-navigation-tutorial.html"><IMG width="485" height="170" alt="Photoshop Tutorial - SigTutorials.com - The best Signature Tutorials!" src="http://www.drweb.de/img/web20/web20-photoshop-71.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.shadowness.com/tutorial392"><IMG width="485" height="170" alt="Photoshop Tutorial - Shadowness / Tutorials - Website Header Tutorial #3 by Rinn" src="http://www.drweb.de/img/web20/web20-photoshop-59.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.shadowness.com/tutorial381"><IMG width="485" height="170" alt="Photoshop Tutorial - Shadowness / Tutorials - Professional Looking Website Header by Rinn" src="http://www.drweb.de/img/web20/web20-photoshop-60.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://photoshopit.wordpress.com/2006/10/03/sleek-and-spicy-website-header-tutorial-web-20-style/"><IMG width="485" height="170" alt="Photoshop Tutorial - Sleek and Spicy website header Tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-63.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.talk-mania.com/showthread.php?t=7108"><IMG width="485" height="170" alt="Photoshop Tutorial - Vista Style Layout - Talk Mania Forum" src="http://www.drweb.de/img/web20/web20-photoshop-01.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://photoshopit.wordpress.com/2006/09/17/photoshop-tutorials-are-on-the-way-but-first-a-sleek-web-20-lookin-header-and-web-page-layout/"><IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Layout" src="http://www.drweb.de/img/web20/web20-photoshop-51.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.tutorialkit.com/tutorials/Web-2.0-Layout-52936.html"><IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Layout - Tutorial Kit" src="http://www.drweb.de/img/web20/web20-photoshop-07.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.photoshopdepot.com/index.php?web"><IMG width="485" height="170" alt="Photoshop Tutorial - Adobe photo shop tutorials and downloads brought to you by Photoshopdepot.com - | Web 2.0 template tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-25.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.photoshoplab.com/web20-design-kit.html"><IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Design Kit | Photoshop Lab" src="http://www.drweb.de/img/web20/web20-photoshop-05.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.photoshoplab.com/web-20-design-kit-part-2.html"><IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Design Kit, Part 2 | Photoshop Lab" src="http://www.drweb.de/img/web20/web20-photoshop-06.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.modernlifeisrubbish.co.uk/article/web-2.0-colour-palette"><IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Colour Palette" src="http://www.drweb.de/img/web20/web20-photoshop-43.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://miles.burke.id.au/blog/2006/02/03/the-web-20-secret-weapon/"><IMG width="485" height="170" alt="Photoshop Tutorial - The Web 2.0 Secret Weapon - Thoughts and errata from Miles Burke." src="http://www.drweb.de/img/web20/web20-photoshop-44.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.f6design.com/journal/2006/10/21/the-visual-design-of-web-20/"><IMG width="485" height="170" alt="The visual design of Web 2.0" src="http://www.drweb.de/img/web20/web20-photoshop-52.png" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.drweb.de/weblog/weblog/?p=780"><P><A href="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm"><IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 how-to design style guide" src="http://www.drweb.de/img/web20/web20-photoshop-53.png" /></A></P></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/03FD3EAB-C9B1-4925-9F1A-AFB73A642578/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>