<div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/VvhxHgtH7gY" allow="autoplay; encrypted-media" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;"></iframe></div><h2> 這堂課讓你的視覺設計之路從開始就有穩固的基石</h2><figure class="image"><img src="https://images.api.hahow.in/images/60bc9881655feffe775e0607" class="image"></figure>一直想踏入視覺設計領域的你，是不是常常一直卡在不知道從何開始？上了許多課買了很多書籍，感覺好像已習得滿滿的技能蓄勢待發，但卻總是在開了 Photoshop 後，發生了以下狀況： <ul><li>文字排版不會整理- 畫面有資訊，卻很雜亂、也沒有視覺吸引力。</li><li>色彩怎麼配都「說不上的怪」- 不敢用色、有點保守，畫面總是黯淡無趣。</li><li>學了很多合成單一技巧卻無法整合起來- 知道選色、知道裁切、知道光影，但還是不會做出一張完整畫面。</li><li>做出來的成品看起來像作業而不像作品。</li></ul>以上這些問題一一浮現後，經歷一番奮戰受挫後，想著想著又默默的把 Photoshop 關了起來。因此特別為了以上需求安排了這門課程，準備了兩大視覺設計基本相關技能並以實用的角度出發，讓你的視覺設計之路從開始就有穩固的基石，之後利用課程觀念再去延展，擴展屬於自己的視覺版圖。<figure class="image"><img src="https://images.api.hahow.in/images/60bc91e42d1aa575b71d46de" class="image"></figure><h4 style="text-align: left;">想進入設計領域可以上的一堂設計初階課，從文字編排，配色，插畫，合成的初探基礎都帶你練習過一遍 </h4><h3>課程第一部份｜打好你對平面設計基礎的基本功</h3>你會學到：<ul><li>怎麼整理文字訊息，畫面才不會一團亂，讓觀眾閱讀到到訊息，如何安排標題、內文和圖片的擺放</li><li>配色應用邏輯和配色建議順序</li><li>不會畫畫也可以做出插畫風格的 Banner</li></ul>小提醒：這門課不會講字體設計以及相關印刷實務唷！<h3>課程第二部份｜初探電商視覺合成</h3>學會了第一部分後，我們將進一步帶你嘗試視覺合成，藉此跟上產品市場主流常用的電商廣告呈現方式，將以「商品＋情境場景」為範例，來完成視覺的合成需求。你會學到：<ul><li>常見場景合成構圖手法</li><li>主題發想</li><li>從無到有把各個素材融合在一個場景</li></ul><div class="RichTextViewer__Wrapper-grmPjt fFPMxS rich-text-viewer"><div class="toastui-editor-contents"><div data-nodeid="12"><figure class="image"><img src="https://images.api.hahow.in/images/60bc92c946356db0fb83a6ca" class="image"></figure><h3>章節01 | 平面編排 - 排版有邏輯，不再沒頭緒 |</h3><ul><li>藉由六種簡單的思考方式，去變化多種標題編排模式，標題排的好，版面就成功一半</li><li>視覺層級概念，內文空間配置</li><li>了解基本的分割版式編排，解析分割版式，延伸出其他運用版式 </li></ul><figure class="image"><img src="https://images.api.hahow.in/images/6017603f3c71dab672894203" class="image"></figure><figure class="image"><img src="https://images.api.hahow.in/images/6078deef5bdee7ad58193bfa" class="image"></figure><figure class="image"><img src="https://images.api.hahow.in/images/6078df002a7cba24bd387907" class="image"></figure><figure class="image"><img src="https://images.api.hahow.in/images/604c5722b5b4af615b1df3d4" class="image"></figure><h3>章節 02 | 配色 - 跳脫硬背配色方法 |</h3><ul><li>藉由了解色相環架構，去理解色相配色的分類邏輯</li><li>色調和面積配置概念，引導做出主題性的色調</li></ul><figure class="image"><img src="https://images.api.hahow.in/images/604c57bbe838c2cc11b62b4f" class="image"></figure><figure class="image"><img src="https://images.api.hahow.in/images/60026a0a6c27bdee13ff8bab" class="image"></figure> 不同商業目地所用的顏色策略，會有點不大一樣，對說故事性的插畫而言，顏色是情緒的傳達，下方這個作業會用來練習情緒色調。<figure class="image"><img src="https://images.hahow.in/images/665c5cb462e7dc5968c434cd" alt="插畫配色" class="image"></figure> <h3>章節03 - 章節 05 &nbsp;| 素材製作 - 光有文字怎麼夠？圖文並茂才吸睛 |</h3><ul><li>藉由簡單點線面延伸不同的點綴小圖示</li><li>製作單物與全景風格插畫</li><li>液體效果</li></ul><figure class="image"><img src="https://media.giphy.com/media/er690bggJui1oPIVSt/giphy.gif" class="image"></figure><figure class="image"><img src="https://images.api.hahow.in/images/6078dde85bdee759b5193a6c" class="image"></figure><figure class="image"><img src="https://images.api.hahow.in/images/60113c4c0361c5ffc8e6dc32" class="image"></figure><figure class="image"><img src="https://images.api.hahow.in/images/60ba34801f6b56faed155408" class="image"></figure><figure class="image"><img src="https://images.api.hahow.in/images/60026a730cf6c9e05c214521" class="image"></figure><h3>章節06 - 章節 08 &nbsp;| 視覺合成 - 突破創意盲腸 |</h3><ul><li>常見基本場景合成構圖</li><li>概念主題和場景發想</li><li>兩個情境商品合成的示範</li></ul> 鞋子商品合成<ul><li>利用三角構圖以及視覺層級配置將相關元素放在舞台上。</li><li>製作方形霓虹燈管背景把商品框起來，與在舞台裡裡坎進霓虹燈管，提升商品焦點效果。</li><li>舞台方塊會分兩層材質去處理，上方添加植坯材質，側面添加土壤材質。</li></ul><figure class="image"><img src="https://images.api.hahow.in/images/60c21306b86a2fe77c24033a" class="image"></figure><h4>&nbsp;</h4>相機商品合成<ul><li>推測背景和樹底合理的透視放進場景，給予一個基本色調</li><li>配置元素，調整色調，增加陰影，讓本來不相干的元素整合成一體</li><li>增加元素的亮面，利用光的設計讓每個元素都活起來</li></ul><figure class="image"><img src="https://images.api.hahow.in/images/60c212fcc1210413af5720e7" class="image"></figure><h3> 章節 09 |&nbsp;解鎖範例</h3><h3>手機廣告(已達標募資達 600 人解鎖)</h3>講解背景製作，以及簡單的手機修飾。<figure class="image"><img src="https://images.api.hahow.in/images/60c2126cc121040f485720bd" class="image"></figure>&nbsp;室內產品廣告 (已達標募資達 1200 人解鎖)會從 Photoshop 畫草稿模塊，幫模塊製作立體感，貼材質到完稿把重點都解析讓您知道!不知道為什麼要先畫一個灰色模塊? 來看這篇文章:<a href="https://timmoart.net/blog/2dtexturing" target="_blank" rel="noopener noreferrer">用偽3D貼材質的方法，對影像合成很有幫助</a><figure class="image"><img src="https://images.api.hahow.in/images/60e3f78cbe876300060b0cb5" class="image"></figure><figure class="image"><img src="https://images.api.hahow.in/images/60e449573d68fe0006bf961b" class="image"></figure>解鎖內容備註：由於章節09解鎖範例的使用工具都很簡單，所以我會錄一小段在做這些範例的關鍵製作方法與想法 (不會有一個一個操作步驟的課程影片)，會附上範例 PSD 檔。<figure class="image"><img src="https://warehouse.kaik.network/attachment/public_image/b93fcf9c-7a9a-4ca9-84c1-351ba0e67f93/69df5a9b-df60-425a-8c62-07de44cb32ec.png" class="image"></figure>平面設計的課程影片講的都是簡單好懂的應用概念，搭配精心設計的作業引導，讓同學可以實質的藉由做作業，反覆利用課程知識，最終吸收融匯貫通，讓線上課不只是聽得頭頭是道而已。下面是第一章節之單元07的作業引導與素材，同學可以用老師自己製作的插圖元素練習編排自己的海報或 Banner 。<figure class="image"><img src="https://images.api.hahow.in/images/60c97cc745d0ab2f9d75b455" class="image"></figure><figure class="image"><img src="https://images.api.hahow.in/images/60c356d2a32e9d7b36a23783" class="image"></figure>下面幾張是基於第07章節鞋子廣告合成的範例課程內容, 出的另一份作業引導，給想嘗試其它主題的同學再練習合成。這裡寫了一篇文章是這幅旅遊合成廣告的解析:<a href="https://timmoart.net/admin/customize/article_list/edit/9" target="_blank" rel="noopener noreferrer">旅遊舞台廣告合成的關鍵技巧</a><figure class="image"><img src="https://images.api.hahow.in/images/60c98e5eb8e45b8f202e326a" class="image"></figure><figure class="image image_resized"><img src="https://warehouse.kaik.network/attachment/public_image/9acca5f3-eacf-4dff-b060-a89d2438da6c/c19d7407-e251-41ee-ad70-93687223f422.jpg" class="image_resized image"></figure><h3> 下方為同學們的作業成果，從開課截至作業量已經破百。</h3><figure class="image"><img src="https://media.giphy.com/media/bwGxSy5Cd2jPb7HqNZ/giphy.gif" class="image"></figure><figure class="image"><img src="https://media.giphy.com/media/QlU6HyYALq8Gkem3He/giphy.gif" class="image"></figure><figure class="image"><img src="https://media.giphy.com/media/lMWgaUKXr82dDXv7Mz/giphy.gif" class="image"></figure> &nbsp;<figure class="image"><img src="https://images.api.hahow.in/images/60bc9afa655fef3eba5e0826" class="image"></figure>由於課程主要講的是視覺概念運用，這門課不會有工具操作以及應用概念講解，第一部分平面設計雖然使用的 Photoshop 工具非常少，但第二部分的廣告合成，則會大量的使用筆型工具、形狀工具、遮色片（遮罩）、調整圖層（曲線、色彩平衡、色相和飽合度）、圖層混合模式工具應用概念。 所以要具備一定的基礎，除了 Photoshop 工具操作要熟稔，還會建議至少有以下工具應用概念唷！例如：◆ 遮色片顯現與不顯現是工具特性，但怎麼搭配曲線、色相飽和度或色版調色？ ◆ 剪裁遮片不止作為剪裁範圍，怎麼做圖騰套色？◆ 大概知道圖層混合模式的每個模式特色，但實際運用在哪裡？◆ 光要怎麼疊加？◆ 不同光源的素材要怎麼融合？是依據什麼？因此若你是工具應用基礎比較薄弱同學「強烈」建議上過我的第一門「<a href="https://hahow.in/cr/magicps2018" target="_blank" rel="noopener noreferrer">實用Photoshop - 入門到大師，紮實範例</a>」。 <figure class="image"><img src="https://images.api.hahow.in/images/60bc9739ec67eb884f117c23" class="image"></figure> 想學習平面編排的人不知道怎麼產出視覺內容的人想踏入視覺設計的學生對製作電商視覺合成廣告有興趣的人</div></div></div><div class="commonninja_component pid-fe1db2e8-d821-4e61-bbb2-bf228943ff30">&nbsp;</div>

