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
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
開啟零件環境並選擇任一平面進入草圖模式 (詳Lesson 1),下圖以連續線作說明
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
排版視覺調整的重要性及基本原則 在印刷排版的藝術中,視覺調整是一項不可或缺的技術。它的核心在於如何讓每一行文字更加協調、美觀,同時確保整體版面的和諧。這種調整可以分為兩類:「段落視覺調整」和「單行視覺調整」。段落視覺調整專注於整個段落的文字排列,而單行視覺調整則聚焦於單獨一行的調整。兩者各有特點,
Thumbnail
手把手帶你做風格海報! 一起來看看本次海報使用到的重點效果,大家可以跟著試試看! 本次使用素材: 點我下載素材一 點我下載素材二 (1) 製作背景 開啟新檔,畫布尺寸為 1080x1920 px。 並將素材一置入畫面後,使用選取工具將空白處選取1,直接點選生成填色2,並選擇合適的結果。
Thumbnail
本次要來分享在Photoshop 新增的Ai功能,2023年強勢推出的「生成填色」,不只可以幫你的圖片無限延伸,還能自動生成素材,快速便利又好上手!
Thumbnail
大家好!希望今天的你也過得順利快樂! 今天要來分享可愛的「胖胖體」怎麼在Adobe Illustrator中設定,設定好還能存起來!有兩種方法可以設定,各有優缺點,可以自行選擇喜歡哪種方法! ➊ 打開外觀視窗,設定10pt的白色筆畫 ➋ 再新增一組筆畫,設定20pt的白色筆畫 以上兩個步驟
Thumbnail
本文介紹如何使用Mockup模板圖庫快速合成高質感的圖檔,包含選擇模板、PSD下載、PS套圖等步驟,讓您輕鬆展現作品並模擬示意圖。
Thumbnail
軟體版本:CLIP STUDIO PAINT Ver.1.12.0 這裡預設讀者知道電腦繪圖的基本常識,並且有能力繪製一張彩色插畫,所以不會介紹任何基本概念,例如:圖層是什麼、色相環如何使用...等,也不會提到 CSP 繪圖環境設置(因為我就直接使用預設XD),如果需要基本教程,可以試試看 CLI
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
開啟零件環境並選擇任一平面進入草圖模式 (詳Lesson 1),下圖以連續線作說明
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
排版視覺調整的重要性及基本原則 在印刷排版的藝術中,視覺調整是一項不可或缺的技術。它的核心在於如何讓每一行文字更加協調、美觀,同時確保整體版面的和諧。這種調整可以分為兩類:「段落視覺調整」和「單行視覺調整」。段落視覺調整專注於整個段落的文字排列,而單行視覺調整則聚焦於單獨一行的調整。兩者各有特點,
Thumbnail
手把手帶你做風格海報! 一起來看看本次海報使用到的重點效果,大家可以跟著試試看! 本次使用素材: 點我下載素材一 點我下載素材二 (1) 製作背景 開啟新檔,畫布尺寸為 1080x1920 px。 並將素材一置入畫面後,使用選取工具將空白處選取1,直接點選生成填色2,並選擇合適的結果。
Thumbnail
本次要來分享在Photoshop 新增的Ai功能,2023年強勢推出的「生成填色」,不只可以幫你的圖片無限延伸,還能自動生成素材,快速便利又好上手!
Thumbnail
大家好!希望今天的你也過得順利快樂! 今天要來分享可愛的「胖胖體」怎麼在Adobe Illustrator中設定,設定好還能存起來!有兩種方法可以設定,各有優缺點,可以自行選擇喜歡哪種方法! ➊ 打開外觀視窗,設定10pt的白色筆畫 ➋ 再新增一組筆畫,設定20pt的白色筆畫 以上兩個步驟
Thumbnail
本文介紹如何使用Mockup模板圖庫快速合成高質感的圖檔,包含選擇模板、PSD下載、PS套圖等步驟,讓您輕鬆展現作品並模擬示意圖。
Thumbnail
軟體版本:CLIP STUDIO PAINT Ver.1.12.0 這裡預設讀者知道電腦繪圖的基本常識,並且有能力繪製一張彩色插畫,所以不會介紹任何基本概念,例如:圖層是什麼、色相環如何使用...等,也不會提到 CSP 繪圖環境設置(因為我就直接使用預設XD),如果需要基本教程,可以試試看 CLI