有朋友给虫虫留言：你说的那些所谓的Web 2.0风格的东西，并非Web 2.0网页所独有，许多效果在传统网页上也常常能看到！确实如此，关于什么是Web 2.0设计风格，一直存在着很大的争议。我个人的意见，观察许多Web 2.0网站时确实发现它们之间有不少相似的元素，那么姑且就把这当作是种风格吧。
　　如图1所示，就是某个Web 2.0网站的首页截图，你看到了什么？可以看到，左上角的Logo运用了玻璃反光效果，按钮等矩形条使用了渐变效果。对，这就是Web 2.0网站中典型的效果之一，给二维平面网页增加了立体效果，层次更丰富了。今天我们也来试试吧。
　　
　　实例：Web 2.0版的CFan研究院
　　
　　第7期上看到“CFan研究院”开张了，那个Logo图标设计得很有意思，我就以它为基础制作一个Web 2.0风格的页面题头吧。
　　第1步 启动Photoshop，新建一个800像素×600像素大的图像。使用矩形选取工具在图像的最上方画出一个约780像素×90像素的矩形选区。然后执行“图层→新建填充图层→渐变”命令打开“渐变填充”对话框。
　　第2步 点击“渐变”右侧的下拉按钮，从弹出的面板中点选第一种渐变样式“前景到背景”，这时可以预览到矩形选区已填充上从前景到背景色的渐变了（见图2）。
　　第3步 不过我们要制作更独特的渐变效果，即类似http://www.Apple.com主页上按钮的那种双层渐变，所以要点击“渐变”右侧的颜色条打开渐变编辑器。
　　


　　第4步 把光标移到“渐变类型”下的色彩条下方，当光标变成手的形状时单击，可以添加一个铅笔头图标。添加两个铅笔头图标，并把它们拖放到中间（稍微错开点位置）。接着由从左至右依次双击每个铅笔头图标，把它们的颜色设置成深灰、深灰、浅灰、浅灰，如图3所示。一边调整一边可以预览效果，满意时连续点击“确定”返回即可。
　　第5步 将“CFan研究院”的图标（Logo）拖到新图像上（你可以用自己的图标来代替），调好大小和位置。再输入相应文字（如：CFan Researc Station），字体设置为白色。
　　第6步 在图层面板上，按Ctrl键不放并点击选中Logo和文字两个图层，再按Ctrl+G键把它们组成一组。右击这个组，选择“合并组”，则Logo和文字就合并到一起了。把这个新合并的层拖到下面的“创建新图层”按钮上，可以复制一个新层，选中它，按Ctrl+T键调出变形框，按住变形框上面的锚点往下拖，就可以得到一个倒立的反射图形了，调整好之后，按回车键确认。
　　第7步 选择橡皮擦工具（快捷键为：E），模式设置为“画笔”，画笔笔刷选择边缘非常虚化的那种，再将“不透明度”设置为20％，擦除反射的图形，产生虚化效果。至此，一个Web 2.0风格的标题条就完成了（见图4）。
　　参考文章：http://www.photosho plab.com/web20-design-kit.html