Photoshop CC 繪製紙質物件風格

閱讀時間約 3 分鐘
Step1.
開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。
設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並為圖層1加上內陰影,設定不透明:39、間距:1像素、尺寸:3像素。
Step2.
按住Alt與Shift,向右下角移動複製排列出如圖之結果,並將所有之圖層1拷貝與圖層1連結合併成新的圖層1。複製合併後的圖層1為圖層1拷貝,執行 [ 編輯> 變形> 水平翻轉 ],並移動至右下角,完成左、右下角的仿打洞效果。
Step3.
按住Ctrl鍵滑鼠點取路徑1建立選取區,新增圖層2在選取區內填入白色,並為圖層2加上陰影效果,設定不透明:34、間距:1像素、尺寸:4像素,再加上筆畫設定尺寸:1像素、顏色為# CFCFCF。複製圖層2為圖層2拷貝,Ctrl+T自由變形,稍微旋轉圖層2拷貝讓他跟圖層2錯開。
Step4.
按住Ctrl鍵滑鼠點取路徑2建立選取區,新增圖層3在選取區內填入#FF9000,Ctrl+D取消選取。設定圖層3『鎖定透明像素』,使用矩型選取工具,建立能夠選取到色塊下緣局部區域之選取區,在選取區內填入#E48100,Ctrl+D取消選取。
Step5.
新增圖層4,使用直線工具繪製如圖之二傾斜寬度1像素短線段,為圖層4加上陰影,設定不透明:75%、間距:0像素、尺寸:3像素,是為訂書針效果。
Step6.
按住Ctrl鍵滑鼠點取路徑3建立選取區,新增圖層5在選取區內填入白色,Ctrl+D取消選取。
為圖層5加上漸層覆蓋,設定不透明:100%、角度:180、縮放:126%,漸層顏色為三顏色端點,左右端點為#C0C0C0、中間顏色為白色。再加上筆畫設定尺寸:1像素、顏色為#C3C3C3。
向下移動複製圖層5,就是單一個迴頁圈,合併圖層5與圖層5拷貝,並再大量移動複製排列成整個迴頁。整理合併所有圖層5拷貝圖層為圖層5。
Step7.
按住Ctrl鍵滑鼠點取路徑4建立選取區,新增圖層6在選取區內填入白色,Ctrl+D取消選取。為圖層6加上陰影,設定不透明:34%、間距:1像素、尺寸:4像素。開新檔案100X100、解析度72,使用直線工具繪製交叉線,使用矩型選取工具,建立涵蓋交叉線之正方形選取區,執行 [ 編輯 > 定義圖樣 ] 完成圖樣定義。
Step8.
新增圖層7,按住Ctrl鍵滑鼠點取路徑4建立選取區,使用油漆桶工具選擇填入圖樣為新定義之圖樣,在選取區內填入圖樣。
調整圖層7不透明來控制網格線深淺。新增圖層8使用#F0EFDA與#9B977C二色,繪製裝飾的長方形、線條與小正方形。
Step9.
新增圖層9,設定前景色為#DFDFDF,按住Ctrl鍵滑鼠點取路徑4建立選取區,使用漸層工具,漸層顏色選擇前景至透明,由左下至右上填入直線漸層來加強紙張翹起效果。
新增圖層10,按住Ctrl鍵滑鼠點取路徑5建立選取區,在選取區內填入白色,Ctrl+D取消選取。拷貝圖層6上的圖層樣式,在圖層10上貼上圖層樣式。新增圖層11,繪製二訂書針效果。最後編排上方文字與其他插圖,完成此設計。
相關課程 : 優勢多媒體 - Photoshop視覺影像與多媒體應用設計
為什麼會看到廣告
29會員
161內容數
藉由Animate CC製作網頁上的動畫,並發佈成HTML5+CANVAS+JAVASCRIPT格式,已是最有效率設計製作專業網頁動畫效果的方式,筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧,歡迎一起讓網頁上的內容動起來!
留言0
查看全部
發表第一個留言支持創作者!
哩老師的沙龍 的其他內容
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Step1. 開啟範例練習檔,為寬高50像素之圖檔,執行『影像 > 影像尺寸』更改寬高為5000像素(100倍),並選擇影像重新取樣為『最接近像素(保留硬邊)』,如此影像放大後即有馬賽克色塊影像效果。 Step2. 開啟要成為圖樣的檔案(尺寸200像素正方),執行『編輯 > 定義圖樣』,回到主要
Step1. 開啟範例練習檔,透視參考線圖層為透視角度參考依據,目的是要將人物依據準確的透視角度來複製合成。 複製人物圖層成人物拷貝,點取人物拷貝圖層,按下『Ctrl』『T』任意變形,移動變形中心至透視參考線交叉點上,滑鼠由左下角編輯點按住『Alt』固定中心等比例縮小,按下Enter確認變形。 
對於透視平面上不規則範圍的影像,同樣有仿製印章工具,提供透視平面上不規則範圍的影像仿製修復。 Step1. 開啟範例練習檔,直接執行「濾鏡」→「消失點」,開啟消失點設定視窗。使用「編輯平面工具」,直接調整已事先建立的平面(使用「建立平面工具」,依序在要處理的透視平面建立平面的四端點)。調整時注意
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Step1. 開啟範例練習檔,為寬高50像素之圖檔,執行『影像 > 影像尺寸』更改寬高為5000像素(100倍),並選擇影像重新取樣為『最接近像素(保留硬邊)』,如此影像放大後即有馬賽克色塊影像效果。 Step2. 開啟要成為圖樣的檔案(尺寸200像素正方),執行『編輯 > 定義圖樣』,回到主要
Step1. 開啟範例練習檔,透視參考線圖層為透視角度參考依據,目的是要將人物依據準確的透視角度來複製合成。 複製人物圖層成人物拷貝,點取人物拷貝圖層,按下『Ctrl』『T』任意變形,移動變形中心至透視參考線交叉點上,滑鼠由左下角編輯點按住『Alt』固定中心等比例縮小,按下Enter確認變形。 
對於透視平面上不規則範圍的影像,同樣有仿製印章工具,提供透視平面上不規則範圍的影像仿製修復。 Step1. 開啟範例練習檔,直接執行「濾鏡」→「消失點」,開啟消失點設定視窗。使用「編輯平面工具」,直接調整已事先建立的平面(使用「建立平面工具」,依序在要處理的透視平面建立平面的四端點)。調整時注意
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
當你下定決心想要創作完美的圖片時,是否總是感到生圖製圖工具太過複雜、難以使用?別擔心!今天我們將介紹一款簡單直覺的 AI 生圖工具,幫助大家輕鬆製作出美美的圖片!   Stylar.ai 是一款極具多功能的 AI 圖片生成工具,旨在讓圖像處理變得更加容易且具有創造性。無論是要匯入圖片還是文
Thumbnail
用photoshop製圖時常會用到混和模式的效果, 但切成網頁圖片時,卻呈現不出來,例如光暈旁邊都會帶黑邊, 最近看到一個css3的混色模式可以達成這樣的效果...
Thumbnail
Photoshop 2024 正式引入AI功能後,我們之前在只能在 Beta上使用的生成擴張還有生成填色,都可以在接下來的 Photoshop 2024 上面使用。
Thumbnail
如果您是攝影愛好者或專業攝影師,並且正在尋找一個功能強大且易於使用的照片編輯軟體,那麼Luminar 4絕對是您的最佳選擇。
Thumbnail
Photoshop天空取代教學,超簡單容易的天空取代功能,出去玩拍照遇到陰天、晴空無雲,又想要拍出的照片有雲霞、朵朵白雲,甚至是替換成夕陽雲彩或黑壓壓的烏雲嗎?用這個方法較能夠輕易做到唷!
Thumbnail
去年(2021)12月起,開始進修自媒體課程。 為了讓自己持續復習,免得過去學習的辛苦白廢,決定開始發表學習成果!這算是……..替自己舉辦『線上成果展』嗎?
Thumbnail
學習Photoshop後的第一個商業廣告作品,雖然賣相不佳,但仍決定公開,留下成長的足跡....
Thumbnail
春耕、夏耘、秋收、冬藏,現在即使不是冬藏的年紀,至少也該秋收了吧!居然又搞來這麼一齣『二期稻作』的把戲折磨自己。 不過,準備秋收的年紀,確實有著秋收年紀的歷練,因為已有一期稻作的存糧,不必擔心鬧饑荒;同時,也有了春耕、夏耘的經驗,遇到困難便很清楚的知道,撐過去就好了!
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
當你下定決心想要創作完美的圖片時,是否總是感到生圖製圖工具太過複雜、難以使用?別擔心!今天我們將介紹一款簡單直覺的 AI 生圖工具,幫助大家輕鬆製作出美美的圖片!   Stylar.ai 是一款極具多功能的 AI 圖片生成工具,旨在讓圖像處理變得更加容易且具有創造性。無論是要匯入圖片還是文
Thumbnail
用photoshop製圖時常會用到混和模式的效果, 但切成網頁圖片時,卻呈現不出來,例如光暈旁邊都會帶黑邊, 最近看到一個css3的混色模式可以達成這樣的效果...
Thumbnail
Photoshop 2024 正式引入AI功能後,我們之前在只能在 Beta上使用的生成擴張還有生成填色,都可以在接下來的 Photoshop 2024 上面使用。
Thumbnail
如果您是攝影愛好者或專業攝影師,並且正在尋找一個功能強大且易於使用的照片編輯軟體,那麼Luminar 4絕對是您的最佳選擇。
Thumbnail
Photoshop天空取代教學,超簡單容易的天空取代功能,出去玩拍照遇到陰天、晴空無雲,又想要拍出的照片有雲霞、朵朵白雲,甚至是替換成夕陽雲彩或黑壓壓的烏雲嗎?用這個方法較能夠輕易做到唷!
Thumbnail
去年(2021)12月起,開始進修自媒體課程。 為了讓自己持續復習,免得過去學習的辛苦白廢,決定開始發表學習成果!這算是……..替自己舉辦『線上成果展』嗎?
Thumbnail
學習Photoshop後的第一個商業廣告作品,雖然賣相不佳,但仍決定公開,留下成長的足跡....
Thumbnail
春耕、夏耘、秋收、冬藏,現在即使不是冬藏的年紀,至少也該秋收了吧!居然又搞來這麼一齣『二期稻作』的把戲折磨自己。 不過,準備秋收的年紀,確實有著秋收年紀的歷練,因為已有一期稻作的存糧,不必擔心鬧饑荒;同時,也有了春耕、夏耘的經驗,遇到困難便很清楚的知道,撐過去就好了!