你想將所在地區設為 美國 並顯示 繁體中文 嗎?
更新設定關閉
關閉
登入/註冊
設計 DIY - 網拍家的 PS 設計實戰
0 seconds of 2 minutes, 52 secondsVolume 0%
Press shift question mark to access a list of keyboard shortcuts
鍵盤快捷鍵
播放/暫停空白鍵
音量增加↑
音量減少↓
快進 5 秒→
倒退 5 秒←
開啟/關閉字幕c
全螢幕/離開全螢幕f
靜音/取消靜音m
Decrease Caption Size-
Increase Caption Size+ or =
跳轉至%0-9
00:00
00:00
02:52
 
五更

設計 DIY - 網拍家的 PS 設計實戰

網拍 banner 設計課程,教你如何設計吸引消費者目光與提升購買率的網站 banner。課程將從 Photoshop 基本操作開始,搭配實際案例分享,帶你學會網拍設計必備的 know-how 與秘訣,大幅提升公司產品業績與銷售量。
Hahow AI 學習升級
775 人已購買
4.9
(51)

關於課程

課程包含

包含 1 章 33 單元、6 項作業

課程時長

16 時 25 分鐘

課程總人數

775 位同學

觀看限制

不限觀看次數,還會附贈完課證書

學習升級

Hahow AI 學習助教
無需額外付費
即時問答、重點整理、測驗理解,讓知識派上用場

最新消息

課程內容

這是一堂能讓你  從零分到 100 分網拍 PS 設計課程

講師介紹

我是五更,視覺傳達設計系畢業,在網路女裝品牌擔任設計師已四年。

在這四年中,學習從商品的拍攝與修圖,到該如何和行銷端合作、賦予設計的 Banner 發揮最大的效益、得到最大點擊率?這些從前輩身上學到許多商用觀念與設計想法,以及如何與時間賽跑,也能做出好 Banner,都是我在網路行銷行業中特有的 Know-How,而我將在這堂 PS 課程中也一併分享。

點擊率%月度趨勢圖,從 3 月至 9 月整體上升,藍色柱狀數據逐月增加,9 月以粉紅色柱狀突出;紅色折線亦於 9 月明顯攀升,搭配向上箭頭呈現成長趨勢。

這堂課不僅教你 PS 的使用技巧,也會在開始動手設計 Banner 前,先跟大家重點分析應要注意的地方。學完這堂課,除了能夠自己處理賣場大小設計,也能了解每個活動類型 Banner 不一樣的重點,發揮設計更大的價值。

課程大綱涵蓋五個單元:Photoshop基本功能、照片修色與修圖、文字編排與照片特效、實戰製作與SOP分享,以及其他常用功能與技巧,包含簡單GIF動畫及網頁切片。

授課方式

課程將以螢幕側錄做為教學方式,另外視課程需要,提供重點整理文檔幫助你清楚明瞭每個步驟,快速吸收,也能隨時複習。

課程介紹段落標題「為什麼要購買這個課程?」以白色文字置於藍色橫幅中央,句末搭配紅色圓點裝飾。


A. 一次到位的整合性教學

一般常見的 Photoshop 教學資源幾乎都偏向單一軟體功能教學,就算都學會了,如何實際做出想要的才是一大關卡。

這個課程主要以實戰為主,除了 Photoshop 的功能使用教學外,更會告訴你網拍 Banner 的主題重點分析,輕鬆做出需要的100分作品。

B. 有市無價的私房經驗

設計師需要透過大量作品累積自己的經驗,然而方向不同,經驗值當然不同。在網路時代的現在,廣告活動 Banner 需求幾乎是所有公司必備,如何快速的產出又不失創意,更是重要。我將以 4 年內做了近萬個各式活動及廣告 Banner 的經驗與你分享,讓你能快速進入設計大門。

Facebook 粉絲破萬慶活動,期間為 9/18(10:00)至 9/23(10:00)。完成按讚、公開分享相簿至個人塗鴉牆及留言,即可獲得購物金 100 元折價序號並取得抽獎資格。

C. 實戰設計,少走自己摸索的冤枉路

學會 PS 怎麼用,就要不斷練習,我將以 Banner 製作當成實戰教學,在各單元中實際講解和演練各類型 Banner,讓每一個單元都是多個作品的經驗累積,而非單純的 PS 工具列講解。

課程內容大綱

「學會photoshop不用24小時好嗎?(第1單元)」作為課程單元標題,畫面以藍色背景搭配白色文字呈現。

你是不是個人經營的小賣家,從產品拍攝到做圖一手包辦 ?

網站的架構產品等等都準備好了,想開打造自己的事業,呈現美美賣場可打開 Photoshop,不知道如何開始? 

流程示意圖依序列出「產品」、「照片」、「賣場」與「設計」四個階段,前三項以藍色勾選標記完成,最後的「設計」則以紅色問號呈現。