關於講師｜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 - 打開視覺設計之門 】- 平面設計 Ｘ 視覺合成 

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

Timmo

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

上課前須知

字體安裝說明

章節01的練習檔下載以及建議事項

單元 1 - 平面組成概念 

單元 2 - 標題編排直

單元 3 - 標題編排橫

單元 4 - 內文編排

單元 5 - 文字區塊配置

單元 6 - 分割版式概念

單元 7 - 圖片元素基本變化與綜合配置

 章節01 平面設計

章節02的練習檔下載

單元 1 - 基本顏色和色相配色知識

單元 2 - 色調搭配

單元 3 - 面積與顏色關係

單元 4 - 主題色

單元 5 - 配色作業引導

實用配色順序6步驟

  章節02 配色

章節03的練習檔下載以及筆刷說明

單元 1 - 多肉市集 - intro

單元 2 - 多肉市集 - 植物 1

單元 3 - 多肉市集 - 植物 2

單元 4 - 多肉市集 - 植物 3

單元 5 - 多肉市集 - 植物 4

單元 6 - 多肉市集 - 植物 5

單元 7 - 多肉市集 - 植物統整

單元 8 - 多肉市集 - 其它元素

單元 9 - 多肉市集 - Final

章節03 製作素材：主題插畫 - 多肉市集

章節04的練習檔下載

單元 1 - 熱氣球- 發想與如何找素材

單元 2 - 熱氣球 - intro

單元 3 - 熱氣球 - 上色塊

單元 4 - 熱氣球 - 整體插畫感

單元 5 - 熱氣球 - 邊緣自然感

單元 6 - 熱氣球 - 雲

單元 7 - 熱氣球 - 草地

單元 8 - 熱氣球 - 圖騰及其它元素細節

單元 9 - 熱氣球 - 稻穗

單元 10 - 熱氣球 - 稻穗排列

單元 11 - 熱氣球 - Final

 章節04  製作素材：主題插畫 - 熱氣球

章節05的練習檔下載

單元 1 - 點綴圖示

單元 2 - 漸層液化

 章節05 製作其它素材

單元 1 - 基本構圖

單元 2 - 情境主題和場景發想

 章節06 視覺合成：實用知識

章節07的練習檔下載以及旅遊廣告補充

單元 1 - 鞋子合成廣告 - intro

單元 2 - 鞋子合成廣告 - 畫方塊

單元 3 - 鞋子合成廣告 - 上材質

單元 4 - 鞋子合成廣告 - 修飾

單元 5 - 鞋子合成廣告 - 材質變化

單元 6 - 鞋子合成廣告 - 加燈管

