Photoshop制作放大縮小網(wǎng)頁(yè)圖標(biāo)

本教程學(xué)習(xí)如何用photoshop的鋼筆、圓角矩形和圖層樣式制作放大縮小圖標(biāo)，效果類似放大鏡，下面讓我們一起來(lái)學(xué)習(xí)

先看效果圖。

新建文檔1280x1024像素，背景白色，建新層，畫(huà)一正圓選區(qū)，填充#c6c6c6。

復(fù)制一層，縮小一些，顏色改為黑色。

添加圖層樣式。

建新層，畫(huà)一正圓選區(qū)，填充#9aa6af。

復(fù)制此層，添加圖層樣式。

效果如下。

調(diào)出此層選區(qū)，建新層，填充白色，去掉選區(qū)，用橢圓工具做如下選區(qū)，添加蒙版。

圖層不透明度改為38%，建新層，畫(huà)2個(gè)圓角矩形，顏色#07387a，位置中心對(duì)齊。

放大鏡的表盤(pán)制作完成，下面制作手柄，建新層，用鋼筆畫(huà)下圖所示形狀，填充黑色。

添加圖層樣式。

同樣方法制作另一個(gè)金屬部分，效果如下。

建新層，用鋼筆畫(huà)出手柄形狀，填充黑色。

添加圖層樣式。

效果如下。

建新層，用鋼筆畫(huà)出高光區(qū)域，填充#a5a5a5。

添加一個(gè)陰影，效果如下。

同樣方法制作出縮小圖標(biāo)，最終效果如下。