👩🎨 想學會用 Photoshop 做出電商封面圖?
本篇以 YouTube 設計大神的教學影片為範本,逐步拆解整體流程:從人物去背、排版與陰影處理,到裝飾元素的操作,全部圖文整理一次看。適合 Photoshop 初學者與經營網路商店的你!
Youtube 影片標題:[How to design fashion banner design in adobe photoshop graphic designing]
Youtube 原創作者 up主:

影片網址: https://reurl.cc/K8n7vg
首先開啟一張圖片,若我們想將圖片中間的女孩作為我們的素材,我們需要摳圖去背,這邊我們的作法可以是,到圖層工具區點擊滑鼠左鍵兩下,將圖層工作區上原本該照片圖層上的鎖去解掉,雙擊兩下解掉了鎖以後,可以到PS頁面上方的工具列,點擊工具名稱為「選擇」內有「主體」, 一旦使用了此功能後,PS軟體能夠自動偵測並為我們框選出女孩的整體輪廓,因此背景除外的,有女孩的輪廓皆成為選取狀態下,帶有閃爍的虛線,點擊左方工具列中的「快速選取工具」, 緊接著在圖片上按滑鼠右鍵裡的「拷貝的圖層」, 因此完成複製了一個已去背好只留下女孩身形的照片圖層,在圖層工具區只對已去背好的該圖層開啟眼睛可視,並在該圖層上滑鼠右鍵「轉換為智慧型物件」。
額外再開一個新的檔案頁面,設為矩形適合用於網頁的長寬後,將剛剛的智慧型物件女孩,拖進新頁面放置在左方適當位置以後。 對圖層工作區最底部那層背景色,點擊圖層工作區下方工具欄的「建立新填色或調整圖層」, 圖示1,內有選項「純色」功能,填入一個自選的較為米白的顏色即可(自選色域色彩) 。
再對女孩圖層,滑鼠右鍵點「混合選項」功能,便會跳出許多的參數和功能調整頁面,在左側的「陰影」 選項打勾,不透明度從0%手動調整拉到36%,間距手動拉到28像素,展開手動拉到29%,尺寸拉到106像素。其他文字排版先自己排到自己認為適當的位置,有時我們常會製作一些點綴線段作為裝飾,這邊的作法為,使用''鋼筆工具'', 在上方面板附近可以看到調整鋼筆參數的地方,像是可以從原設定的路徑改為''形狀'', 同時''筆畫''內顏色點擊想要的顏色,在旁邊有一功能叫做''檢色器'',圖示2,能夠選自己想要的色彩作替換。再來調整筆畫的像素透過拉動像素,可以決定線段的粗細。
接下來用''橢圓工具''拉出兩個橢圓,首先先為橢圓形加上後面的陰影感,一樣的對橢圓物件的該圖層滑鼠右鍵''混合選項''勾選其中的「陰影」,替陰影的參數作調整,將陰影效果的不透明度調至10%,再來才是將橢圓物件的不透明度在圖層工作區域附近的功能那裡 直接把不透明度降至自己想要的感覺即可。
在整個橢圓的排版頁面上為排版增加裝飾度的豐富性,可用''鋼筆工具''拉出一些不規則的色塊,顏色和橢圓形的顏色相近,使畫面仍有整體性。重複剛剛的動作,像為橢圓上陰影一樣般的相同動作,為不規則色塊們上陰影,即完成。

筆記
快速測試,實際按教程學習,復刻後範例:

謝謝看到這裡。
*二次拆分解析來自-C_seven
本篇摘要: Youtube原影片設計步驟全程拆解。用中文分析Youtube大神在教程裡,如何使用photoshop軟體,製作出一張完整的電商海報banner。