PS如何制作古典皮質(zhì)電話簿
優(yōu)設(shè)網(wǎng) 發(fā)布時(shí)間:2014-08-27 11:33:43 作者:葶蓂溪畔的幽靈公主
我要評(píng)論
作者的作圖的時(shí)候非常精細(xì),也是我們要重點(diǎn)學(xué)習(xí)的方法。作圖之前需要先調(diào)出畫布中的網(wǎng)格,然后在網(wǎng)格中精確繪制圖形,每一個(gè)細(xì)小的部件都可以在網(wǎng)格中畫出合適的大小,然后用圖層樣式等加上紋理,顏色,再整體調(diào)整細(xì)節(jié)即可
作者的作圖的時(shí)候非常精細(xì),也是我們要重點(diǎn)學(xué)習(xí)的方法。作圖之前需要先調(diào)出畫布中的網(wǎng)格,然后在網(wǎng)格中精確繪制圖形,每一個(gè)細(xì)小的部件都可以在網(wǎng)格中畫出合適的大小,然后用圖層樣式等加上紋理,顏色,再整體調(diào)整細(xì)節(jié)即可。
最終效果

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

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

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

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

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

6、選擇矩形工具,按住Alt 鍵,創(chuàng)建一個(gè) 10 x 380px的矩形,如下圖。

7、雙擊矢量形狀圖層,打開混合選項(xiàng)面板,為矢量形狀圖層添加斜面和浮雕,等高線,內(nèi)陰影,光澤, 漸變疊加和圖案疊加,具體參數(shù)如下圖。注意將素材中的皮質(zhì)圖案添加到圖案疊加中。








8、選擇你所繪制的矢量形狀圖層, Command/Ctrl-J 復(fù)制圖層,單擊右鍵,清除圖層樣式,把復(fù)制圖層的填充調(diào)整為0% ,打開混合選項(xiàng)窗口。添加內(nèi)陰影,參數(shù)如下。


9、把前景色設(shè)為#384445,選擇圓角矩形工具,創(chuàng)建一個(gè)40 x 380px 的矢量形狀,并按如下位置擺放。選中該形狀,將其移動(dòng)到其他矢量形狀圖層下方 (Command/Ctrl-Shift-[) ,為該圖層添加描邊和內(nèi)陰影,參數(shù)如下。



10、將前景色設(shè)為#c7baac,選擇矩形工具,創(chuàng)建一個(gè) 20 x50px的矢量形狀,位置如下,設(shè)置混合選項(xiàng)如下。





11、將前景色設(shè)為#dbcec0,選擇矩形工具, 創(chuàng)建一個(gè)20 x 50px 的矢量形狀,位置如下。設(shè)置混合選項(xiàng)如下。





12、復(fù)制這兩個(gè)標(biāo)簽,(Command/Ctrl-J),如下放置復(fù)制的圖層。

13、隱藏網(wǎng)格(視圖>顯示>網(wǎng)格)。選擇文字工具(T),在標(biāo)簽上添加一些字母。選擇Calibri 字體,大小為12pt,顏色黑色(#000000)。將文字圖層的混合模式調(diào)整為疊加。為圖層添加外陰影,具體參數(shù)如下。選擇所有標(biāo)簽圖層和文字圖層,編成一組(Command/Ctrl-G)。將組文件夾移動(dòng)到封面和封底圖層下。


最終效果

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

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

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

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

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

6、選擇矩形工具,按住Alt 鍵,創(chuàng)建一個(gè) 10 x 380px的矩形,如下圖。

7、雙擊矢量形狀圖層,打開混合選項(xiàng)面板,為矢量形狀圖層添加斜面和浮雕,等高線,內(nèi)陰影,光澤, 漸變疊加和圖案疊加,具體參數(shù)如下圖。注意將素材中的皮質(zhì)圖案添加到圖案疊加中。








8、選擇你所繪制的矢量形狀圖層, Command/Ctrl-J 復(fù)制圖層,單擊右鍵,清除圖層樣式,把復(fù)制圖層的填充調(diào)整為0% ,打開混合選項(xiàng)窗口。添加內(nèi)陰影,參數(shù)如下。


9、把前景色設(shè)為#384445,選擇圓角矩形工具,創(chuàng)建一個(gè)40 x 380px 的矢量形狀,并按如下位置擺放。選中該形狀,將其移動(dòng)到其他矢量形狀圖層下方 (Command/Ctrl-Shift-[) ,為該圖層添加描邊和內(nèi)陰影,參數(shù)如下。



10、將前景色設(shè)為#c7baac,選擇矩形工具,創(chuàng)建一個(gè) 20 x50px的矢量形狀,位置如下,設(shè)置混合選項(xiàng)如下。





11、將前景色設(shè)為#dbcec0,選擇矩形工具, 創(chuàng)建一個(gè)20 x 50px 的矢量形狀,位置如下。設(shè)置混合選項(xiàng)如下。





12、復(fù)制這兩個(gè)標(biāo)簽,(Command/Ctrl-J),如下放置復(fù)制的圖層。

13、隱藏網(wǎng)格(視圖>顯示>網(wǎng)格)。選擇文字工具(T),在標(biāo)簽上添加一些字母。選擇Calibri 字體,大小為12pt,顏色黑色(#000000)。將文字圖層的混合模式調(diào)整為疊加。為圖層添加外陰影,具體參數(shù)如下。選擇所有標(biāo)簽圖層和文字圖層,編成一組(Command/Ctrl-G)。將組文件夾移動(dòng)到封面和封底圖層下。


相關(guān)文章

PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2025-05-01
photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡(jiǎn)單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2025-04-25
PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23
ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10
PS調(diào)整字體大小是一個(gè)非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02
ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19
ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30
PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30




