當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

設計通訊簿圖標教程(9)

來源:優(yōu)設網(wǎng) 作者:葶蓂溪畔的幽靈公主 學習:4827人次

六、添加木紋背景

步驟 1

在圖層面板中,選擇所有的矢量形狀,編成一組。(Command/Ctrl-G)。雙擊該文件夾,將其命名為通訊簿。按住Alt 鍵,雙擊背景圖層解鎖。將前景色設為#736357,選擇油漆桶工具,給背景圖層上色,如下圖。

設計通訊簿圖標教程

步驟 2

為該圖層設置如下混合選項。注意:在圖案疊加中添加木紋圖案。

設計通訊簿圖標教程

設計通訊簿圖標教程
七、添加陰影和高光

步驟 1

選擇圓角矩形工具,將半徑設為 5px。將前景色設為黑色 (#000000)創(chuàng)建一個280 x 380px 的圓角矩形,位置如下。

設計通訊簿圖標教程

步驟 2

在圖層面板中,右鍵上一步畫出的圓角矩形,轉(zhuǎn)化為智能對象。將該圖層放置到通訊簿文件夾下方,將混合模式調(diào)整為疊加,然后選擇 濾鏡> 模糊 >高斯模糊,將半徑設為 10px,點擊確定。

設計通訊簿圖標教程

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!