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



1、打開PS，Command/Ctrl-N新建一個文件。按照下圖設置參數(shù)，單擊確定。顯示網(wǎng)格（視圖>顯示>網(wǎng)格），然后對齊到網(wǎng)格（視圖>對齊到>網(wǎng)格）。剛開始，你需要一個10px的網(wǎng)格，選擇編輯>首選項>參考線，網(wǎng)格和切片，設置網(wǎng)格線間隔為10px，子網(wǎng)格為1，網(wǎng)格顏色為#a7a7a7。

注：可以用Command/Ctrl-’ 快捷鍵來顯示或隱藏網(wǎng)格。你也可以打開信息面板（窗口>信息）來查看你繪制的形狀的大小和位置。



2、將前景色設為#aecef5。選擇圓角矩形工具，選擇形狀圖層模式，把 半徑設為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 復制圖層，單擊右鍵，清除圖層樣式，把復制圖層的填充調(diào)整為0% ，打開混合選項窗口。添加內(nèi)陰影，參數(shù)如下。





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







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










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











12、復制這兩個標簽，（Command/Ctrl-J），如下放置復制的圖層。



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




 
14、顯示網(wǎng)格（視圖>顯示>網(wǎng)格）。將前景色設為#384445，選擇圓角矩形工具，創(chuàng)建一個40 x 380px的矢量形狀，如下圖。

在圖層面板中，按住Command/Ctrl 鍵，單擊封面圖層，得到一個選區(qū)，保持選區(qū)， 選擇剛剛繪制的40 x 380px的矢量形狀圖層，按住Alt 鍵，單擊添加圖層蒙版按鈕。效果如下。完成后， Command/Ctrl-D 取消選區(qū)。



15、將上一步繪制的圖層填充調(diào)整為0%，添加內(nèi)陰影，參數(shù)如下。





16、用矩形工具，創(chuàng)建一個30 x 380px 的矢量形狀，位置如下。設置圖層混合選項如下。









17、接下來的步驟你需要5px的網(wǎng)格，所以需要重新設置網(wǎng)格大小，編輯>首選項>參考線，網(wǎng)格和切片，設置網(wǎng)格線間隔為5px。選擇圓角矩形工具，將半徑設為3px。

將前景色設為#d11812, 創(chuàng)建一個25 x 380px 的圓角矩形，位置如下。保持紅色圓角矩形為選中狀態(tài)，選擇矩形工具，按住 Alt鍵，創(chuàng)建一個 10 x 380px 的矢量形狀，如下圖。為紅色形狀圖層添加漸變疊加，參數(shù)如下。




 
18、接下來的步驟需要1px的網(wǎng)格，編輯>首選項>參考線，網(wǎng)格和切片，設置網(wǎng)格線間隔為1px。將前景色設為#6c1c07，選擇矩形工具，創(chuàng)建一個 5 x 376px 的矢量形狀，位置如下。



19、為上一步的圖層添加內(nèi)陰影，參數(shù)如下。





20、將前景色設為#7c2d0c，選擇圓角矩形工具，創(chuàng)建一個2 x 7px 的矢量形狀，位置如下。



21、復制上一步繪制的小圓角矩形（Command/Ctrl-J），把復制的圖層向下移動13px。重復這項操作，再添加26個小圓角矩形。完成后，選中這些小圓角矩形，在圖層面板中單擊右鍵，合并圖層。



22、為上一步合并后的圖層設置如下。








 
23、將網(wǎng)格線間距調(diào)整為10px（編輯>首選項>參考線,網(wǎng)格和切片>網(wǎng)格線間隔 )。將前景色設為白色（#ffffff），選擇矩形工具， 創(chuàng)建一個100 x 50px的矢量形狀，位置如下。將該圖層的填充調(diào)整為0%，設置圖層混合選項如下。







24、現(xiàn)在將網(wǎng)格線間距調(diào)整為5px。（編輯>首選項>參考線,網(wǎng)格和切片>網(wǎng)格線間隔）。選擇矩形工具，創(chuàng)建一個90 x 40px 的矢量形狀，位置如下。

保持該圖層選中狀態(tài)，選擇橢圓工具， 按住Alt鍵， 創(chuàng)建一個10px 的圓，位置如下。將該圖層的填充調(diào)整為0%，按下圖設置圖層混合選項。 注意：漸變疊加中，黃色數(shù)據(jù)表示透明度，白色數(shù)據(jù)表示位置百分比。







25、選擇橢圓工具，創(chuàng)建一個10px的圓，位置如下。保持選中狀態(tài)，選擇矩形工具，按住Alt 鍵，創(chuàng)建一個5 x 10px的形狀，如下圖。 將該圖層的填充調(diào)整為0%，設置圖層混合選項如下。






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



27、為該圖層設置如下混合選項。注意：在圖案疊加中添加木紋圖案點這里下載。





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



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



30、復制通訊簿文件夾，（Command/Ctrl-J）。選擇新的文件夾， 轉(zhuǎn)化為智能對象。將新文件夾放置到通訊簿文件夾之下，將其填充調(diào)整為 0% ，設置混合選項如下。






 
31、再次復制通訊簿文件夾，（Command/Ctrl-J），轉(zhuǎn)化為智能對象，置于原有文件夾上方，把填充設為0%，設置混合選項如下。





32、復制上一步的智能對象，設置圖層混合選項如下。





最終效果：

最新評論