Photoshop CC 製作拼圖質感
閱讀時間約 1 分鐘
Step1.
開啟範例練習檔，若無法見到參考線請執行 [ 檢視 > 顯示 > 參考線 ] 顯示參考線。使用矩型選取工具，依參考線建立矩型選取區。執行 [ 編輯 > 定義圖樣 ]將選取區內的內容定義為圖樣。
開啟範例練習檔，若無法見到參考線請執行 [ 檢視 > 顯示 > 參考線 ] 顯示參考線。使用矩型選取工具，依參考線建立矩型選取區。執行 [ 編輯 > 定義圖樣 ]將選取區內的內容定義為圖樣。
Step2.
開啟欲製作拼圖的圖檔，切換到色版控制版新增Alpha 1，使用油漆桶工具，選擇圖樣為剛所定義的拼圖圖素，將圖樣填入Alpha 1上。
開啟欲製作拼圖的圖檔，切換到色版控制版新增Alpha 1，使用油漆桶工具，選擇圖樣為剛所定義的拼圖圖素，將圖樣填入Alpha 1上。
由於已將拼圖圖素定義為圖樣，所以無論影像檔案尺寸皆可填滿拼圖線框圖，建立好拼圖線框後就可順利製作拼圖效果了。
Step3.
按住Ctrl鍵，滑鼠左鍵單響Alpha 1 Channel，建立拼圖線條選取區。在圖層控制版上新增圖層2，並在選取區內填入灰色（R95G95B95），Ctrl+D取消選取。
按住Ctrl鍵，滑鼠左鍵單響Alpha 1 Channel，建立拼圖線條選取區。在圖層控制版上新增圖層2，並在選取區內填入灰色（R95G95B95），Ctrl+D取消選取。
Step4.
為圖層2加上斜角和浮雕，設定樣式：枕狀浮雕、尺寸：7像素、亮部模式/不透明：100%、暗部模式/不透明：50%。
為圖層2加上斜角和浮雕，設定樣式：枕狀浮雕、尺寸：7像素、亮部模式/不透明：100%、暗部模式/不透明：50%。
Step5.
在圖層控制版上複選圖層1與圖層2合併成一個圖層，切換至色版控制版，單響Alpha 1 色版，使用魔術棒工具，按住Shift鍵，可同時選取欲清除之拼圖部分選取區。
在圖層控制版上複選圖層1與圖層2合併成一個圖層，切換至色版控制版，單響Alpha 1 色版，使用魔術棒工具，按住Shift鍵，可同時選取欲清除之拼圖部分選取區。
回到RGB模式、拼圖影像圖層上，直接按下Delete鍵，清除選取範圍內的影像，製作拼圖片掉落的部分，Ctrl+D取消選取。
Step6.
為拼圖影像圖層加上陰影，設定不透明: 50 %、間距：3像素、尺寸：8像素。
為拼圖影像圖層加上陰影，設定不透明: 50 %、間距：3像素、尺寸：8像素。
Step7.
繼續回到Alpha 1使用魔術棒建立選取單塊拼圖選取區，回到RGB模式、圖層控制版上，確定作用圖層為影像圖層，按下Ctrl-X（剪下）Ctrl-V（貼上）是為圖層2單塊拼圖影像。Ctrl+T自由變形，將單片拼圖旋轉一些角度，加上陰影，設定不透明: 75 %、間距：5像素、尺寸：8像素。
繼續回到Alpha 1使用魔術棒建立選取單塊拼圖選取區，回到RGB模式、圖層控制版上，確定作用圖層為影像圖層，按下Ctrl-X（剪下）Ctrl-V（貼上）是為圖層2單塊拼圖影像。Ctrl+T自由變形，將單片拼圖旋轉一些角度，加上陰影，設定不透明: 75 %、間距：5像素、尺寸：8像素。
【下載範例】
相關課程 : 優勢多媒體 - Photoshop視覺影像與多媒體應用設計
為什麼會看到廣告
29會員
129內容數
多媒體設計的專業能力養成過程，除了有效率學習軟體之外，更重要的是各個軟體間的整合應用!
Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等，相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
你可能也想看
Google News 追蹤
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理，逐步解說了創建過程。通過這些建議，你將能夠創建一個既細緻又富有動畫效果的手繪風格場景，為你的動畫作品增添獨特的魅力和視覺吸引力。
在快速設計手繪的過程中，線條的美觀性是決定圖面質量的關鍵因素。線條的品質與握筆姿勢有著密不可分的關係，這直接影響到線條的流暢度以及畫面的整體視覺效果。本文探討了不同長度線條的手部發力點、線條解構、握筆姿勢訓練、以及手眼協調，並提供了相關練習方法和選擇工具和材料建議。
剛剛調了第一層Rendering Mode渲染模式的參數
進入第二層#Opaque渲染參數介紹
搭配教材一起做好ㄌ，先下載檔案樹葉葉葉🌿🌿🌿
解壓縮後把他拖移進去ASSET裡面
點開剛剛LeafPack，找到Mesh>選擇FBX>找到後拖曳到遊戲編輯畫面
部份模型( Fbx&
一個家是一幅拼圖，我們都是拼圖的一份子，兩家人的相遇讓拼圖重組，試圖讓這張拼圖版圖擴大也展示更新、更美的面貌；當拼圖有了缺角，我們也努力修復填補，成就新風貌，或就讓空白留下成為另一幅模樣。
但一張張小拼圖合在一起前總是有許多稜角需要磨合，或我們需要改變自身的形狀角度......
本次要來分享在Photoshop 新增的Ai功能，2023年強勢推出的「生成填色」，不只可以幫你的圖片無限延伸，還能自動生成素材，快速便利又好上手！
本文介紹如何使用Mockup模板圖庫快速合成高質感的圖檔，包含選擇模板、PSD下載、PS套圖等步驟，讓您輕鬆展現作品並模擬示意圖。
用photoshop製圖時常會用到混和模式的效果，
但切成網頁圖片時，卻呈現不出來，例如光暈旁邊都會帶黑邊，
最近看到一個css3的混色模式可以達成這樣的效果...
軟體版本：CLIP STUDIO PAINT Ver.1.12.0
這裡預設讀者知道電腦繪圖的基本常識，並且有能力繪製一張彩色插畫，所以不會介紹任何基本概念，例如：圖層是什麼、色相環如何使用...等，也不會提到 CSP 繪圖環境設置（因為我就直接使用預設XD），如果需要基本教程，可以試試看 CLI
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理，逐步解說了創建過程。通過這些建議，你將能夠創建一個既細緻又富有動畫效果的手繪風格場景，為你的動畫作品增添獨特的魅力和視覺吸引力。
在快速設計手繪的過程中，線條的美觀性是決定圖面質量的關鍵因素。線條的品質與握筆姿勢有著密不可分的關係，這直接影響到線條的流暢度以及畫面的整體視覺效果。本文探討了不同長度線條的手部發力點、線條解構、握筆姿勢訓練、以及手眼協調，並提供了相關練習方法和選擇工具和材料建議。
剛剛調了第一層Rendering Mode渲染模式的參數
進入第二層#Opaque渲染參數介紹
搭配教材一起做好ㄌ，先下載檔案樹葉葉葉🌿🌿🌿
解壓縮後把他拖移進去ASSET裡面
點開剛剛LeafPack，找到Mesh>選擇FBX>找到後拖曳到遊戲編輯畫面
部份模型( Fbx&
一個家是一幅拼圖，我們都是拼圖的一份子，兩家人的相遇讓拼圖重組，試圖讓這張拼圖版圖擴大也展示更新、更美的面貌；當拼圖有了缺角，我們也努力修復填補，成就新風貌，或就讓空白留下成為另一幅模樣。
但一張張小拼圖合在一起前總是有許多稜角需要磨合，或我們需要改變自身的形狀角度......
本次要來分享在Photoshop 新增的Ai功能，2023年強勢推出的「生成填色」，不只可以幫你的圖片無限延伸，還能自動生成素材，快速便利又好上手！
本文介紹如何使用Mockup模板圖庫快速合成高質感的圖檔，包含選擇模板、PSD下載、PS套圖等步驟，讓您輕鬆展現作品並模擬示意圖。
用photoshop製圖時常會用到混和模式的效果，
但切成網頁圖片時，卻呈現不出來，例如光暈旁邊都會帶黑邊，
最近看到一個css3的混色模式可以達成這樣的效果...
軟體版本：CLIP STUDIO PAINT Ver.1.12.0
這裡預設讀者知道電腦繪圖的基本常識，並且有能力繪製一張彩色插畫，所以不會介紹任何基本概念，例如：圖層是什麼、色相環如何使用...等，也不會提到 CSP 繪圖環境設置（因為我就直接使用預設XD），如果需要基本教程，可以試試看 CLI