Photoshop CC 繪製紙質物件風格

更新於 發佈於 閱讀時間約 4 分鐘
raw-image

Step1.
開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。

raw-image

設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並為圖層1加上內陰影,設定不透明:39、間距:1像素、尺寸:3像素。

Step2.
按住Alt與Shift,向右下角移動複製排列出如圖之結果,並將所有之圖層1拷貝與圖層1連結合併成新的圖層1。複製合併後的圖層1為圖層1拷貝,執行 [ 編輯> 變形> 水平翻轉 ],並移動至右下角,完成左、右下角的仿打洞效果。

raw-image

Step3.
按住Ctrl鍵滑鼠點取路徑1建立選取區,新增圖層2在選取區內填入白色,並為圖層2加上陰影效果,設定不透明:34、間距:1像素、尺寸:4像素,再加上筆畫設定尺寸:1像素、顏色為# CFCFCF。複製圖層2為圖層2拷貝,Ctrl+T自由變形,稍微旋轉圖層2拷貝讓他跟圖層2錯開。

raw-image

Step4.
按住Ctrl鍵滑鼠點取路徑2建立選取區,新增圖層3在選取區內填入#FF9000,Ctrl+D取消選取。設定圖層3『鎖定透明像素』,使用矩型選取工具,建立能夠選取到色塊下緣局部區域之選取區,在選取區內填入#E48100,Ctrl+D取消選取。

raw-image

Step5.
新增圖層4,使用直線工具繪製如圖之二傾斜寬度1像素短線段,為圖層4加上陰影,設定不透明:75%、間距:0像素、尺寸:3像素,是為訂書針效果。

raw-image

Step6.
按住Ctrl鍵滑鼠點取路徑3建立選取區,新增圖層5在選取區內填入白色,Ctrl+D取消選取。

raw-image

為圖層5加上漸層覆蓋,設定不透明:100%、角度:180、縮放:126%,漸層顏色為三顏色端點,左右端點為#C0C0C0、中間顏色為白色。再加上筆畫設定尺寸:1像素、顏色為#C3C3C3。

向下移動複製圖層5,就是單一個迴頁圈,合併圖層5與圖層5拷貝,並再大量移動複製排列成整個迴頁。整理合併所有圖層5拷貝圖層為圖層5。

Step7.
按住Ctrl鍵滑鼠點取路徑4建立選取區,新增圖層6在選取區內填入白色,Ctrl+D取消選取。為圖層6加上陰影,設定不透明:34%、間距:1像素、尺寸:4像素。開新檔案100X100、解析度72,使用直線工具繪製交叉線,使用矩型選取工具,建立涵蓋交叉線之正方形選取區,執行 [ 編輯 > 定義圖樣 ] 完成圖樣定義。

raw-image

Step8.
新增圖層7,按住Ctrl鍵滑鼠點取路徑4建立選取區,使用油漆桶工具選擇填入圖樣為新定義之圖樣,在選取區內填入圖樣。

raw-image

調整圖層7不透明來控制網格線深淺。新增圖層8使用#F0EFDA與#9B977C二色,繪製裝飾的長方形、線條與小正方形。

Step9.
新增圖層9,設定前景色為#DFDFDF,按住Ctrl鍵滑鼠點取路徑4建立選取區,使用漸層工具,漸層顏色選擇前景至透明,由左下至右上填入直線漸層來加強紙張翹起效果。

raw-image

新增圖層10,按住Ctrl鍵滑鼠點取路徑5建立選取區,在選取區內填入白色,Ctrl+D取消選取。拷貝圖層6上的圖層樣式,在圖層10上貼上圖層樣式。新增圖層11,繪製二訂書針效果。最後編排上方文字與其他插圖,完成此設計。

下載範例

相關課程 : 優勢多媒體 - Photoshop視覺影像與多媒體應用設計

