當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 軟件教程 > 圖形圖像 > photoshop制作短信icon圖標(biāo)按鈕

photoshop制作短信icon圖標(biāo)按鈕

2013/11/2 15:56:59作者:佚名來源:網(wǎng)絡(luò)

移動端

學(xué)無憂來教你photoshop制作短信icon圖標(biāo)按鈕。本案例也是為了讓初學(xué)者能更加的對圖層樣式的調(diào)整和色彩方面有更勝的了解。下面就來詳細(xì)的教大家制作這個短信圖標(biāo)的具體教程。

效果圖:

photoshop制作短信icon圖標(biāo)按鈕

其實仔細(xì)一看效果圖,會發(fā)現(xiàn)效果圖是由五部分組成的,如下圖所示:

短信icon圖標(biāo)

我們只需要繪制出五部分進(jìn)行組合即可完成icon圖標(biāo)。下面進(jìn)入操作步驟:

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

圓角矩形工具繪制

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

icon斜面浮雕icon圖標(biāo)按鈕

漸變疊加icon圖標(biāo)按鈕

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

勾出氣泡

調(diào)整氣泡圖層樣式

步驟四、復(fù)制并縮小剛才的短信氣泡,調(diào)整圖層樣式。

漸變疊加樣式修改:

漸變疊加圖層修改

陰影、斜面和浮雕:

陰影、斜面和浮雕參數(shù)設(shè)置

投影圖層樣式修改:

投影參數(shù)設(shè)置

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

短信icon圖標(biāo)四個小圓圈圖層樣式

photoshop制作短信icon圖標(biāo)按鈕

顏色疊加:

顏色疊加icon圖標(biāo)

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

photoshop制作短信icon圖標(biāo)按鈕

七、最終效果圖如下:

photoshop制作短信icon圖標(biāo)按鈕

關(guān)于短信icon圖標(biāo)的制作就介紹到這里了,希望能幫到你。學(xué)無憂還為大家提供了ps簡單教程:繪制藍(lán)色光感圖標(biāo),大家有興趣可以去操作實踐。