如圖1所示，是不是驚訝于Web2.0網(wǎng)站圖標之美？下面的方法，能讓你在Photoshop中輕松套用這些網(wǎng)站的圖標風格，并加上一些創(chuàng)意，快速構建出自己的Web2.0圖標出來。
第1步：首先從http://www.hongkiat.com/blog/wp-content/uploads/web20.asl下載一個現(xiàn)有的樣式文件。如果你使用的是Photoshop CS2簡體中文版，可將下載的樣式文件保存到Photoshop安裝目錄下的“.\Adobe Photoshop CS2\預置\樣式\”文件夾中。
第2步：啟動Photoshop，點擊菜單“窗口→樣式”調出樣式面板，再單擊面板右上角的箭頭按鈕，從彈出菜單中選擇“載入樣式”命令，從對話框中選擇打開上面下載的web20.asl文件加入新的樣式。再單擊箭頭按鈕，從彈出菜單中選擇“大列表”項。現(xiàn)在樣式面板將如圖2所示。
第3步：如圖3所示，輸入文字“CFan”，畫一個圓角的黑色方框作為背景，右下角再添加兩個裝飾性的小圓點。每個元素都占獨立的一個圖層。
第4步：從樣式面板中，將“mixd-label”樣式依次拖放到背景、紅色圓點、藍色圓點圖層上，這幾個圖層就被添加上一層好看的特效。再找到“mixd-font”樣式，把它拖到“CFan”文字層上?，F(xiàn)在整個圖標的效果如圖4所示。怎么樣，好看吧！
上面是一個混合型風格的實便，接下來乘熱打鐵再制作一個Skype風格的圖標：新建一個圖像文件，用文字工具（快捷鍵為T）輸入“CFanBlog”，字體設置為lucida Handwrit，大小為48點；選中這個文字圖層，然后單擊樣式面板上的“skype”樣式，文字立即變成如圖5所示的效果，非常漂亮。
其他風格的圖標，借鑒上面的操作步驟即可完成，這里就不一一介紹了。制作上面兩個的圖標，我前前后后用了不到5分鐘時間，沒騙你吧，是不是夠快！
（本文編譯自：http://www.hongkiat.com/blog/revealing-methods-of-drawing-web-20-logos/）
網(wǎng)絡大補貼：更多創(chuàng)建Web2.0圖標的教程
制作出好的網(wǎng)站圖標，不是簡單看一篇教程就能學好的。下面再給大家提供一些網(wǎng)上教程及資源，希望能助你更上一層樓。
不用下載另外的風格文件包，一樣也能創(chuàng)建Web2.0風格圖標。
網(wǎng)址：http://www.nicora.net/index.cfm?method=article&blogID=C88F54CC-D998-BFC0-D995-3823E52FA483
一個不錯的創(chuàng)建Web2.0圖標的教程，雖是英文網(wǎng)站，不過它是以視頻的方式完成，很容易看懂。
網(wǎng)址：http://www.alleba.com/blog/photoshop-tutorial-how-to-make-a-web-20-style-logo.html
構成Web2.0風格圖標的單個元素的制作技巧。
網(wǎng)址：http://www.photoshoplab.com/web20-design-kit.html
web 2.0網(wǎng)頁顏色調板
網(wǎng)址：http://swissmiss.typepad.com/weblog/2006/10/web_20_color_pa.html
