實用Photoshop - 打開視覺設計之門
《實用 Photoshop - 打開視覺設計之門》,準備了兩大視覺設計基本相關技能並以實用的角度出發,讓你的視覺設計之路從開始就有穩固的基石,之後利用課程觀念再去延展,擴展屬於自己的視覺版圖。
- # 電商合成
- # Photoshop合成
- # 海報設計
- # 配色
- # 平面基礎
本課程包含以下內容:
課程簡介
這堂課讓你的視覺設計之路從開始就有穩固的基石
一直想踏入視覺設計領域的你,是不是常常一直卡在不知道從何開始?上了許多課買了很多書籍,感覺好像已習得滿滿的技能蓄勢待發,但卻總是在開了 Photoshop 後,發生了以下狀況:
- 不知道如何開始,要完成腦中想像,現階段我應該要做什麼?
- 想要做出主題性視覺畫面,我需要怎麼找素材?
- 如何配色、視覺中主產品怎麼擺放出主次、文字怎麼放?
以上這些問題一一浮現後,經歷一番奮戰受挫後,想著想著又默默的把 Photoshop 關了起來。
因此特別為了以上需求安排了這門課程,準備了兩大視覺設計基本相關技能並以實用的角度出發,讓你的視覺設計之路從開始就有穩固的基石,之後利用課程觀念再去延展,擴展屬於自己的視覺版圖。
課程內容|兩大視覺設計實用技能
第一部份|平面設計
不知道要做什麼素材、拿到文字和圖該如何擺放,整體視覺色系到底要怎麼配?這部分將帶給你最基本的平面視覺觀念。
- 平面編排 : 視覺層級與組成概念、標題編排變化、內文區塊概念、分割版式、素材配置
- 配色 : 基本顏色認識、色相配色概念、色調配色應用
- 素材製作:點綴圖示、漸層液體、主題性插畫
◆ 小提醒:這門課不會講字體設計以及相關印刷實務唷!
第二部份|電商視覺合成
學會了第一部分後,我們將進一步帶你嘗試視覺合成,藉此跟上產品市場主流常用的電商廣告呈現方式,將以「商品+情境場景」為範例,來完成視覺的合成需求。
- 常見場景合成構圖手法
- 主題發想
- 實戰案例:相機商品合成廣告
- 實戰案例:鞋子商品合成廣告
◆ 課程內容搶先看 ◆
在此也提供一個課程的試看單元,方便讓各位同學更了解實際的授課狀況,藉此來判斷內容是否自身符合需求。
簡單好懂的應用思考邏輯,引導式的作業,讓技能帶的走!
平面設計的部分,課程影片講的都是簡單好懂的應用概念,搭配精心設計的作業引導,讓同學可以實質的藉由做作業,反覆利用課程知識,最終吸收融匯貫通,讓線上課不只是聽得頭頭是道而已。
視覺合成從零到一,讓你實際體驗自然合成的成就感
大部分插畫及廣告商品合成,都會一步步從無到有示範,並且每一個決定會盡量解講背後的原因,讓你知道老師做此動作背後有什麼判斷依據。
單元教學細分化,影片學習無負擔
會盡量將每個教學影片都維持短短的時數,除了讓學員方便查找外,也讓你每一次的學習都沒有壓力與負擔。
- 下面是第一章節之單元07的作業引導與素材,同學可以用老師自己製作的插圖元素練習編排自己的海報或 Banner 。
- 下面幾張是基於第07章節鞋子廣告合成的範例課程內容, 出的另一份作業引導,給想嘗試其它主題的同學再練習合成。
這篇文章是這幅旅遊合成廣告的解析: 旅遊舞台廣告合成的關鍵技巧
章節01 | 平面編排 - 排版有邏輯,不再沒頭緒 |
這個章節一步一步架構所需的編排基礎, 在每一個單元裡提到的重點,會引導把它"用"出來,培養美術和設計相關技能。在初期養成是很難用看或聽就能學會的, 因此這章節會需要您把課程內容講到的重點反覆思考,做出作業後,技能才是自己的。
這章節會讓你學習到平面編排的核心概念:
- 藉由六種簡單的思考方式,去變化多種標題編排模式,標題排的好,版面就成功一半
- 視覺層級概念,內文空間配置
- 了解基本的分割版式編排,解析分割版式,延伸出其他運用版式
章節 02 | 配色 - 跳脫硬背配色方法 |
我們都知道色相環的色相理論,單色配色,相鄰色...等,但在實際配色為什麼還是配不出來? 在這個章節會把重要的基礎觀點拿出來解釋並套在應用上,提供一些思考方向以及配色脈絡。
這章節會讓你對配色有基本應用的認識:
- 藉由了解色相環架構,去理解色相配色的分類邏輯
- 色調和面積配置概念,引導做出主題性的色調
不同商業目地所用的顏色策略,會有點不大一樣,對說故事性的插畫而言,顏色是情緒的傳達,下方這個作業會用來練習情緒色調。
章節03 - 章節 05 | 素材製作 - 光有文字怎麼夠?圖文並茂才吸睛 |
這章節會挑出幾種可以延伸主題的素材製作方法:
- 藉由簡單點線面延伸不同的點綴小圖示
- 製作單物與全景風格插畫
- 液體效果
章節06 - 章節 08 | 視覺合成 - 突破創意盲腸 |
現在很多各國電商產品廣告大多是以視覺合成為主流呈現,藉此利用視覺的刺激與商品合成營造的氛圍,淺移默化影響消費者的購買決策,電商廣告與視覺設計相關的需求越來越大,而你準備好了嗎?
這章節將會介紹商品+情境場景合成的整個流程:
- 常見基本場景合成構圖
- 概念主題和場景發想
- 兩個情境商品合成的示範
鞋子商品合成
- 利用三角構圖以及視覺層級配置將相關元素放在舞台上。
- 製作方形霓虹燈管背景把商品框起來,與在舞台裡裡坎進霓虹燈管,提升商品焦點效果。
- 舞台方塊會分兩層材質去處理,上方添加植坯材質,側面添加土壤材質。
相機商品合成
- 推測背景和樹底合理的透視放進場景,給予一個基本色調
- 配置元素,調整色調,增加陰影,讓本來不相干的元素整合成一體
- 增加元素的亮面,利用光的設計讓每個元素都活起來
◆ 解鎖內容備註:由於下面章節09和10的範例的使用工具都很簡單,所以我會錄一小段在做這些範例的關鍵製作方法與想法 (不會有一個一個操作步驟的課程影片),會附上範例 PSD 檔。
章節 09 | 已達標募資達 600 人解鎖 - 手機廣告 |
講解背景製作,以及簡單的手機修飾。
章節 09 | 已達標募資達 1200 人解鎖 - 室內產品廣告 |
會從 Photoshop 畫草稿模塊,幫模塊製作立體感,貼材質到完稿把重點都解析讓您知道!
不知道為什麼要先畫一個灰色模塊? 來看這篇文章: 用偽3D貼材質的方法,對影像合成很有幫助
下方為同學們的作業成果,從開課截至作業量已經破百。
由於課程主要講的是視覺概念運用,這門課不會有工具操作以及應用概念講解,第一部分平面設計雖然使用的 Photoshop 工具非常少,但第二部分的廣告合成,則會大量的使用筆型工具、形狀工具、遮色片(遮罩)、調整圖層(曲線、色彩平衡、色相和飽合度)、圖層混合模式工具應用概念。
所以要具備一定的基礎,除了 Photoshop 工具操作要熟稔,還會建議至少有以下工具應用概念唷!例如:
◆ 遮色片顯現與不顯現是工具特性,但怎麼搭配曲線、色相飽和度或色版調色?
◆ 剪裁遮片不止作為剪裁範圍,怎麼做圖騰套色?
◆ 大概知道圖層混合模式的每個模式特色,但實際運用在哪裡?
◆ 光要怎麼疊加?
◆ 不同光源的素材要怎麼融合?是依據什麼?
因此若你是工具應用基礎比較薄弱同學「強烈」建議上過我的第一門「實用Photoshop - 入門到大師,紮實範例」。如何拿第一門課的85折優惠碼請到下方"常見問題"。
- 想學習平面編排的人
- 不知道怎麼產出視覺內容的人
- 想踏入視覺設計的學生
- 對製作電商視覺合成廣告有興趣的人
課程內容共 70 個單元•總時數約 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 - 文字特效材質術】