Photoshop CC 自訂形狀繪圖應用

更新於 發佈於 閱讀時間約 4 分鐘
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。
STEP1.
開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項
執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。
STEP2.
在圖層上新增圖層1,使用矩型工具,設定為「像素」格式,在矩型選項中設定固定尺寸為W:400像素、H:400像素,設定前景色為R:183、G:0、B:0之暗紅色,於編輯畫面中央繪製卡片的正面範圍色塊(按住滑鼠拖曳繪製在檔案範圍中間)。
STEP3.
在圖層上新增圖層2,繼續使用矩型工具,同樣設定為「像素」,以及在矩型選項中設定回「未強制」,設定前景色為R:152、G:152、B:56之咖啡色,於紅色卡片範圍左半邊繪製一長方形(直接按住滑鼠左上至右下拖曳繪製在適當位置,畫完可搭配使用移動工具移動調整位置),作為顏色的搭配。
STEP4.
在工具箱上選擇點取到『自訂形狀工具』,於上方工具設定列中,按下『形狀』欄位右側的倒三角形按鈕,顯示出形狀選擇窗,再按下選擇窗右上角的顯示指令鈕,選擇執行『全部』,按下加入確定加入所有自訂形狀。
STEP5.
在選擇形狀窗中選擇要加在卡片上的形狀圖案,並點取繪圖方式為『路徑』。
STEP6.
由卡片左下角向右上角,按住Shift繪製出此形狀的路徑。使用路徑選取工具,選取並移動所繪製路徑到適當位置。
STEP7.
在路徑控制版上(視窗>路徑),並點取工作路徑按下下方【載入路徑作為選取範圍】,建立所繪製圖案的選取範圍。
STEP8.
新增圖層3,使用漸層工具,呼叫出漸層編輯器,並編輯三個漸層顏色控制點,左至右依序為R:198、G:198、B:118,及R:131、G:131、B:31,與R:198、G:198、B:118。
使用漸層工具於選取範圍內,由左下向右上填入線性漸層,Ctrl+D取消選取,完成卡片上的主圖。
STEP9.
同樣使用自訂形狀工具,並點取繪圖方式為『填滿像素』,選擇『五彩碎紙』圖案,新增圖層4,設定前景色為白色,約在卡片右下角繪製出白色碎花圖案(畫完可移動工具移動位置,可以CTRL+T任意變形縮小或重畫),再至圖層控制版上設定碎花圖層『不透明:30%』。
STEP10.
同樣使用自訂形狀工具,並點取繪圖方式為『填滿像素』,選擇『飛濺』圖案,新增圖層5,設定前景色為R:130、G:0、B:0,約在卡片右上角繪製出暗紅色飛濺圖案(畫完可移動工具移動位置,可以CTRL+T任意變形縮小或重畫)。
STEP11.
使用文字工具,加上適當的中文、英文文案。
在圖層控制版上,配合按住shift鍵,複選背景以外的所有圖層,執行[圖層>合併圖層]指令,將所有圖層合併為一。
STEP12.
再執行[編輯>變形>扭曲]指令,左邊二角落略往上移、右邊二角落略往下移的扭曲變形(如圖角度),按下鍵盤ENTER鍵,完成變形。
STEP13.
新增圖層1於卡片圖層下(直接拖曳圖層更改順序);再使用多邊型套索工具,由卡片右上角開始建立一三角形選取範圍,設定前景色為『R:130、G:0、B:0』暗紅色,再執行[編輯>填滿] 指令,設定填滿內容『使用:前景色』,按下確定,將顏色填滿選取範圍中;執行[選取>取消選取]指令,取消選取範圍,完成卡片的折角色塊搭配。
STEP14.
同樣的方式,使用多邊型套索工具,建立一矩型選取區於卡片左下下緣處,新增圖層2,同樣填入暗紅色並取消選取完成立體站立的卡片。
STEP15.
新增圖層3於圖層1下,使用多邊型套索工具,建立如圖之多邊型選取區,執行 [ 選取 > 修改> 羽化]指令,設定羽化強度20像素。
設定前景色為黑色,執行[編輯>填滿] 指令,在選取區內填入前景色黑色為卡片影子。執行[選取>取消選取]指令,取消選取範圍,完成卡片的陰影。設定圖層3的不透明約為60%淡化陰影。
相關課程 : 優勢多媒體 - Photoshop視覺影像與多媒體應用設計
為什麼會看到廣告
avatar-img
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
哩老師的沙龍 的其他內容
在影像上依影像內容顏色來建立選取範圍,就可以考慮使用【磁性套索】【快速選取工具】與【魔術棒工具】,均勢依影像顏色為基準,顏色相近的直接建立成一個選取範圍。 A.磁性套索工具 1. 磁性套索工具是依據影像邊緣對比,在移動滑鼠的過程自動置入固定點來定義邊緣建立選取範圍,適合於選取影像中某些有顏色區隔屬
在影像上依影像內容顏色來建立選取範圍,就可以考慮使用【磁性套索】【快速選取工具】與【魔術棒工具】,均勢依影像顏色為基準,顏色相近的直接建立成一個選取範圍。 A.磁性套索工具 1. 磁性套索工具是依據影像邊緣對比,在移動滑鼠的過程自動置入固定點來定義邊緣建立選取範圍,適合於選取影像中某些有顏色區隔屬
你可能也想看
Google News 追蹤
提問的內容越是清晰,強者、聰明人越能在短時間內做判斷、給出精準的建議,他們會對你產生「好印象」,認定你是「積極」的人,有機會、好人脈會不自覺地想引薦給你
Thumbnail
在數位化時代,行銷的多樣性與整合性成為企業競爭的關鍵。CCCM 跨渠道行銷管理為企業提供了統籌多平台數據與行銷活動的強大工具。然而,在導入這項技術的過程中,企業需要審視內外部風險與機遇。本文將運用 SWOT 模型深入解析 CCCM 如何幫助企業在數位轉型中化解挑戰、抓住契機,實現行銷目標。
Thumbnail
CCCM(Cross-Channel Campaign Management,跨管道行銷管理)整合行銷策略,協調多個行銷管道,提供一致訊息與體驗,提升品牌、客戶參與度和銷售轉換率。CCCM解決數據孤島、訊息不一致、行銷效果低、資源浪費、缺乏行銷洞察等問題,適用於電商、零售、金融、旅遊等產業,
Thumbnail
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
開啟零件環境並選擇任一平面進入草圖模式 (詳Lesson 1),下圖以連續線作說明
Thumbnail
當你下定決心想要創作完美的圖片時,是否總是感到生圖製圖工具太過複雜、難以使用?別擔心!今天我們將介紹一款簡單直覺的 AI 生圖工具,幫助大家輕鬆製作出美美的圖片!   Stylar.ai 是一款極具多功能的 AI 圖片生成工具,旨在讓圖像處理變得更加容易且具有創造性。無論是要匯入圖片還是文
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
目前主流使用的修圖軟體 Adobe Photoshop,最常被學生反映的就是訂閱制費用昂貴,後來我找到Affinity Photo推薦給學生使用,可免費試用一個月,有簡體中文操作介面、購買後是終身版使用版,一次付費、終身使用,很棒~
Thumbnail
手把手帶你做風格海報! 一起來看看本次海報使用到的重點效果,大家可以跟著試試看! 本次使用素材: 點我下載素材一 點我下載素材二 (1) 製作背景 開啟新檔,畫布尺寸為 1080x1920 px。 並將素材一置入畫面後,使用選取工具將空白處選取1,直接點選生成填色2,並選擇合適的結果。
Thumbnail
本次要來分享在Photoshop 新增的Ai功能,2023年強勢推出的「生成填色」,不只可以幫你的圖片無限延伸,還能自動生成素材,快速便利又好上手!
提問的內容越是清晰,強者、聰明人越能在短時間內做判斷、給出精準的建議,他們會對你產生「好印象」,認定你是「積極」的人,有機會、好人脈會不自覺地想引薦給你
Thumbnail
在數位化時代,行銷的多樣性與整合性成為企業競爭的關鍵。CCCM 跨渠道行銷管理為企業提供了統籌多平台數據與行銷活動的強大工具。然而,在導入這項技術的過程中,企業需要審視內外部風險與機遇。本文將運用 SWOT 模型深入解析 CCCM 如何幫助企業在數位轉型中化解挑戰、抓住契機,實現行銷目標。
Thumbnail
CCCM(Cross-Channel Campaign Management,跨管道行銷管理)整合行銷策略,協調多個行銷管道,提供一致訊息與體驗,提升品牌、客戶參與度和銷售轉換率。CCCM解決數據孤島、訊息不一致、行銷效果低、資源浪費、缺乏行銷洞察等問題,適用於電商、零售、金融、旅遊等產業,
Thumbnail
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
開啟零件環境並選擇任一平面進入草圖模式 (詳Lesson 1),下圖以連續線作說明
Thumbnail
當你下定決心想要創作完美的圖片時,是否總是感到生圖製圖工具太過複雜、難以使用?別擔心!今天我們將介紹一款簡單直覺的 AI 生圖工具,幫助大家輕鬆製作出美美的圖片!   Stylar.ai 是一款極具多功能的 AI 圖片生成工具,旨在讓圖像處理變得更加容易且具有創造性。無論是要匯入圖片還是文
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
目前主流使用的修圖軟體 Adobe Photoshop,最常被學生反映的就是訂閱制費用昂貴,後來我找到Affinity Photo推薦給學生使用,可免費試用一個月,有簡體中文操作介面、購買後是終身版使用版,一次付費、終身使用,很棒~
Thumbnail
手把手帶你做風格海報! 一起來看看本次海報使用到的重點效果,大家可以跟著試試看! 本次使用素材: 點我下載素材一 點我下載素材二 (1) 製作背景 開啟新檔,畫布尺寸為 1080x1920 px。 並將素材一置入畫面後,使用選取工具將空白處選取1,直接點選生成填色2,並選擇合適的結果。
Thumbnail
本次要來分享在Photoshop 新增的Ai功能,2023年強勢推出的「生成填色」,不只可以幫你的圖片無限延伸,還能自動生成素材,快速便利又好上手!