萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps鼠繪教程 >> photoshop制作短信icon圖標按鈕

photoshop制作短信icon圖標按鈕

   效果圖:

photoshop制作短信icon圖標按鈕 三聯

  其實仔細一看效果圖,會發現效果圖是由五部分組成的,如下圖所示:

短信icon圖標

  我們只需要繪制出五部分進行組合即可完成icon圖標。下面進入操作步驟:

  步驟一、先新建文件圖層,然後在填充背景色和前景色,這裡前景色參數【ecc5c6】。選擇工具箱的“圓角矩形工具”,畫出圓角矩形,半徑大概設置20左右,也可自行設置。調整斜面浮雕效果及漸變疊加。

圓角矩形工具繪制

  步驟二、繪制完成後對其添加圖層樣式,調整斜面浮雕效果及漸變疊加。如圖所示:

icon斜面浮雕icon圖標按鈕
漸變疊加icon圖標按鈕

  步驟三、 用鋼筆工具勾畫出短信氣泡,調整斜面浮雕樣式。

勾出氣泡
調整氣泡圖層樣式

  步驟四、復制並縮小剛才的短信氣泡,調整圖層樣式。

  漸變疊加樣式修改:

漸變疊加圖層修改

  陰影、斜面和浮雕:

陰影、斜面和浮雕參數設置

  投影圖層樣式修改:

投影參數設置

  步驟五、用橢圓工具,畫4個小圓圈,調整圖層樣式。

短信icon圖標四個小圓圈圖層樣式
photoshop制作短信icon圖標按鈕

  顏色疊加:

顏色疊加icon圖標

  步驟六、最後加上投影部分的高光。

photoshop制作短信icon圖標按鈕

  七、最終效果圖如下:

photoshop制作短信icon圖標按鈕
copyright © 萬盛學電腦網 all rights reserved