ps網(wǎng)頁設(shè)計(jì)：博士帽形狀按鈕(8)

作者：不詳 作者：  來源：Xiaobaov2  
本Photoshop教程詳細(xì)介紹透明水晶風(fēng)格博士帽圖標(biāo)的制作方法。制作的效果非常逼真，細(xì)節(jié)也處理得相當(dāng)不錯(cuò)。不愧為國外大師的作品。
最終效果

第一步 首先創(chuàng)建一個(gè)新文檔，背景色選用淺灰色(#d6d6d6)。

第二步 讓我們用形狀工具（矩形）來制作整個(gè)圖標(biāo)的基礎(chǔ)。顏色現(xiàn)在來說無所謂，因?yàn)槲覀儸F(xiàn)在只是用它來做為標(biāo)準(zhǔn)。

第三步 用變形工具（Ctrl+T）將我們創(chuàng)建這個(gè)形狀旋轉(zhuǎn)九十度，然后減小它的高度

第四步 現(xiàn)在我們需要設(shè)置這個(gè)形狀的中點(diǎn)，使用Ctrl+R打開標(biāo)尺，按照下圖設(shè)置你的輔助線。

第五步 現(xiàn)在將剛才的形狀復(fù)制一層，并將復(fù)制后的圖形向上移動使復(fù)制后得到的形狀的下端對齊原來的形狀的上端，然后再在復(fù)制后的形狀的頂端添加輔助線。然后你就可以把復(fù)制的形狀刪除掉。

第六步 現(xiàn)在使用鋼筆工具創(chuàng)建菱形的左側(cè)，使用橙色（#FEB624）填充。

第七步 現(xiàn)在使用第六步的方法來創(chuàng)建菱形的右半部分，但是現(xiàn)在填充的顏色改為更暗一點(diǎn)的橙色（#E49E11）。

第八步 現(xiàn)在移動藍(lán)色的圖層到所有圖層的上部。然后移動形狀的位置，像我那樣。然后使用變形工具將它變得大一點(diǎn)。

第九步 這個(gè)形狀將是整個(gè)帽子的頂部。將它命名為Top part并且使用較為亮的橙色（#FFD931）填充。然后復(fù)制一層。

第十步 向Top part 的復(fù)制圖層命名為border，使用（#EB14F00）填充，現(xiàn)在移動Top part圖層到border圖層的上面。

第十一步 選中border圖層，現(xiàn)在按一下“向下鍵”，將使這個(gè)形狀向下移動一個(gè)像素。接下來按住“Alt鍵”的同時(shí)按“向下鍵”四次，這步操作將會復(fù)制border圖層四次。

第十二步 現(xiàn)在合并所有的border圖層，現(xiàn)在你可以關(guān)閉輔助線了，因?yàn)槲覀円呀?jīng)不需要它們了。到“視圖〉顯示〉參考線”，設(shè)置它們不顯示。

第十三步 帽子的形狀畫完了，現(xiàn)在我們需要讓它看起來更漂亮一點(diǎn)。我們從最上面開始。選擇Top part圖層，然后在所有的圖層上面創(chuàng)建一個(gè)新圖層。為前景選擇橙色。在圖層浮動欄里面選擇Top part，按住Ctrl點(diǎn)擊，形成選區(qū)。在剛創(chuàng)建的圖層上使用漸變工具做一個(gè)垂直填充。

第十四步 現(xiàn)在我們來制作邊緣的高光反射。我們使用鋼筆工具來完成它，具體你可以看下面的示意圖，然后將圖層的透明度改為30%。

第十五步 接下來我們要修改菱形的右半部分，首先使用十三步的方法形成菱形右半部分的選區(qū)，創(chuàng)建一個(gè)新圖層，使用漸變工具做一個(gè)從左到右的漸變填充（#E37A05）。

第十六步 菱形的左側(cè)我們將使用一個(gè)不同的方法，邊緣使用高光反射。同樣30%的透明度，具體參看示意圖。

第十七步 現(xiàn)在我們需要給左半部分添加一些光照。同樣創(chuàng)建新圖層，Ctrl點(diǎn)擊，漸變填充，將圖層的疊加效果給魏疊加。

第十八步 接下來讓我們制作頂端的陰影。這個(gè)陰影會表現(xiàn)在椎形體的上面。創(chuàng)建一個(gè)新圖層，并將圖層移動到border的下面，命名為shadow1。使用鋼筆工具做一個(gè)形狀類似我那樣。設(shè)置透明度為30%。

第十九步 在Top part的中央做一個(gè)橙色（EC54400）的圓。然后使用變形工具適當(dāng)?shù)臏p小它，并減小它的高度。

第二十步 現(xiàn)在使用鋼筆工具制作一個(gè)形狀類似于示意圖中的形狀。

第二十一步 制作一個(gè)小的藍(lán)色的圓在剛才我們制作的形狀的下端。

第二十二步 這將是我們的最后一件事情了。這里我們將用到畫筆工具和鋼筆工具。讓我們在藍(lán)色的小圓圈圖層下面創(chuàng)建一個(gè)新圖層。使用鋼筆工具在圖層上面畫一條垂直的路徑。

第二十三步 使用下面的畫筆設(shè)計(jì)和顏色（#EE4C05）。

第二十四步 選擇路徑右擊選擇描邊路徑。

第二十五步 重復(fù)上一步，但是每一次我們創(chuàng)建一個(gè)新的描邊，并使它們在不同的圖層。同樣，要使用不同的顏色

第二十六步 現(xiàn)在你可以合并所有的圖層，給它命名為mot�，F(xiàn)在我們剩下的工作就是給它添加投影了。

第二十七步 剩下的事情包括：更多的高光，使它更加閃耀，制作一個(gè)反射，給它加一個(gè)投影，加一個(gè)地板�；仡^瀏覽一下前面的步驟，我所有用的的僅僅是畫筆工具，鋼筆工具和漸變填充。