人人常說萬事起頭難,其實一點也不難。我將會用最直接易懂的方式,教會大家實用的功能及技巧。第一大單元會帶大家了解 Photoshop 的使用介面及要注意的地方,除了告訴大家設定自己習慣的使用介面,也會有實戰演練,直接帶領大家用簡單的功能,做出一張完整的賣場資訊。

第2單元「圖層與拼貼的製作,直達商品圖美麗境界」,介紹圖層與拼貼的製作主題。

總覺得麻豆不夠瘦、食物圖不夠美味、賣場設計不夠有質感?第二大單元會告訴大家,用 Photoshop 製作 Banner 就像是在紙上拼貼一樣。

教你如何讓現有的產品照片或攝影作品,更加有質感的呈現。也教大家各種去背的方法與技巧,和如何讓礙眼的瑕疵消失,讓模特兒(產品)變瘦變美變漂亮,注意細節,加上幾個簡單步驟,商品圖將更加完美,做出意象感滿分的活動 Banner。

影像後製修圖功能示範,包含人像瑕疵與法令紋、毛孔修飾、身形胖瘦調整、衣服改色,以及商品去背,呈現照片修改前後的效果。

「其實設計也有SOP(第3單元)」標示本段課程單元主題。

腦袋有想法,卻做不出你想要的 Banner?明白了軟體的主要架構及基礎,但接下來才是設計的重點。這單元,會教你如何運用文字的字體、大小、位置、效果,及濾鏡功能。再來會教你如何規劃設計 SOP,如何平衡創作與現實交出作品的時間限制,這是在公司中必須斟酌的事。如何減少做圖時間,也能有效抓住老闆的心意,將節省的時間可拿來增加細膩度,為自己的設計作品畫龍點睛,這就是設計 SOP 的意義。

-----------------------------------------------------------------------------

 如何在20-30分鐘內,將左方素材設計完成兩種不同風格的 Banner :

以女裝商品照片與「夏季新品5折」文案為素材,示範「華麗典雅風格」與「簡約俐落風格」兩款夏季促銷 banner,呈現「2件5折」及「50% OFF」版面設計。

「跟著SOP上戰場(第4&5單元)」單元標題,以藍色橫幅呈現。

賣場設計最容易忽略一致性,而配合賣場的商品類型,色系的搭配也會影響整體感。家電的賣場設計與食物的賣場設計,通常都有各自適合的色系或重點。單元四除了教大家如何依照不同產品需求打造賣場,也會教大家製作主題 EDM:新品介紹 / 活動介紹 / 主題式介紹。

-----------------------------------------------------------------------------

新品介紹為主的 Banner(服飾類)

春神獻禮,春季新品甜美上市。畫面以粉嫩花卉為背景,展示身穿針織外套與格紋裙的女性,以及白色、橘色、藍色和深色洋裝。

新品介紹為主的 Banner(家電類)

「一開即飲」為新品上市宣傳,彩光時尚富氫水素水生成瓶以白色瓶身、銀灰色瓶蓋展示,標示新品價 6980 元,並註明限量供應。

-----------------------------------------------------------------------------

活動為主的 Banner(服飾類)

電子報開信好禮活動期間為10.04 00:00至10.17 23:59,現領現用$100,限量發售、領完為止;新秋超值加碼,滿$1000送$200,適用期間為2015/10/05至2015/10/20。


活動為主的 Banner(家電類)

夏日消暑廣告以西瓜、冰塊與水花襯托水冷機,主打「涼夏超省力」與「消暑大作戰」,水冷機系列享5折優惠,並標示新一代高效水冷機。

-----------------------------------------------------------------------------

指定主題式 Banner 

正韓服飾企劃特邀「凱渥名模-汪詩敏」示範穿搭,展示多款格紋洋裝與配件造型;畫面標示「MADE IN KOREA」及「I-SEOUL」,並附服裝款式縮圖。


「冬季毛衣針織」舒適穿搭,標示優惠價2件750元;三位女性示範格紋長版外套、彩色幾何針織上衣與灰橘拼接毛衣造型。

最後單元五,也會教大家如何批次處理多張圖檔,讓裁圖更快速,以及製作簡單 GIF 圖檔,讓畫面更多元化,另外也會補充有關網頁切片 HTML 的設定,讓 EDM 發揮它的功能。 

選擇這堂課的 3 大優點:初學者也能上手設計,無痛進入設計大門;不再停留於了解軟體操作而已;有系統的實戰整合教學,並分享私房實戰經驗。

課程目標

1. 幫助你快速學會 Photoshop,並有效利用

2. 以最實際的商業角度出發,設計出最符合需求的作品

3. 讓無設計經驗者也能獨立完成設計作品來

