實用Photoshop - 打開視覺設計之門
《實用 Photoshop - 打開視覺設計之門》,準備了兩大視覺設計基本相關技能並以實用的角度出發,讓你的視覺設計之路從開始就有穩固的基石,之後利用課程觀念再去延展,擴展屬於自己的視覺版圖。
- # 電商合成
- # Photoshop合成
- # 海報設計
- # 配色
- # 平面基礎

本課程包含以下內容:


課程簡介
這堂課讓你的視覺設計之路從開始就有穩固的基石
一直想踏入視覺設計領域的你,是不是常常一直卡在不知道從何開始?上了許多課買了很多書籍,感覺好像已習得滿滿的技能蓄勢待發,但卻總是在開了 Photoshop 後,發生了以下狀況:
- 文字排版不會整理- 畫面有資訊,卻很雜亂、也沒有視覺吸引力。
- 色彩怎麼配都「說不上的怪」- 不敢用色、有點保守,畫面總是黯淡無趣。
- 學了很多合成單一技巧卻無法整合起來- 知道選色、知道裁切、知道光影,但還是不會做出一張完整畫面。
- 做出來的成品看起來像作業而不像作品。
以上這些問題一一浮現後,經歷一番奮戰受挫後,想著想著又默默的把 Photoshop 關了起來。
因此特別為了以上需求安排了這門課程,準備了兩大視覺設計基本相關技能並以實用的角度出發,讓你的視覺設計之路從開始就有穩固的基石,之後利用課程觀念再去延展,擴展屬於自己的視覺版圖。
想進入設計領域可以上的一堂設計初階課,從文字編排,配色,插畫,合成的初探基礎都帶你練習過一遍
課程第一部份|打好你對平面設計基礎的基本功
你會學到:
- 怎麼整理文字訊息,畫面才不會一團亂,讓觀眾閱讀到到訊息,如何安排標題、內文和圖片的擺放
- 配色應用邏輯和配色建議順序
- 不會畫畫也可以做出插畫風格的 Banner
小提醒:這門課不會講字體設計以及相關印刷實務唷!
課程第二部份|初探電商視覺合成
學會了第一部分後,我們將進一步帶你嘗試視覺合成,藉此跟上產品市場主流常用的電商廣告呈現方式,將以「商品+情境場景」為範例,來完成視覺的合成需求。
你會學到:
- 常見場景合成構圖手法
- 主題發想
- 從無到有把各個素材融合在一個場景
章節01 | 平面編排 - 排版有邏輯,不再沒頭緒 |
- 藉由六種簡單的思考方式,去變化多種標題編排模式,標題排的好,版面就成功一半
- 視覺層級概念,內文空間配置
- 了解基本的分割版式編排,解析分割版式,延伸出其他運用版式
章節 02 | 配色 - 跳脫硬背配色方法 |
- 藉由了解色相環架構,去理解色相配色的分類邏輯
- 色調和面積配置概念,引導做出主題性的色調
不同商業目地所用的顏色策略,會有點不大一樣,對說故事性的插畫而言,顏色是情緒的傳達,下方這個作業會用來練習情緒色調。
章節03 - 章節 05 | 素材製作 - 光有文字怎麼夠?圖文並茂才吸睛 |
- 藉由簡單點線面延伸不同的點綴小圖示
- 製作單物與全景風格插畫
- 液體效果
章節06 - 章節 08 | 視覺合成 - 突破創意盲腸 |
- 常見基本場景合成構圖
- 概念主題和場景發想
- 兩個情境商品合成的示範
鞋子商品合成
- 利用三角構圖以及視覺層級配置將相關元素放在舞台上。
- 製作方形霓虹燈管背景把商品框起來,與在舞台裡裡坎進霓虹燈管,提升商品焦點效果。
- 舞台方塊會分兩層材質去處理,上方添加植坯材質,側面添加土壤材質。
相機商品合成
- 推測背景和樹底合理的透視放進場景,給予一個基本色調
- 配置元素,調整色調,增加陰影,讓本來不相干的元素整合成一體
- 增加元素的亮面,利用光的設計讓每個元素都活起來
章節 09 | 解鎖範例
手機廣告(已達標募資達 600 人解鎖)
講解背景製作,以及簡單的手機修飾。
室內產品廣告 (已達標募資達 1200 人解鎖)
會從 Photoshop 畫草稿模塊,幫模塊製作立體感,貼材質到完稿把重點都解析讓您知道!
不知道為什麼要先畫一個灰色模塊? 來看這篇文章: 用偽3D貼材質的方法,對影像合成很有幫助
解鎖內容備註:由於章節09解鎖範例的使用工具都很簡單,所以我會錄一小段在做這些範例的關鍵製作方法與想法 (不會有一個一個操作步驟的課程影片),會附上範例 PSD 檔。
平面設計的課程影片講的都是簡單好懂的應用概念,搭配精心設計的作業引導,讓同學可以實質的藉由做作業,反覆利用課程知識,最終吸收融匯貫通,讓線上課不只是聽得頭頭是道而已。
下面是第一章節之單元07的作業引導與素材,同學可以用老師自己製作的插圖元素練習編排自己的海報或 Banner 。
下面幾張是基於第07章節鞋子廣告合成的範例課程內容, 出的另一份作業引導,給想嘗試其它主題的同學再練習合成。這裡寫了一篇文章是這幅旅遊合成廣告的解析: 旅遊舞台廣告合成的關鍵技巧
下方為同學們的作業成果,從開課截至作業量已經破百。
由於課程主要講的是視覺概念運用,這門課不會有工具操作以及應用概念講解,第一部分平面設計雖然使用的 Photoshop 工具非常少,但第二部分的廣告合成,則會大量的使用筆型工具、形狀工具、遮色片(遮罩)、調整圖層(曲線、色彩平衡、色相和飽合度)、圖層混合模式工具應用概念。
所以要具備一定的基礎,除了 Photoshop 工具操作要熟稔,還會建議至少有以下工具應用概念唷!例如:
◆ 遮色片顯現與不顯現是工具特性,但怎麼搭配曲線、色相飽和度或色版調色?
◆ 剪裁遮片不止作為剪裁範圍,怎麼做圖騰套色?
◆ 大概知道圖層混合模式的每個模式特色,但實際運用在哪裡?
◆ 光要怎麼疊加?
◆ 不同光源的素材要怎麼融合?是依據什麼?
因此若你是工具應用基礎比較薄弱同學「強烈」建議上過我的第一門「實用Photoshop - 入門到大師,紮實範例」。
- 想學習平面編排的人
- 不知道怎麼產出視覺內容的人
- 想踏入視覺設計的學生
- 對製作電商視覺合成廣告有興趣的人
課程內容共 71 個單元•總時數約 4.8 小時
關於講師
關於講師|Timmo | www.timmoart.net
◆ 工作經歷| 在美國紐約、洛杉磯、加拿大蒙特利,廣告、影集、電影後製公司工作過,遠距過西班牙廣告公司接案。
◆ 參與過的電影| 地平線-美國傳奇 (Horizon 2024),終極戰士:狩獵者 (Prey 2022),極地守護犬 (The Call of the Wild 2020),阿特米斯奇幻歷險(Artemis Fowl2020),X 戰警( Dark Phoenix 2019),胡桃夾子(The Nutcracker and the Four Realms 2018) 與銀河守護隊2(Guardians of The Galaxy 2, 2017)。
◆ 電視劇|海賊王(One Piece 2023),驚嚇陰屍路 (Fear The Walking Dead: World Beyond 2023),唱片啟示錄 (Vinyl 2016), 毒梟(Narco 2015) …等
◆ 廣告|Google, Mercedes-Benz…等
◆ Timmo 老師在 Hahow 合作的課 |
【實用Photoshop - 入門到大師,紮實範例 】
【Photoshop 合成必修 - 電影光影場景合成】
【實用 Photoshop - 打開視覺設計之門 】- 平面設計 X 視覺合成
【實用Photoshop - 文字特效材質術】
常見問題

本課程包含以下內容:

