ps簡單教程：繪制藍色光感圖標

2013/7/25 17:45:28作者：佚名來源：網(wǎng)絡

移動端

本案例教程是由學無憂為大家提供的ps簡單教程：繪制藍色光感圖標。有興趣的可以去拿來練練手學習下。以下就是繪制完成的效果圖和具體操作步驟。

藍色光感圖標效果圖：

藍色光感圖標效果圖

下面就是教程的詳細操作步驟：

步驟一、新建一個文件圖層，將背景內(nèi)容設置為透明色，如圖所示：

ps新建圖層

步驟二、將圖層1的的前景色填充為“373737”的參數(shù)，然后在對其進行添加徑向漸變的填充，如圖所示：

設置前景色顏色

對顏色進行徑向漸變填充

步驟三、點擊工具箱中的矩形工具組上面點卡“圓角矩形工具”，然后在上面的具體參數(shù)設置為固定大小128*128大小，如圖所示：

繪制圓角矩形

步驟四、將這個圓角矩形的顏色添加為“#00b7ee”值即可。如圖所示：

步驟五、填充前景色之后，依舊對前景色設置圖層樣式，點開漸變編輯器，將一頭設置為透明度0%，顏色白色#ffffff 編輯完漸變后，直接用鼠標在中間位置往下拖動漸變。這樣一個帶漸變的橢圓矩形就繪制完成了。

步驟六、之后在將前景色設置為白色，點擊“畫筆工具”使用128px的白色柔角畫筆，新建一個圖層，如圖所示：

選擇柔角畫筆

步驟七、新建一個圖層之后，在新圖層上點擊畫上一點，并添加剪貼蒙板，將圖層混合模式設置為疊加模式。如圖所示：

繪制剪貼蒙版

修改為疊加圖層模式

步驟八、點擊“鋼筆工具”，使用鋼筆工具畫一個圖形，使用剪切蒙版將圓邊矩形外部的去掉，如圖所示：

鋼鞭工具繪制路徑

111

步驟九、并添加蒙板使用剪切蒙版之后對其進行漸變工具的填充漸變，最后調(diào)整圖形透明度為30%

漸變填充

步驟十、雙擊藍色圓角矩形圖層，打開該圖層的圖層樣式；設置投影樣式：先把需要的等高線如下圖調(diào)出，再參照下圖參數(shù)調(diào)整，到這里圖標就整體完成了。

漸變填充圖層樣式參數(shù)設置

步驟十一、最后使用字體工具打一個字母，當然，你也可以做出自己想要的圖形；再把字體圖層置于高光圖層下方，按老規(guī)矩給字體圖層添加剪貼蒙板，透明度調(diào)整為90%增加一點通透感。如圖所示：

隨意輸入一個文字圖形

步驟十二、這樣一個簡單藍色光感圖標就繪制完成了，最終效果圖如下：

簡單藍色光感圖標效果圖

標簽：圖標簡單