4. 幫助社會新鮮人快速進入網拍設計領域

課程中你將學會並做出:

「學會分析廣告需求」示範甜美馬卡龍特輯的廣告文案規劃:以「馬卡龍、花朵、冰淇淋、粉色調」作為行銷素材方向,「全館任選2件188」為主要文案,「滿一千再送一件(不挑款)」為次要文案,補充字可小。


展示可獨立完成拍賣網站所需的設計項目,包括 Logo、關於我、產品圖、EDM 與活動 banner;作品以「甜美馬卡龍特輯」為主題,呈現商品主視覺與促銷廣告版型。

哪些人適合這堂課?
一 剛畢業的設計新鮮人,想快速學得經驗技巧應用於職場 二 網拍經營賣家,想動手自己打造個人賣場 三 購物平台 PM、CM,總想跟廠商說 : 放開那張 Banner!讓我來! 四 任職網拍行業的行銷窗口,學會一技之長,提升自己業界競爭力 五 中小企業設計人員,想中止" 老闆一直退我 Banner 圖 "的輪迴
你可以學到
★ 可執行完整的網拍賣場設計 ★ 可將腦中畫面平面化,設計廣告 Banner、產品 EDM 等
上課前的準備
需要準備的工具 / 軟體(若購買課程前不清楚版本是否支援,請先留言與老師確認。)
1. 使用 Adobe Photoshop 以及可以一台可以運作它的電腦。 2. 本課程將以 Photoshop CS6 版本在 Windows 作業系統下操作為示範基準,Adobe 官方有 Photoshop 試用版可下載學習。
需要具備的背景知識
適合完全沒有經驗的初學者,也適合有設計概念卻沒有業界實戰經驗的新鮮人。 本課程會先教你 Photoshop 的基礎使用, 再針對實際商業網拍上會用到的常用項目實戰練習,教你在網路行銷世界中設計會用到的修圖及設計技巧。
單元一覽
1 章 33 單元|總時長 985 分鐘
全部收合
1
本課程不分章節
影片單元
單元 1 - 0-1 在課程開始之前 : 課程總覽
影片單元
單元 2 - 0-2 設計先行應知 : Photoshop和Illustrator的差別
05:53
影片單元
單元 3 - 1-1_PS基本功能教學 - 檔案設定 / RGB&CMYK差別 / 版面和影像
20:38
影片單元
單元 4 - 1-2_PS基本功能教學 - 左方工具列 : 路徑 / 圖層 / 透明度
56:15
影片單元
單元 5 - 1-3_PS基本功能教學 - 左方工具列 : 文字/筆型 &初學者救星 : 圖層樣式
44:53
影片單元
單元 6 - 1-4_PS基本功能教學 - 上方工具列&好用的變形工具
28:56
影片單元
單元 7 - 1-5_PS基本功能教學 - 建立自己的使用介面
12:58
影片單元
單元 8 - 1-6_實戰1 : 做出一張賣場關於我 (作業1)
01:22:58
作業單元
作業 1 - 作業 : 做出一張賣場關於我
查看作業
影片單元
單元 9 - 2-1_超好用遮色片
影片單元
單元 10 - 2-2_去背 : 色版(髮絲去背) / 魔術棒工具 / 快速選取工具
25:50
影片單元
單元 11 - 2-3_去背 : 鋼筆工具 / 套索工具
36:56
影片單元
單元 12 - 2-4_去除雜物 / 複製圖樣 : 修補工具與仿製印刷
28:10
影片單元
單元 13 - 2-5_把模特兒變大變小變漂亮 : 指尖工具 / 液化
36:10
影片單元
單元 14 - 2-6_調色技巧 : 色階 / 色彩 / 曲線
47:20
影片單元
單元 15 - 2-7_調色技巧(攝影照) : RAW檔使用與修改
14:17
影片單元
單元 16 - 2-8_實戰2 : 製作活動Banner ( 作業2 )
32:06
作業單元
作業 2 - 作業: 運用第二大單元技巧,製作一張活動Banner
查看作業
影片單元
單元 17 - 3-1_免費資源搜尋
22:20
影片單元
單元 18 - 3-2_文字合成 : 字型選用 / 字體設計效果
49:32
影片單元
單元 19 - 3-3_實戰3 : 製作文字特效的活動Banner(作業3)
37:27
作業單元
作業 3 - 作業 : 文字特效設計的活動banner
查看作業
影片單元
單元 20 - 4-1_合成-建立剪輯遮色片介紹與運用(長條圖)
20:49
影片單元
單元 21 - 4-2_取代顏色-各項改色方式教學
17:52
影片單元
單元 22 - 4-3_製作鋪底活動 : 活用不透明度/形狀工具
32:04
影片單元
單元 23 - 4-4_圖片合成 : 混合濾境介紹及運用
16:17
影片單元
單元 24 - 4-5_實戰4 : 綜合技巧Banner製作 (作業4)
27:34
作業單元
作業 4 - 作業: 綜合技巧banner
查看作業
影片單元
單元 25 - 5-1_賣場實戰製作+素材分析 -服飾類
45:22
影片單元
單元 26 - 5-2_賣場實戰製作+素材分析 -家居類
39:08
影片單元
單元 27 - 5-3_賣場實戰製作+素材分析-食物類
47:36
影片單元
單元 28 - 5-4_實戰五 : EDM製作
01:11:04
作業單元
作業 5 - 作業: EDM製作
查看作業
影片單元
單元 29 - 6-1_其他常用技巧-一次修改多張照片設定 : 自動批次
14:39
影片單元
單元 30 - 6-2_其他常用技巧-GIF : 幻燈片效果 : 影格介紹
14:30
影片單元
單元 31 - 6-3_其他常用技巧-GIF : Banner特效製作 : 影格進階
08:54
影片單元
單元 32 - 6-4_其他常用技巧- 切片&連結
29:02
作業單元
作業 6 - 作業: GIF製作
查看作業
影片單元
單元 33 - 6-5_課程總結
04:57
試看單元
播放試看影片
章節 1 - 本課程不分章節
單元 1 - 0-1 在課程開始之前 : 課程總覽
試看影片
03:08
播放試看影片
章節 1 - 本課程不分章節
單元 9 - 2-1_超好用遮色片
試看影片
10:18
課程評價
4.9
/ 5.0
51 則評價
Viola2020-05-07
網拍賣家或小編必學
針對PHOTOSHOP初學者來說,老師課程的編排以及說明,非常的實用且易懂,每個步驟親自教學 細心解說 對於想要經營網拍或是已經是網拍業者想要美化自己版面的賣家來說,是一堂非常實用的課程 上完課成也非常有成就感唷
(已編輯)
查看更多
1 人覺得有幫助
陳秀英2026-08-26
整體課程評價
課程內容分析得很精闢
五更
授課老師
2026-09-25
謝謝喔
查看更多
1 人覺得有幫助
呂秀芬2026-02-09
課程心得:獲益良多
課程心得:獲益良多
五更
授課老師
2026-09-25
謝謝喔~
查看更多
1 人覺得有幫助
Tracy Tseng2019-01-30
回覆問題的速度太慢了
我問得問題已經一個月了,到現在一直都沒有回應,要買這門課的同學請三思,不要被評價騙了
1 人覺得有幫助
Zen Tseng2017-10-30
非常充實又實用的課程!
終於把將近 1000 分鐘的課程看完了,很多 PS 實作的技巧老師講得非常仔細,而且是有系統、循序漸進的手把手教學;以往學 PS 都只是片段,有許多觀念都很籠統模糊,導致一個效果可能是花很多時間去"try"出來的,現在看完老師的課程,除了對 PS 有更多的了解之外,教學中的許多技巧與實作剛好都是我要的感覺,實際就可以運用在我的商品上,這門課程真的是 CP 值爆表啊!
查看更多

