實用Photoshop - 打開視覺設計之門

這堂課讓你的視覺設計之路從開始就有穩固的基石

一直想踏入視覺設計領域的你，是不是常常一直卡在不知道從何開始？上了許多課買了很多書籍，感覺好像已習得滿滿的技能蓄勢待發，但卻總是在開了 Photoshop 後，發生了以下狀況：

• 不知道如何開始，要完成腦中想像，現階段我應該要做什麼？

• 想要做出主題性視覺畫面，我需要怎麼找素材？

• 如何配色、視覺中主產品怎麼擺放出主次、文字怎麼放？

以上這些問題一一浮現後，經歷一番奮戰受挫後，想著想著又默默的把 Photoshop 關了起來。

因此特別為了以上需求安排了這門課程，準備了兩大視覺設計基本相關技能並以實用的角度出發，讓你的視覺設計之路從開始就有穩固的基石，之後利用課程觀念再去延展，擴展屬於自己的視覺版圖。

課程內容｜兩大視覺設計實用技能

第一部份｜平面設計

不知道要做什麼素材、拿到文字和圖該如何擺放，整體視覺色系到底要怎麼配？這部分將帶給你最基本的平面視覺觀念。

• 平面編排 : 視覺層級與組成概念、標題編排變化、內文區塊概念、分割版式、素材配置

• 配色 : 基本顏色認識、色相配色概念、色調配色應用

• 素材製作：點綴圖示、漸層液體、主題性插畫

◆ 小提醒：這門課不會講字體設計以及相關印刷實務唷！

第二部份｜電商視覺合成

學會了第一部分後，我們將進一步帶你嘗試視覺合成，藉此跟上產品市場主流常用的電商廣告呈現方式，將以「商品＋情境場景」為範例，來完成視覺的合成需求。

• 常見場景合成構圖手法

• 主題發想

• 實戰案例：相機商品合成廣告

• 實戰案例：鞋子商品合成廣告

◆ 課程內容搶先看 ◆

在此也提供一個課程的試看單元，方便讓各位同學更了解實際的授課狀況，藉此來判斷內容是否自身符合需求。(內容在正式上線前可能會做調整／修改)

簡單好懂的應用思考邏輯，引導式的作業，讓技能帶的走！

平面設計的部分，課程影片講的都是簡單好懂的應用概念，搭配精心設計的作業引導，讓同學可以實質的藉由做作業，反覆利用課程知識，最終吸收融匯貫通，讓線上課不只是聽得頭頭是道而已。

以上是平面設計 07 "圖片元素基本變化與綜合配置"的作業引導與素材，老師利用自己做的插圖元素，讓同學練習編排自己的海報或 Banner！

上面這張是基於章節07 鞋子廣告合成的範例課程內容, 給想嘗試其它主題同學的作業引導。

於近期公佈上面旅遊舞台的作業版本，並附上PSD檔案在課程裡。

視覺合成從零到一，讓你實際體驗自然合成的成就感

大部分插畫及廣告商品合成，都會一步步從無到有示範，並且每一個決定會盡量解講背後的原因，讓你知道老師做此動作背後有什麼判斷依據。

單元教學細分化，影片學習無負擔

會盡量將每個教學影片都維持短短的時數，除了讓學員方便查找外，也讓你每一次的學習都沒有壓力與負擔。

Chapter01 平面編排 - 排版有邏輯，不再沒頭緒

這個章節一步一步架構所需的編排基礎, 在每一個單元裡提到的重點，會引導把它"用"出來，培養美術和設計相關技能。在初期養成是很難用看或聽就能學會的， 因此這章節會需要您把課程內容講到的重點反覆思考，做出作業後，技能才是自己的。

這章節會讓你學習到平面編排的核心概念：

1. 藉由六種簡單的思考方式，去變化多種標題編排模式，標題排的好，版面就成功一半

2. 視覺層級概念，內文空間配置

3. 了解基本的分割版式編排，解析分割版式，延伸出其他運用版式

Chapter 02 配色 - 跳脫硬背配色方法

我們都知道色相環的色相理論，單色配色，相鄰色...等，但在實際配色為什麼還是配不出來? 在這個章節會把重要的基礎觀點拿出來解釋並套在應用上，提供一些思考方向以及配色脈絡。

這章節會讓你對配色有基本應用的認識：

1. 藉由了解色相環架構，去理解色相配色的分類邏輯

2. 色調和面積配置概念，引導做出主題性的色調

- 2021/6月02日新增的情緒傳達的配色練習作業-

不同商業目地所用的顏色策略，會有點不大一樣，

