當(dāng)前位置:首頁>ps入門教程>ps文字教程>3D立體字>教程內(nèi)容

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程(6)

來源:tieba 作者:P大點(diǎn)S 學(xué)習(xí):5800人次

教程是教大家設(shè)計(jì)一枚精致的筆記本,教程步驟詳細(xì),作者還提供了素材,有興趣的同學(xué)可以一起練習(xí)一下。

首先,看看我們的效果圖。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

素材打包鏈接:http://pan.baidu.com/s/1mggM26k 密碼:p0b4

新建文檔,這里我用的是1000*800像素。設(shè)置前景色為#9e9e9e,背景色為#616161,拉一個(gè)從中心向四周的徑向漸變。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

添加一個(gè)雜色,設(shè)置雜色數(shù)量為2%,高斯分布,勾選單色。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

復(fù)制一層背景圖層,執(zhí)行“濾鏡—濾鏡庫—紋理—馬賽克拼貼”,設(shè)置拼貼大小為2,縫隙寬度為1 ,加亮縫隙為1,并將這個(gè)圖層的圖層混合模式更改為“柔光”,不透明度20%。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

創(chuàng)建一個(gè)“曲線”調(diào)整層,選取一個(gè)S曲線,強(qiáng)化對比。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

使用圓角矩形工具畫一個(gè)450*600的圓角矩形,設(shè)置圓角為30度,居中對齊。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

按住ALT,畫一個(gè)矩形,將矩形移至圓角矩形的左邊,得到我們要的筆記本的面板輪廓。ALT這里是快捷鍵,減去模式,當(dāng)然你也可以先畫好再減去,然后合并形狀組件。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

接下來,給這個(gè)面板設(shè)置一個(gè)圖層樣式。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

放入我所提供下載的“皮革”素材,置于頂層,創(chuàng)建剪貼蒙版,效果如下:

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

下面,我們添加一個(gè)縫線效果,還是跟剛才樣板的做法一樣,我縮小了5像素,圓角矩形的圓角角度記得需要更改一下,搞定后,合并形狀組件。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

使用直接選擇工具,選擇住形狀,在形狀選項(xiàng)菜單中,設(shè)置形狀填充顏色為無,形狀描邊1像素,描邊顏色為#5a5a5a,虛線描邊。 具體設(shè)置請看下圖:

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

就虛線描邊來說,做法無數(shù),用形狀的描邊功能,相對簡單。以前沒有這功能的時(shí)候,雙重畫筆可以實(shí)現(xiàn),使用圖案也可以實(shí)現(xiàn),當(dāng)然你直接做個(gè)畫筆來描邊路徑,也無可厚非,方法多的是。

下面,我們給縫線圖層添加一個(gè)圖層樣式,增加真實(shí)感。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程
圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

使用矩形工具,在皮質(zhì)面板下層畫一個(gè)30*600像素的矩形,擺放在皮質(zhì)面板的左邊。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

下面,為這個(gè)矩形添加圖層樣式。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程
圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程
圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

再用矩形工具畫一個(gè)10*596像素的矩形,置于我們上面設(shè)置圖層樣式的這個(gè)矩形的下層。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

設(shè)置這個(gè)矩形的圖層樣式。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程
圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

還是在上面設(shè)置圖層樣式的矩形的下層,用圓角矩形工具,畫一個(gè)50*600像素的圓角矩形。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

為了不影響我們一會(huì)對這個(gè)形狀設(shè)置漸變疊加,我們畫一個(gè)矩形,減去頂層形狀,然后合并形狀組件。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

OK,下面我們給它設(shè)置圖層樣式。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程
圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

到目前為止,我們得到如下效果:

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

下面,我們給筆記本添加一個(gè)陰影。首先我們需要做的就是得到筆記本的選區(qū)。從圖層中,我們可以很輕易的明白,整個(gè)筆記本的輪廓是由下圖中的四個(gè)圖層所組成的。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

載入單個(gè)圖層的選區(qū)的方法,我相信大家都知道,按CTRL+鼠標(biāo)左鍵單擊圖層縮略圖就可以載入選區(qū)了。 但是現(xiàn)在我們需要的是載入四個(gè)圖層的選區(qū),其實(shí)還是一樣的,按CTRL+SHIFT+鼠標(biāo)左鍵單擊圖層縮略圖,依次單擊這四個(gè)圖層縮略圖就可以了。

在按住SHIFT的時(shí)候,鼠標(biāo)移到圖層縮略圖那里,會(huì)出現(xiàn)如下圖中的那個(gè)+號,點(diǎn)擊了就表示將現(xiàn)在選擇的圖層的選區(qū)增加到已有的選區(qū)中。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

OK,我們得到選區(qū)后,新建一層,置于這四個(gè)形狀的下層,命名為“投影”,填充黑色,并執(zhí)行一個(gè)10像素的高期模糊。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

再為這個(gè)“投影”圖層設(shè)置一個(gè)圖層樣式。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程
圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

下面,我們打上文字,顏色為白色,并將文字圖層的填充更改為3%。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

下面,我們給文字圖層設(shè)置一個(gè)圖層樣式:

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程
圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

搞定,再添加一個(gè)LOGO,圖層樣式直接拷貝文字的圖層樣式就可以了。

圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)筆記本圖標(biāo)詳細(xì)教程

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
相思醉9282018-05-24 01:20
來學(xué)習(xí),謝謝分享!
絕版乖乖2018-02-25 09:59
來學(xué)習(xí),謝謝分享!
H你最可愛2017-12-20 04:26
我的作業(yè):
H你最可愛2017-12-20 04:23
我的作業(yè):
嗶哩嗶哩新手2015-04-14 11:01
未標(biāo)題-1
嗶哩嗶哩新手2015-04-14 11:04
未標(biāo)題-1
孤單心事2015-03-16 06:03
我要好好的學(xué)習(xí)一下
孤單心事2015-03-16 06:03
我要好好的學(xué)習(xí)一下
孤單心事2015-03-16 06:03
我要好好的學(xué)習(xí)一下
樹下老人2015-03-16 03:38
謝謝老師分享,我要好好的學(xué)習(xí)一下
樹下老人2015-03-16 03:38
謝謝老師分享,我要好好的學(xué)習(xí)一下
樹下老人2015-03-16 03:38
謝謝老師分享,我要好好的學(xué)習(xí)一下
青花瓷M2015-03-16 03:11
嚴(yán)重支持···
青花瓷M2015-03-16 03:11
嚴(yán)重支持···
青花瓷M2015-03-16 03:11
嚴(yán)重支持···

關(guān)注大神微博加入>>

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