Photoshop CC 製作拼圖質感

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

Step1.
開啟範例練習檔,若無法見到參考線請執行 [ 檢視 > 顯示 > 參考線 ] 顯示參考線。使用矩型選取工具,依參考線建立矩型選取區。執行 [ 編輯 > 定義圖樣 ]將選取區內的內容定義為圖樣。

raw-image

Step2.
開啟欲製作拼圖的圖檔,切換到色版控制版新增Alpha 1,使用油漆桶工具,選擇圖樣為剛所定義的拼圖圖素,將圖樣填入Alpha 1上。

raw-image

由於已將拼圖圖素定義為圖樣,所以無論影像檔案尺寸皆可填滿拼圖線框圖,建立好拼圖線框後就可順利製作拼圖效果了。

Step3.
按住Ctrl鍵,滑鼠左鍵單響Alpha 1 Channel,建立拼圖線條選取區。在圖層控制版上新增圖層2,並在選取區內填入灰色(R95G95B95),Ctrl+D取消選取。

raw-image

Step4.
為圖層2加上斜角和浮雕,設定樣式:枕狀浮雕、尺寸:7像素、亮部模式/不透明:100%、暗部模式/不透明:50%。

raw-image

Step5.
在圖層控制版上複選圖層1與圖層2合併成一個圖層,切換至色版控制版,單響Alpha 1 色版,使用魔術棒工具,按住Shift鍵,可同時選取欲清除之拼圖部分選取區。

raw-image

回到RGB模式、拼圖影像圖層上,直接按下Delete鍵,清除選取範圍內的影像,製作拼圖片掉落的部分,Ctrl+D取消選取。

Step6.
為拼圖影像圖層加上陰影,設定不透明: 50 %、間距:3像素、尺寸:8像素。

raw-image

Step7.
繼續回到Alpha 1使用魔術棒建立選取單塊拼圖選取區,回到RGB模式、圖層控制版上,確定作用圖層為影像圖層,按下Ctrl-X(剪下)Ctrl-V(貼上)是為圖層2單塊拼圖影像。Ctrl+T自由變形,將單片拼圖旋轉一些角度,加上陰影,設定不透明: 75 %、間距:5像素、尺寸:8像素。

raw-image
raw-image

下載範例

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

留言
avatar-img
留言分享你的想法!
avatar-img
哩老師的沙龍
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
哩老師的沙龍的其他內容
2020/02/19
Step1. 開啟範例練習檔,路徑控制版上有三份路徑,請依序建立選取範圍由箱子圖層上複製貼上箱子的三個面,依序為蓋子、左面、右面。 Step2. 向下移動左面右面讓下角與下方箱子角銜接,點取左面圖層按下『Ctrl』『T』任意變形,按住『Ctrl』滑鼠在左側中間編輯點上垂直向下變形,讓左下角與下方
Thumbnail
2020/02/19
Step1. 開啟範例練習檔,路徑控制版上有三份路徑,請依序建立選取範圍由箱子圖層上複製貼上箱子的三個面,依序為蓋子、左面、右面。 Step2. 向下移動左面右面讓下角與下方箱子角銜接,點取左面圖層按下『Ctrl』『T』任意變形,按住『Ctrl』滑鼠在左側中間編輯點上垂直向下變形,讓左下角與下方
Thumbnail
2020/02/19
Step1. 開啟範例練習檔,新增圖層1填入白色,複選白色與文字圖層並合併圖層,執行『濾鏡 > 模糊 > 高斯模糊』設定強度:4像素。 Step2. 執行『影像 > 調整 > 色階』調整左右控制點至中央,讓文字邊緣模糊部分實體化,使用魔術棒工具選到所有文字內容,新增空白霓虹燈圖層,執行『編輯 >
Thumbnail
2020/02/19
Step1. 開啟範例練習檔,新增圖層1填入白色,複選白色與文字圖層並合併圖層,執行『濾鏡 > 模糊 > 高斯模糊』設定強度:4像素。 Step2. 執行『影像 > 調整 > 色階』調整左右控制點至中央,讓文字邊緣模糊部分實體化,使用魔術棒工具選到所有文字內容,新增空白霓虹燈圖層,執行『編輯 >
Thumbnail
2020/02/19
Step1. 開啟範例練習檔,新增圖層1填入黑色並設定圖層不透明度:85%,為圖層1建立空白遮色片,使用筆刷尺寸:200、不透明:15%、黑色,修淡中央燈範圍附近。 Step2. 以路徑建立選取範圍,新增圖層光於燈之上,並填入黃色至透明的線性漸層,由燈中央向右下角填入漸層。 再使用多邊型套索
Thumbnail
2020/02/19
Step1. 開啟範例練習檔,新增圖層1填入黑色並設定圖層不透明度:85%,為圖層1建立空白遮色片,使用筆刷尺寸:200、不透明:15%、黑色,修淡中央燈範圍附近。 Step2. 以路徑建立選取範圍,新增圖層光於燈之上,並填入黃色至透明的線性漸層,由燈中央向右下角填入漸層。 再使用多邊型套索
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
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
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. 開啟範例練習檔,為黑色文字轉為點陣之圖層與背景,文字圖層可隨意更改。隱藏文字圖層、新增圖層1,並填滿白色;按住Ctrl、滑鼠點取文字圖層建立文字選取區,並在選取區內填入黑色,Ctrl+D取消選取。 Step2. 點取圖層1,執行 [ 濾鏡 > 模糊> 高斯模糊 ]設定高斯模糊強度7
Thumbnail
Step1. 開啟範例練習檔,為黑色文字轉為點陣之圖層與背景,文字圖層可隨意更改。隱藏文字圖層、新增圖層1,並填滿白色;按住Ctrl、滑鼠點取文字圖層建立文字選取區,並在選取區內填入黑色,Ctrl+D取消選取。 Step2. 點取圖層1,執行 [ 濾鏡 > 模糊> 高斯模糊 ]設定高斯模糊強度7
Thumbnail
利用色版與選取範圍,替去背影像加上周圍圓點效果。 Step1. 開啟範例練習檔,按住【Ctrl】滑鼠在影像圖層的縮圖上按一下,建立影像輪廓的選取範圍。 Step2. 執行「選取」→「修改」→「擴張」,設定擴張選取範圍10像素,在「色版」浮動視窗上,按下「儲存選取範圍為色版」按鈕,建立「Alpha
Thumbnail
利用色版與選取範圍,替去背影像加上周圍圓點效果。 Step1. 開啟範例練習檔,按住【Ctrl】滑鼠在影像圖層的縮圖上按一下,建立影像輪廓的選取範圍。 Step2. 執行「選取」→「修改」→「擴張」,設定擴張選取範圍10像素,在「色版」浮動視窗上,按下「儲存選取範圍為色版」按鈕,建立「Alpha
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News