萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps鼠繪教程 >> ps繪制藍色光感圖標

ps繪制藍色光感圖標

   藍色光感圖標效果圖:

ps繪制藍色光感圖標 三聯

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

  步驟一、新建一個文件圖層,將背景內容設置為透明色,如圖所示:

ps新建圖層

  步驟二、將圖層1的的前景色填充為“373737”的參數,然後在對其進行添加徑向漸變的填充,如圖所示:

設置前景色顏色
對顏色進行徑向漸變填充

  步驟三、點擊工具箱中的矩形工具組上面點卡“圓角矩形工具”,然後在上面的具體參數設置為固定大小128*128大小,如圖所示:

繪制圓角矩形

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

圓角矩形顏色填充

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

漸變編輯

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

選擇柔角畫筆

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

繪制剪貼蒙版
修改為疊加圖層模式

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

鋼鞭工具繪制路徑
111

  步驟九、並添加蒙板使用剪切蒙版之後對其進行漸變工具的填充漸變,最後調整圖形透明度為30%

漸變填充

  步驟十、雙擊藍色圓角矩形圖層,打開該圖層的圖層樣式;設置投影樣式:先把需要的等高線如下圖調出,再參照下圖參數調整,到這裡圖標就整體完成了。

漸變填充圖層樣式參數設置

  步驟十一、最後使用字體工具打一個字母,當然,你也可以做出自己想要的圖形;再把字體圖層置於高光圖層下方,按老規矩給字體圖層添加剪貼蒙板,透明度調整為90%增加一點通透感 。如圖所示:

隨意輸入一個文字圖形

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

簡單藍色光感圖標效果圖
copyright © 萬盛學電腦網 all rights reserved