設計通訊簿圖標教程

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

最終效果:

設計通訊簿圖標教程
在這個教程中,我將給大家展示如何用PS打造一個精致的牛皮質感通訊簿圖標。教程主要用到三項技巧:首先,充分利用網格和對齊到網格;其次,創(chuàng)建矢量形狀,充分利用圖層的混合選項;最后,用簡單的混合技巧和特效來添加細致的陰影和高光。讓我們開始吧!

本次教程需要以下素材。開始之前可以先下載,當然也可以用其他素材代替。

木紋背景皮質圖案

素材打包 http://vdisk.weibo.com/lc/3OzZW9rYVu3A7SUQvEN 密碼:XN30

一、新建文件,顯示網格

打開PS,Command/Ctrl-N新建一個文件。按照下圖設置參數,單擊確定。顯示網格(視圖>顯示>網格),然后對齊到網格(視圖>對齊到>網格)。剛開始,你需要一個10px的網格,選擇編輯>首選項>參考線,網格和切片,設置網格線間隔為10px,子網格為1,網格顏色為#a7a7a7。注:可以用Command/Ctrl-’ 快捷鍵來顯示或隱藏網格。你也可以打開信息面板(窗口>信息)來查看你繪制的形狀的大小和位置。

設計通訊簿圖標教程
二、創(chuàng)建封面和封底

步驟 1

將前景色設為#aecef5。選擇圓角矩形工具,選擇形狀圖層模式,把 半徑設為5px。創(chuàng)建一個 240 x 380px 的圓角矩形,使用對齊到網格可以簡化工作。

設計通訊簿圖標教程

步驟 2

選擇矩形工具。按住Alt 鍵,創(chuàng)建一個40 x 330px的矩形,如下圖。

設計通訊簿圖標教程

步驟 3

選擇圓角矩形工具,按住Shift 鍵,創(chuàng)建一個50 x 20px 的圓角矩形,如下圖。

設計通訊簿圖標教程

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!