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會員
161內容數
藉由Animate CC製作網頁上的動畫,並發佈成HTML5+CANVAS+JAVASCRIPT格式,已是最有效率設計製作專業網頁動畫效果的方式,筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧,歡迎一起讓網頁上的內容動起來!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
哩老師的沙龍 的其他內容
在影像上依影像內容顏色來建立選取範圍,就可以考慮使用【磁性套索】【快速選取工具】與【魔術棒工具】,均勢依影像顏色為基準,顏色相近的直接建立成一個選取範圍。 A.磁性套索工具 1. 磁性套索工具是依據影像邊緣對比,在移動滑鼠的過程自動置入固定點來定義邊緣建立選取範圍,適合於選取影像中某些有顏色區隔屬
在影像上依影像內容顏色來建立選取範圍,就可以考慮使用【磁性套索】【快速選取工具】與【魔術棒工具】,均勢依影像顏色為基準,顏色相近的直接建立成一個選取範圍。 A.磁性套索工具 1. 磁性套索工具是依據影像邊緣對比,在移動滑鼠的過程自動置入固定點來定義邊緣建立選取範圍,適合於選取影像中某些有顏色區隔屬
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
當你下定決心想要創作完美的圖片時,是否總是感到生圖製圖工具太過複雜、難以使用?別擔心!今天我們將介紹一款簡單直覺的 AI 生圖工具,幫助大家輕鬆製作出美美的圖片!   Stylar.ai 是一款極具多功能的 AI 圖片生成工具,旨在讓圖像處理變得更加容易且具有創造性。無論是要匯入圖片還是文
Thumbnail
用photoshop製圖時常會用到混和模式的效果, 但切成網頁圖片時,卻呈現不出來,例如光暈旁邊都會帶黑邊, 最近看到一個css3的混色模式可以達成這樣的效果...
Thumbnail
Photoshop 2024 正式引入AI功能後,我們之前在只能在 Beta上使用的生成擴張還有生成填色,都可以在接下來的 Photoshop 2024 上面使用。
Thumbnail
如果您是攝影愛好者或專業攝影師,並且正在尋找一個功能強大且易於使用的照片編輯軟體,那麼Luminar 4絕對是您的最佳選擇。
Thumbnail
Photoshop天空取代教學,超簡單容易的天空取代功能,出去玩拍照遇到陰天、晴空無雲,又想要拍出的照片有雲霞、朵朵白雲,甚至是替換成夕陽雲彩或黑壓壓的烏雲嗎?用這個方法較能夠輕易做到唷!
Thumbnail
去年(2021)12月起,開始進修自媒體課程。 為了讓自己持續復習,免得過去學習的辛苦白廢,決定開始發表學習成果!這算是……..替自己舉辦『線上成果展』嗎?
Thumbnail
學習Photoshop後的第一個商業廣告作品,雖然賣相不佳,但仍決定公開,留下成長的足跡....
Thumbnail
春耕、夏耘、秋收、冬藏,現在即使不是冬藏的年紀,至少也該秋收了吧!居然又搞來這麼一齣『二期稻作』的把戲折磨自己。 不過,準備秋收的年紀,確實有著秋收年紀的歷練,因為已有一期稻作的存糧,不必擔心鬧饑荒;同時,也有了春耕、夏耘的經驗,遇到困難便很清楚的知道,撐過去就好了!
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
當你下定決心想要創作完美的圖片時,是否總是感到生圖製圖工具太過複雜、難以使用?別擔心!今天我們將介紹一款簡單直覺的 AI 生圖工具,幫助大家輕鬆製作出美美的圖片!   Stylar.ai 是一款極具多功能的 AI 圖片生成工具,旨在讓圖像處理變得更加容易且具有創造性。無論是要匯入圖片還是文
Thumbnail
用photoshop製圖時常會用到混和模式的效果, 但切成網頁圖片時,卻呈現不出來,例如光暈旁邊都會帶黑邊, 最近看到一個css3的混色模式可以達成這樣的效果...
Thumbnail
Photoshop 2024 正式引入AI功能後,我們之前在只能在 Beta上使用的生成擴張還有生成填色,都可以在接下來的 Photoshop 2024 上面使用。
Thumbnail
如果您是攝影愛好者或專業攝影師,並且正在尋找一個功能強大且易於使用的照片編輯軟體,那麼Luminar 4絕對是您的最佳選擇。
Thumbnail
Photoshop天空取代教學,超簡單容易的天空取代功能,出去玩拍照遇到陰天、晴空無雲,又想要拍出的照片有雲霞、朵朵白雲,甚至是替換成夕陽雲彩或黑壓壓的烏雲嗎?用這個方法較能夠輕易做到唷!
Thumbnail
去年(2021)12月起,開始進修自媒體課程。 為了讓自己持續復習,免得過去學習的辛苦白廢,決定開始發表學習成果!這算是……..替自己舉辦『線上成果展』嗎?
Thumbnail
學習Photoshop後的第一個商業廣告作品,雖然賣相不佳,但仍決定公開,留下成長的足跡....
Thumbnail
春耕、夏耘、秋收、冬藏,現在即使不是冬藏的年紀,至少也該秋收了吧!居然又搞來這麼一齣『二期稻作』的把戲折磨自己。 不過,準備秋收的年紀,確實有著秋收年紀的歷練,因為已有一期稻作的存糧,不必擔心鬧饑荒;同時,也有了春耕、夏耘的經驗,遇到困難便很清楚的知道,撐過去就好了!