意猶未盡嗎?

關於講師

五更
1堂課程
0篇文章
775位學生
大家好,我是五更,在網拍界打滾多年的小設計,專長是戰老闆還有慣老闆(弱)。 在網拍的世界裡,顛覆了我對設計這行業的認知,其實設計出自己腦海中的作品,也不是這麼難喔。
前往講師頁面
精選學生作業

購課前問答

日期最新
日期最新
日期最舊
愛心數
老師您好,若有其他想用PS製作的圖,請問屆時要在哪邊問您能獲得有效的解答呢?謝謝n_n
五更
授課老師
2026-09-25
這邊可以問喔~
回覆
我也想問
陳俞臻
2022-12-09
請問老師是從零基礎開始上嗎 上課內容可以當作品集嗎 謝謝
五更
授課老師
2022-12-10
您好 是基礎
回覆
我也想問
ALVIN
2022-12-04
請問1-6:賣場實戰製作一張關於我 的素材還有嗎?
五更
授課老師
2022-12-05
素材沒變喔
回覆
我也想問
Chun Yen Huang
2022-10-15
老師您好,請問製作YT封面圖(介紹遊戲,常會擷取遊戲內容及文字製作成吸引人點閱的封面),我應該是要使用PS還是Ai呢?謝謝!
五更
授課老師
2022-10-17
看個人喔~都可以
回覆
我也想問
李依庭
2022-05-27
老師,這個也適用於2022版本的PS嗎? 有可能會再出新版本的課程嗎?
五更
授課老師
2022-05-28
暫時沒有喔
回覆
我也想問
購買單堂課

NT$1,800
有什麼優惠可以用?
小蛙幫你找最佳優惠
登入看看 有什麼優惠用

相關標籤