Photoshop CC 自訂形狀繪圖應用

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

利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。

STEP1.
開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項

raw-image

執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。

raw-image

STEP2.
在圖層上新增圖層1,使用矩型工具,設定為「像素」格式,在矩型選項中設定固定尺寸為W:400像素、H:400像素,設定前景色為R:183、G:0、B:0之暗紅色,於編輯畫面中央繪製卡片的正面範圍色塊(按住滑鼠拖曳繪製在檔案範圍中間)。

raw-image

STEP3.
在圖層上新增圖層2,繼續使用矩型工具,同樣設定為「像素」,以及在矩型選項中設定回「未強制」,設定前景色為R:152、G:152、B:56之咖啡色,於紅色卡片範圍左半邊繪製一長方形(直接按住滑鼠左上至右下拖曳繪製在適當位置,畫完可搭配使用移動工具移動調整位置),作為顏色的搭配。

raw-image

STEP4.
在工具箱上選擇點取到『自訂形狀工具』,於上方工具設定列中,按下『形狀』欄位右側的倒三角形按鈕,顯示出形狀選擇窗,再按下選擇窗右上角的顯示指令鈕,選擇執行『全部』,按下加入確定加入所有自訂形狀。

raw-image

STEP5.
在選擇形狀窗中選擇要加在卡片上的形狀圖案,並點取繪圖方式為『路徑』。

raw-image

STEP6.
由卡片左下角向右上角,按住Shift繪製出此形狀的路徑。使用路徑選取工具,選取並移動所繪製路徑到適當位置。

raw-image

STEP7.
在路徑控制版上(視窗>路徑),並點取工作路徑按下下方【載入路徑作為選取範圍】,建立所繪製圖案的選取範圍。

raw-image

STEP8.
新增圖層3,使用漸層工具,呼叫出漸層編輯器,並編輯三個漸層顏色控制點,左至右依序為R:198、G:198、B:118,及R:131、G:131、B:31,與R:198、G:198、B:118。

raw-image

使用漸層工具於選取範圍內,由左下向右上填入線性漸層,Ctrl+D取消選取,完成卡片上的主圖。

raw-image

STEP9.
同樣使用自訂形狀工具,並點取繪圖方式為『填滿像素』,選擇『五彩碎紙』圖案,新增圖層4,設定前景色為白色,約在卡片右下角繪製出白色碎花圖案(畫完可移動工具移動位置,可以CTRL+T任意變形縮小或重畫),再至圖層控制版上設定碎花圖層『不透明:30%』。

raw-image
raw-image

STEP10.
同樣使用自訂形狀工具,並點取繪圖方式為『填滿像素』,選擇『飛濺』圖案,新增圖層5,設定前景色為R:130、G:0、B:0,約在卡片右上角繪製出暗紅色飛濺圖案(畫完可移動工具移動位置,可以CTRL+T任意變形縮小或重畫)。

raw-image
raw-image

STEP11.
使用文字工具,加上適當的中文、英文文案。

raw-image
raw-image

在圖層控制版上,配合按住shift鍵,複選背景以外的所有圖層,執行[圖層>合併圖層]指令,將所有圖層合併為一。

raw-image

STEP12.
再執行[編輯>變形>扭曲]指令,左邊二角落略往上移、右邊二角落略往下移的扭曲變形(如圖角度),按下鍵盤ENTER鍵,完成變形。

raw-image

STEP13.
新增圖層1於卡片圖層下(直接拖曳圖層更改順序);再使用多邊型套索工具,由卡片右上角開始建立一三角形選取範圍,設定前景色為『R:130、G:0、B:0』暗紅色,再執行[編輯>填滿] 指令,設定填滿內容『使用:前景色』,按下確定,將顏色填滿選取範圍中;執行[選取>取消選取]指令,取消選取範圍,完成卡片的折角色塊搭配。

raw-image

STEP14.
同樣的方式,使用多邊型套索工具,建立一矩型選取區於卡片左下下緣處,新增圖層2,同樣填入暗紅色並取消選取完成立體站立的卡片。

raw-image

STEP15.
新增圖層3於圖層1下,使用多邊型套索工具,建立如圖之多邊型選取區,執行 [ 選取 > 修改> 羽化]指令,設定羽化強度20像素。