單元 7 - 鞋子合成廣告 - 加氛圍

單元 8 - 鞋子合成廣告 - 加植物

單元 9 - 鞋子合成廣告 - 石頭底座

單元 10 - 鞋子合成廣告 - Final

章節07 視覺合成：探索 - 鞋子合成廣告

章節08的練習檔下載

單元 1 - 相機商品合成 - intro

單元 2 - 相機商品合成 - 放入基本元素

單元 3 - 相機商品合成 - 基本調色

單元 4 - 相機商品合成 - 放入前方元素

單元 5 - 相機商品合成 - 前方元素調色

單元 6 - 相機商品合成 - 放入生物

單元 7 - 相機商品合成 - 加陰影

單元 8 - 相機商品合成 - 加光

單元 9 - 相機商品合成 - 相機調整

單元 10 - 相機商品合成 - Final

章節08 視覺合成：真視界 - 相機商品合成廣告

章節09的練習檔下載

單元 1 - 手機廣告合成

單元 2 - 化妝品展示廣告合成

單元 3 - 直角變圓角製作示範補充 (無聲)

章節09 解鎖課程

建立您的靈感庫以及延伸學習觀察 

章節10 課程完成後補充

timmo 老師豐富工作經驗，至今累積擁有1萬Photoshop線上學生，300則評價

實用 Photoshop 線上課程

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