PS如何制作古典皮質(zhì)電話簿
優(yōu)設(shè)網(wǎng) 發(fā)布時間:2014-08-27 11:33:43 作者:葶蓂溪畔的幽靈公主
我要評論

作者的作圖的時候非常精細,也是我們要重點學(xué)習(xí)的方法。作圖之前需要先調(diào)出畫布中的網(wǎng)格,然后在網(wǎng)格中精確繪制圖形,每一個細小的部件都可以在網(wǎng)格中畫出合適的大小,然后用圖層樣式等加上紋理,顏色,再整體調(diào)整細節(jié)即可
作者的作圖的時候非常精細,也是我們要重點學(xué)習(xí)的方法。作圖之前需要先調(diào)出畫布中的網(wǎng)格,然后在網(wǎng)格中精確繪制圖形,每一個細小的部件都可以在網(wǎng)格中畫出合適的大小,然后用圖層樣式等加上紋理,顏色,再整體調(diào)整細節(jié)即可。
最終效果

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

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

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

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

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

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

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








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


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



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





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





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

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


最終效果

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

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

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

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

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

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

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








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


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



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





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





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

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


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