raw-image

設定前景色為黑色,執行[編輯>填滿] 指令,在選取區內填入前景色黑色為卡片影子。執行[選取>取消選取]指令,取消選取範圍,完成卡片的陰影。設定圖層3的不透明約為60%淡化陰影。

下載範例

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

留言
avatar-img
留言分享你的想法!
avatar-img
哩老師的沙龍
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
哩老師的沙龍的其他內容
2020/02/19
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
2020/02/19
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
2020/02/19
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
2020/02/19
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
2020/02/19
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Thumbnail
2020/02/19
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Thumbnail
看更多
你可能也想看
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. 開啟範例練習檔,為寬高50像素之圖檔,執行『影像 > 影像尺寸』更改寬高為5000像素(100倍),並選擇影像重新取樣為『最接近像素(保留硬邊)』,如此影像放大後即有馬賽克色塊影像效果。 Step2. 開啟要成為圖樣的檔案(尺寸200像素正方),執行『編輯 > 定義圖樣』,回到主要
Thumbnail
Step1. 開啟範例練習檔,為寬高50像素之圖檔,執行『影像 > 影像尺寸』更改寬高為5000像素(100倍),並選擇影像重新取樣為『最接近像素(保留硬邊)』,如此影像放大後即有馬賽克色塊影像效果。 Step2. 開啟要成為圖樣的檔案(尺寸200像素正方),執行『編輯 > 定義圖樣』,回到主要
Thumbnail
Step1. 開啟範例練習檔,為文字圖層加上斜角浮雕效果,設定樣式:內斜角、技術:雕鑿硬邊、尺寸:43像素、光澤輪廓選擇如圖、亮部模式不透明:52%。 Step2. 新增圖層1,按住Ctrl、滑鼠點取文字圖層建立文字選取區,執行 [ 選取> 修改> 擴張]選取區擴張2像素,同樣在選取區內填入#8
Thumbnail
Step1. 開啟範例練習檔,為文字圖層加上斜角浮雕效果,設定樣式:內斜角、技術:雕鑿硬邊、尺寸:43像素、光澤輪廓選擇如圖、亮部模式不透明:52%。 Step2. 新增圖層1,按住Ctrl、滑鼠點取文字圖層建立文字選取區,執行 [ 選取> 修改> 擴張]選取區擴張2像素,同樣在選取區內填入#8
Thumbnail
Step1. 開啟500X500像素、解析度72之RGB新檔,背景並填入黑色。設定前景色為白色、背景為黑色,執行[ 濾鏡 > 演算上色 > 雲彩效果 ] 產生黑白雲狀,並重複執行二次。 Step2. 執行[ 濾鏡 > 濾鏡收藏館>素描 > 畫筆效果 ] 設定筆觸長度:15、亮度/暗度平衡:50、
Thumbnail
Step1. 開啟500X500像素、解析度72之RGB新檔,背景並填入黑色。設定前景色為白色、背景為黑色,執行[ 濾鏡 > 演算上色 > 雲彩效果 ] 產生黑白雲狀,並重複執行二次。 Step2. 執行[ 濾鏡 > 濾鏡收藏館>素描 > 畫筆效果 ] 設定筆觸長度:15、亮度/暗度平衡:50、
Thumbnail
利用色版與選取範圍,替去背影像加上周圍圓點效果。 Step1. 開啟範例練習檔,按住【Ctrl】滑鼠在影像圖層的縮圖上按一下,建立影像輪廓的選取範圍。 Step2. 執行「選取」→「修改」→「擴張」,設定擴張選取範圍10像素,在「色版」浮動視窗上,按下「儲存選取範圍為色版」按鈕,建立「Alpha
Thumbnail
利用色版與選取範圍,替去背影像加上周圍圓點效果。 Step1. 開啟範例練習檔,按住【Ctrl】滑鼠在影像圖層的縮圖上按一下,建立影像輪廓的選取範圍。 Step2. 執行「選取」→「修改」→「擴張」,設定擴張選取範圍10像素,在「色版」浮動視窗上,按下「儲存選取範圍為色版」按鈕,建立「Alpha
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News