對說故事性的插畫而言，顏色是情緒的傳達，

這個作業會用來練習情緒色調，

詳細作業引導，會在正課上架後看到。

Chapter 03-05 素材製作 - 光有文字怎麼夠？圖文並茂才吸睛

這章節會挑出幾種可以延伸主題的素材製作方法：

1. 藉由簡單點線面延伸不同的點綴小圖示

2. 製作單物與全景風格插畫

3. 液體效果

Chapter 06-08 視覺合成 - 突破創意盲腸

現在很多各國電商產品廣告大多是以視覺合成為主流呈現，藉此利用視覺的刺激與商品合成營造的氛圍，淺移默化影響消費者的購買決策，電商廣告與視覺設計相關的需求越來越大，而你準備好了嗎？

這章節將會介紹商品＋情境場景合成的整個流程：

1. 常見基本場景合成構圖

2. 概念主題和場景發想

3. 兩個情境商品合成的示範

解鎖活動說明

◆ 活動解鎖規則：募資達成人數累計至「募資 30 天結束時」，若人數達標才會進行以下兩個主題的解鎖唷！
◆ 解鎖內容提供時間：「解鎖內容」將同於正式開課時一起提供。
◆ 其他備註：由於下這些範例的使用工具都很簡單，所以我會錄一小段在做這些範例的關鍵製作方法與想法 (不會有一個一個操作步驟的課程影片)，會附上範例 PSD 檔。

募資達 600 人解鎖 - 手機廣告（已達標已錄製）

講解背景製作，以及簡單的手機修飾。

募資達 1200 人解鎖 - 室內產品廣告（已達標已錄製）

會從 Photoshop 畫草稿模塊，幫模塊製作立體感，貼材質到完稿把重點都解析讓您知道!

同學們的作業成果

從開課截至2021年8月18日，作業量已經破百。

由於課程主要講的是視覺概念運用，這門課不會有工具操作以及應用概念講解，第一部分平面設計雖然使用的 Photoshop 工具非常少，但第二部分的廣告合成，則會大量的使用筆型工具、形狀工具、遮色片（遮罩）、調整圖層（曲線、色彩平衡、色相和飽合度）、圖層混合模式工具應用概念。

所以要具備一定的基礎，除了 Photoshop 工具操作要熟稔，還會建議至少有以下工具應用概念唷！例如：

◆ 遮色片顯現與不顯現是工具特性，但怎麼搭配曲線、色相飽和度或色版調色？
◆ 剪裁遮片不止作為剪裁範圍，怎麼做圖騰套色？
◆ 大概知道圖層混合模式的每個模式特色，但實際運用在哪裡？
◆ 光要怎麼疊加？
◆ 不同光源的素材要怎麼融合？是依據什麼？

因此若你是工具應用基礎比較薄弱同學「強烈」建議上過我的第一門「實用Photoshop - 入門到大師，紮實範例」。

但若你想知道如何做出寫實感的合成，光影的基本原理會是非常關鍵的因素，例如: 光有哪幾種類型? 光影的顏色是基於什麼狀況決定的? 如何模擬真實照片中的光影? 空間的距離感要怎麼製作出來? 除此之外，還有大量的光影綜合練習，如果你想掌握這些技能，那麼我的課程 「Photoshop 合成必修 - 電影光影場景合成」 ，將會是一個很好的學習課程。

• 想學習平面編排的人

• 不知道怎麼產出視覺內容的人

• 想踏入視覺設計的學生

• 對製作電商視覺合成廣告有興趣的人

關於講師｜Timmo

◆ 工作經歷｜ 在美國紐約、洛杉磯、加拿大蒙特利，廣告、影集、電影後製公司工作過，遠距過西班牙廣告公司接案。

◆ 參與過的電影｜ 地平線-美國傳奇 (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…等

◆ Hahow 專訪｜ Timmo 老師 - 學好核心技能，Photoshop 電影光影合成沒煩惱

◆ 老師 Hahow 其他線上課程｜

【實用Photoshop - 入門到大師，紮實範例 】

【Photoshop 海報影像合成：素材融合到視覺整合，創故事感海報】

【 Photoshop 合成必修 - 電影光影場景合成】

【實用Photoshop - 文字特效材質術】

回覆與作業批改頻率

• 回答問題的頻率：盡量在一個禮拜內回答問題。

• 批改作業的頻率：一個月會批改一次，以繳交作業時會留下想法或心得的作業優先批改，隨便做的作業不一定會批改。

• 作業設計與批改方式：請遵照作業引導指示上傳作業。