留言
avatar-img
留言分享你的想法!
avatar-img
哩老師的沙龍
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
哩老師的沙龍的其他內容
2020/02/19
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
2020/02/19
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
2020/02/19
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Thumbnail
2020/02/19
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Thumbnail
2020/02/19
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Thumbnail
2020/02/19
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Thumbnail
看更多
你可能也想看
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
STEP1. 開啟範例練習檔,分別繪製所需的二圓角矩型(735,545,30 / 700,500,30)與一垂直直線(500,90)於檔案範圍內。 選取到二圓角矩型與直線,在對齊控制版上設定對齊至:『對齊工作區域』,完成置中於檔案範圍內對齊,並填上二圓角矩型的填色。 STEP2. 點取中央直線
Thumbnail
STEP1. 開啟範例練習檔,分別繪製所需的二圓角矩型(735,545,30 / 700,500,30)與一垂直直線(500,90)於檔案範圍內。 選取到二圓角矩型與直線,在對齊控制版上設定對齊至:『對齊工作區域』,完成置中於檔案範圍內對齊,並填上二圓角矩型的填色。 STEP2. 點取中央直線
Thumbnail
Step1. 開啟範例練習檔,路徑控制版上有三份路徑,請依序建立選取範圍由箱子圖層上複製貼上箱子的三個面,依序為蓋子、左面、右面。 Step2. 向下移動左面右面讓下角與下方箱子角銜接,點取左面圖層按下『Ctrl』『T』任意變形,按住『Ctrl』滑鼠在左側中間編輯點上垂直向下變形,讓左下角與下方
Thumbnail
Step1. 開啟範例練習檔,路徑控制版上有三份路徑,請依序建立選取範圍由箱子圖層上複製貼上箱子的三個面,依序為蓋子、左面、右面。 Step2. 向下移動左面右面讓下角與下方箱子角銜接,點取左面圖層按下『Ctrl』『T』任意變形,按住『Ctrl』滑鼠在左側中間編輯點上垂直向下變形,讓左下角與下方
Thumbnail
Step1. 開啟範例練習檔,新增圖層1填入黑色並設定圖層不透明度:85%,為圖層1建立空白遮色片,使用筆刷尺寸:200、不透明:15%、黑色,修淡中央燈範圍附近。 Step2. 以路徑建立選取範圍,新增圖層光於燈之上,並填入黃色至透明的線性漸層,由燈中央向右下角填入漸層。 再使用多邊型套索
Thumbnail
Step1. 開啟範例練習檔,新增圖層1填入黑色並設定圖層不透明度:85%,為圖層1建立空白遮色片,使用筆刷尺寸:200、不透明:15%、黑色,修淡中央燈範圍附近。 Step2. 以路徑建立選取範圍,新增圖層光於燈之上,並填入黃色至透明的線性漸層,由燈中央向右下角填入漸層。 再使用多邊型套索
Thumbnail
Step1. 開啟範例練習檔,若無法見到參考線請執行 [ 檢視 > 顯示 > 參考線 ] 顯示參考線。使用矩型選取工具,依參考線建立矩型選取區。執行 [ 編輯 > 定義圖樣 ]將選取區內的內容定義為圖樣。 Step2. 開啟欲製作拼圖的圖檔,切換到色版控制版新增Alpha 1,使用油漆桶工具,選
Thumbnail
Step1. 開啟範例練習檔,若無法見到參考線請執行 [ 檢視 > 顯示 > 參考線 ] 顯示參考線。使用矩型選取工具,依參考線建立矩型選取區。執行 [ 編輯 > 定義圖樣 ]將選取區內的內容定義為圖樣。 Step2. 開啟欲製作拼圖的圖檔,切換到色版控制版新增Alpha 1,使用油漆桶工具,選
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Thumbnail
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Thumbnail
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Thumbnail
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Thumbnail
Step1. 開啟範例練習檔,為文字圖層加上斜角浮雕效果,設定樣式:內斜角、技術:雕鑿硬邊、尺寸:43像素、光澤輪廓選擇如圖、亮部模式不透明:52%。 Step2. 新增圖層1,按住Ctrl、滑鼠點取文字圖層建立文字選取區,執行 [ 選取> 修改> 擴張]選取區擴張2像素,同樣在選取區內填入#8
Thumbnail
Step1. 開啟範例練習檔,為文字圖層加上斜角浮雕效果,設定樣式:內斜角、技術:雕鑿硬邊、尺寸:43像素、光澤輪廓選擇如圖、亮部模式不透明:52%。 Step2. 新增圖層1,按住Ctrl、滑鼠點取文字圖層建立文字選取區,執行 [ 選取> 修改> 擴張]選取區擴張2像素,同樣在選取區內填入#8
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News