Page 1


p. 4


“The only time I feel alive is when I'm painting.” – Vincent van Gogh

Tsen Wang, UTS Office, 2006


p. 6


“It’s all a big game of construction, some with a brush, some with a shovel, some choose a pen.” – Jackson Pollock

p. 7


Tsen Wang, Speculation and Innovation Conference, QUT, 2005


> Acknowledge: I would like to thank all designers and artists who made great efforts and contribution to this book. I must mention the friends and students who assisted my research and accompanied me through all kinds of issues. I also would like to appreciate KINGSINFO's editors for their effort to give me the opportunity and make this book happen. Finally, I dedicate this work to my love and soul mate, Susan, for her unlimited love and support in my life.

Tsen Wang Jan 31. 2009. Taipei

p. 9


Have your Style –

Visual Communication Design

> 輕鬆創造視覺設計風格 .20種視覺設計風格案例 .Step by Step 操作解析

王蔘 Dr Tsen Wang / 編著 劉憲宗 Allan Lau / 協力製作

styleplus.url.tw

p. 11


Have your Style – Visual Communication Design

> 輕鬆創造視覺設計風格 編著: 王蔘 美術設計 / 執行編輯: 王蔘、劉憲宗 出版者: 統一元氣資產管理(股)有限公司 地址: 台北市忠孝西路一段 50 號 B3 發行: 統一元氣資產管理股份有限公司 電話: +886 2 2383 0383 傳真: +886 2 2383 0357 線上購書: http://www.kingsinf.com.tw 劃撥帳號: 190625520 統一元氣資產管理股份有限公司 初版一刷: 2009 年 3 月 法律顧問: 余淑杏 律師 版權所有.翻印必究 ISBN: 978-986-6482-57-1 定價: NTD. 420

p. 12


Tsen Wang, NTUA Research Office, 2009


Techniques: > Photoshop. > Illustrator. > CorelDraw. > Hand Drawing.


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 目次

Content:

謝誌 Acknowledge p.9 目次 Content p.15 達人推薦 Expert Recommend p.16 出刊偶語 Foreword p.19 專家推薦 Professional Recommend p.20 前言 Introduction p.23 01. 裝飾藝術 Art Deco p.25

09. 酷獸 KUSO p.97

02. 時尚風 Fashion Illustration p.33

10. 潮流塗鴉 Trendy p.105

03. 普普風 POP Art p.41

11. 塗鴉 Graffiti p.115

04. 頹廢風格 The Decadents p.49

12. 新普普 Neo POP p.123

05. 手繪塗鴉 Hand Drawing p.57

13. 新藝術 Art Nouveau p.131

06. 民族風格 Indigenous Style p.67

14. 電子風格 Techno p.141

07. 擬像 Simulation p.77

15. 迷幻藝術 Psychedelic p.149

08. 異國風 Ethical Style p.87

16. 萌 Moe p.159

索引 Index p.167 版權頁 Copyrights p.168

p. 15


> 達人推薦

Expert Recommend:

電腦,讓設計者往往又愛又恨!愛的是,以前必需透過許多攝影與暗房技巧才 能達成的任務,或是需要有硬底子繪畫技巧將作品一一畫出來才能與影像合成。 現在,工具已經可以達成以前望塵莫及的技法及技巧,怎能不讓人心花怒放呢! 相對的,有時候面對現在快速的交稿方式與作業流程,總是把我們創意發想的時 間壓縮到最極限,而我們面對這一切壓力時,恨不得自己有八隻手來完成一項又 一項艱鉅的任務! 本書以深入淺出的方式,帶讀者以循序漸進的步調,一步一步了解電腦繪圖神奇 的合成及技巧,同時能夠讓你在最短時間做出各種風格及特色的豐富設計技法, 最有趣的就是它還延伸解釋此風格的由來及相關資料參考,著實能讓讀者一魚兩 吃,在精進技巧之餘更加充實知識! 確實是一本值得參考的工具書!

黑秀網版主 北士品牌設計顧問 營運長

蔡長青 Feb.15. 2009

p. 16


Tsen Wang, Illustration, 2003


Tsen Wang, Virtual KTV exhibition, Wollongong, 2005


> Foreword

:

出刊偶語

時代、資訊、實力是科技藝術產業的元素;品質、品味、品牌是藝術工作者成功 的目標,它就是王蔘的座右銘。 在資訊氾濫的時代中,本書重新為數位設計的領 域注入了藝術創作和美學的觀點。 作者以個人親身的創作經驗描述教學和創作十 餘年以來的感想和心得;以藝術創作的觀點、融合數位設計的技術,將對教學和 創作的熱情重新呈現,如一幕幕美好畫面。 本書的企圖不僅僅是在數位技法的教學,王蔘亦從文化與社會的觀點切入,旁徵 博引,對照設計史和藝術史上的風格傳承,建立當代設計風格的價值觀。 書中圖 文並茂,解說詳細,對於設計文化風格的剖析真切精準,又寓意深遠。 其中,亦 能感受到他對於設計藝術教學的熱誠和期許。 藝術設計的教育是無限的資產,因為它是夢,是未來,是理想。「輕鬆創造視覺 設計風格」一書所召喚的不僅是設計風格的精神,更可以看到一位教師對學生辛 苦栽培的過程,以及對社會文化的理想責任。 過往因真誠而能打動人心,真情推 薦此書。

國立台灣藝術大學 校長

黃光男 博士 Feb. 28. 2009

p. 19


> 專家推薦

Professional Recommend :

Have your Style . Have your idea

自從工業革命以後,科技一直是創造繁榮物質文明的動力。而近代設計史的演 變,也是隨著科技的進展,亦步亦趨。從藝術或設計演變的過程來看,每當科技 有飛躍性的突破,必然帶動設計與藝術的變革。視覺設計自不例外,隨著數位科 技的發展,科技在視覺設計發展的角色由工具轉變成媒材。就視覺設計發展過 程,科技由工具變成媒材,科技對創作與設計的發展自有其「變」與「不變」的 因素;本書 -- 輕鬆創造視覺設計風格,透過個案的說明,讓你–Have your style 。 就設計發展的歷史來看,1950年代,二次大戰後由於人因工程學興起,符合人因 工程的造形,變成設計的主流,一直延續到1980年代,個人電腦興起後,所謂 「親人性」(user friendly) 的介面設計概念,變成一個重要的議題。進入21世紀的 數位科技世界,以「人性」為本的互動介面就更加重要,即所謂設計或藝術的人 性面,又變成大家關注的議題。 現在設計或藝術講求的是感性,也就是所謂的愉悅性或體驗性,當我們談到「視 覺設計」時,其與「人」的互動就益形重要了。誠如作者所言:創作過程就是一 種藝術的呈現。就科技、藝術與人性的相互關係,科技造就現代視覺設計的蓬勃 發展,當數位藝術的「互動形式」被數位科技強化後,數位藝術應以何種「形 式」表現其美學或藝術的內涵;本書 -- 輕鬆創造視覺設計風格,透過個案的說 明,解析創作過程,讓你–Have your idea 。 本書「Have your Style – Visual Communication Design」,作者透過個案解說視覺 傳達設計的創作過程,讓您「輕鬆創造視覺設計風格」,值得推薦,並與您分享 作者的創意與用心。 國立台灣藝術大學 設計學院 院長

林榮泰 博士 Feb.14. 2009

p. 20


Tsen Wang, NTNU Art Soho Festival, 2002


Tsen Wang, Fashion Illustration, 2002


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 前言

Instroduction:

如同當代抽象藝術大師 Jackson Pollack (1912~1956) 所表述,'Art becomes about the process, not the product',於是我們在創作中往往發現,我們從過程 中所獲得的樂趣往往超越了結果的種要性。 換句話說,創作的過程就是一種藝 術形式的呈現。 雖然現今繪圖軟體使用的普遍,可以說是條條大路通羅馬。 但 在電腦繪圖的領域當中,每個人的技巧使用卻大不相同。 對我而言,面對日新 月異的數位設計,教學成為一件很刺激而具成就感的事情,看著學生從從無到 有的創作過程,甚至發展出你從沒想過的技巧,就像一場驚奇的旅程和冒險。 這本書蒐集了本人教書十年以來在復興美工、銘傳設計創作研究所、雪梨科技大 學和國立台灣藝術大學,個人的創作以及所指導的學生在電腦繪圖創作上的應用 實作經驗案例。 試圖以視覺傳達的角度切入;從設計構成和 step by step 的步驟 講解,與讀者分享繪圖和設計上的一些心得觀念和小技巧。 在這邊特別感謝提 供作品圖片、和心得分享的同學們,這些同學都是我曾經指導的優秀同學:劉憲 宗、周敬庭、王志祐、陳俊勤、賴般若、林侑萱、翁千釉、蔡孟君、鄭麗華、倪 敏、呂梅玲、王德婷等。 在後現代的社會,平面設計的風格已朝向多元的方向邁進,在眾多的設計作品當 中,如何透過個人風格的建立來突顯特色、吸引目光已經成為設計師必修的課 題。 風格在視覺傳達設計中擔任了認知、辨識和解讀的重要功能。 因此,本書精 選當今潮流風行的設計風格案例,透過步驟的解析和觀念的導讀,期待讀者能從 中發現並創造出個人的設計風格。 此外,在編排上更加入一些設計上常出現實用 的關鍵字、設計史、設計師、網址連結和小技巧的說明,提供讀者當作延伸閱讀 和研究的參考。 希望這本書能啟發您源源不絕的創作能量! 國立台灣藝術大學 視覺傳達學系 助理教授

王蔘 博士 Feb.09. 2009

p. 23


> Case Study 01: “The more civilized a people becomes, The more decoration disappears.” – Adolf Loos

p. 24


01. Art Deco 裝飾藝術 風格解說:王蔘 圖說

/

繪圖示範:王蔘

p. 25


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 01:

使用軟體:CorelDraw

Art Deco 裝飾藝術 裝飾藝術 (Art Deco) 發韌於法國,約 1910 年前後開始, 一直發展到 1960 年又 再興起,廣為建築或平面設計中所使用,也被認為是 現代主義(Modernism) 早期的

> 關鍵字 Key Word 裝飾藝術 Art Deco Art Deco 的名稱出自1925 年在巴黎舉辦的世 界博覽會 (Exposition Internationale des Arts Décoratifs et Industriels Modernes),是進入 二十世紀後第一個國際化的風格運動。

一種形式。 裝飾藝術風格受到 立體派(Cubism)、未來主義(Futurism)、爵士(Jazz) 等等許多藝術風格的影響。 有學者認為裝飾藝術運動是對強調 有機造形(Organic Forms)、古典、自然、矯飾的 新藝術(Art Nouveau) (見p.131) 風格的一種反動。 裝飾藝術在風格上借鑒埃及、印加等原始藝術的古代裝飾風格,受到古文明面具 的象徵性和誇張特點影響和現代汽車機械化外形的啟發;以簡單的幾何圖形,直 線以及對稱的工藝美感為主。 色彩上因為受舞台藝術的影響,多使用金屬色和強

現代主義 Modernism 現代主義運動興起於19 世紀末期,以科學 為基礎,強調理性與邏輯。 在設計上強調簡 潔、實用,反對無用的裝飾。 其中美國建築 師 沙利文 (Louis Sullivan) 提出 " 形式服從功 能" (Form follows function),宣告了現代主義 核心思想。

烈對比的色彩,以達到高度裝飾的效果。 立體派 Cubism 裝飾藝術風格於 1930 年代在美國大行其道,其最具代表性的建築就是紐約的帝國 大廈。 裝飾藝術代表的藝術家為 藍碧嘉(Tamara De Lempicka),畫面呈現出立體 化和幾何化的軀體造形,色彩上多使用金屬時尚的風格表現。 這件作品是我研究所一年級的創作,是當時工作室年度的明信片封面,主題是想 要表達對當時台海飛彈危機的和平希望。 在製作強調幾何、直線、對稱、反覆、 機械化造形的裝飾藝術風格時,最適合向量軟體發揮其幾何造形的繪圖能力。 CorelDraw 的透明化工具可以迅速和簡單的為您製作出金屬裝飾的質感,利用物件 反覆的堆疊和透明工具的搭配使用,加上草圖計畫的執行、相信你也可以創作出 相同風格的設計作品。

1907-1914,突破傳統的描寫形式,對於具體 形象進行理性的分析,對於空間、結構進行系 統化的概念和分析。 代表性的畫家為 畢卡索 (Pablo Picasso)、塞尚(Paul Cezanne),觀眾 可以在畫中同時看見該物體的幾個不同面向。 其強調線條和結構的繪畫觀念於現代平面設計 構成產生重大的影響。

未來主義 Futurism 始於1909年的義大利,未來主義讚揚機械文 明的動力與速度之美,並將時間要素加入畫 面,呈現四度空間。 風格上關注視覺的運 動、力量、速度和機械的時間因素。 代表性 的藝術家為 薄邱尼(Umberto Boccioni)。

p. 27


輕鬆創造視覺設計風格

Case Study

01 :

Have your Style –

Visual Communication Design

爵士 Jazz 爵士樂源自19 世紀末美國黑人音樂(如藍 調、福音歌曲),以即興的方式,結合其非洲 傳統音樂的基礎上發展出來。 內容多表達現 實中的遭遇和表達自我心靈的提問。 在平面 設計的表現上常結合爵士樂中出現的黑人、音 樂、薩克斯風、城市等元素和裝飾藝術風格的 表現型態。

01 將手繪的草圖掃描至 CorelDraw 內當作描繪的底圖,請注意將底圖鎖定。 [Tip] 在繪製草圖時請注意強調裝飾風格的對稱性和幾何圖形的特徵,本圖多使用 鋸齒和閃電等裝飾風格終場出現的圖案以突顯其特色。

有機造形 Organic Forms 不由純粹的幾何形狀所構成的造形、講求不對 稱、自由發展的形態,崇尚自然界既定存在生 長的造形,如山石、花草、樹木等的外形。 設計上強調自然的線條和隨意的曲面 (freeform curves) 組成,傳達動感、生氣、自然的 美感。

藍碧嘉 Tamara De Lempicka, 1898 ~ 1980 波蘭人,首場名為裝飾藝術的畫展,獲得當時 主流時尚雜誌 Harper's Bazaar 的好評,為裝 飾藝術中最耀眼出眾的女畫家。

02 在描繪圖形時、可以善用 CorelDraw 人性化的曲線工具,請注意直線與曲線的編 輯和轉換。


> 相關連結 Link

03 在處理曲線時,請注意屬性列中編輯曲線的 "使節點平滑" 等工具的使用,可以藉 用全選或部分選取的功能使繪圖速度增加。 [Tip] 曲線的控制要熟練,這是所有向量軟體的基礎。

1. 介紹藍碧嘉的作品與生平 http://www.ylib.com/art/ artist/200701/ artist02.html

2. 蒐集各種有關裝飾藝術風格的網站 http://adsw.org/resource/websites. html

3. 澳洲維多利亞國家美術館 裝飾藝術特展 http://www.ngv.vic.gov.au/artdeco/

> 延伸閱讀 Reference 1. 世界現代設計 2. 造形原理 3. 裝飾藝術鑑賞入門

04 先將色彩計畫建立在 CorelDraw 的色盤當中,可以開啟色盤編輯器來編輯你想要 的色彩。 [Tip] 可以利用手邊的色票,或相關的色彩計畫書籍來幫助你配色。

p. 29


輕鬆創造視覺設計風格

Case Study

01 :

Have your Style –

Visual Communication Design

05 接下來可以將物件在分頁上分開繪畫,完成後在主畫面進行組合。 透明工具的運 用是本範例的重點,善用透明工具可以使物件呈現出美麗的漸層色彩。

06 結合透明工具與物件的堆疊,可以讓圖層的顏色互相滲透影響,讓每個物件的顏 色都可以產生協調的統一感。 [Tip] 物件前後排列的順序可以利用快速鍵增加速度,如"Ctrl+PageDown"。


07 將完成的組件互相組合,並利用色塊和 陰影來區分彼此隻前的從屬關係。 [Tip] 繪畫的素描觀念在這邊很重要, 有時可以利用陰影,有實則需要利用透 明工具將物件打淡,造成後退的效果。

07 最後將完成的物件全部組合在主頁面上,這時再去微調各個區塊,讓主體和配角 之間的色調能夠統一和平衡,並且利用陰影的增加讓主角突顯出來。

p. 31


> Case Study 02: “I love Los Angeles. I love Hollywood. They're beautiful. Everybody's plastic, but I love plastic. I want to be plastic. ” – Andy Warhol

p. 32


02. Fashion Illustration 時尚風 風格解說:王蔘 圖說

/

繪圖示範:王蔘

p. 33


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 02:

使用軟體:CorelDraw

Fashion Illustration 時尚風 時尚風的出現與服裝設計的插畫脫不了關係,這種風格從服裝設計的草圖出發,在 1930 年代 Vogue 雜誌更將其應用在雜誌的封面設計上,取代了傳統的照片影像; 此類風格的畫面與物造形多半有著修長的模特兒比例,內容主題多與時尚與流行 的活動相關(如夜店、派對、音樂、DJ 等的情景),在運用上也多半與潮流和時尚產 品或活動相關。 其中代表性的大師便是 Andy Warhol ,普普藝術 (見p.29) 的代表 大師,他的畫作多描寫時尚生活、明星、消費品、現成物和消費社會活動等,其 作品也廣為出現在時尚雜誌的封面之上。 而近來潮流的插畫教主可以說是出生於 英國倫敦的 Jason Brooks,他那種描寫華麗和潮流美女風格的插畫不斷出現在各大 時尚雜誌、舞曲 CD 封面、派對或時尚週的海報上;他的插畫廣受歡迎,甚至成立

> 關鍵字 Key Word Andy Warhol 1928 ~ 1987 是普普藝術的美國藝術家之一。 絹印版畫和 重複物件是他風格表現的主要技法。 作品中 以大眾文化為主題、濃湯罐頭、可樂瓶、名人 的肖像、鈔票都變成他的藝術創作。

Jason Brooks 1969 ~ 英國人,畢業於倫敦聖馬丁藝術學院 (St Martin's College),曾獲得 Vogue Sotheby's Cecil Beaton Award,畫作常出現於 Vogue 等 時尚雜誌上。 此外,他是 Hed Kandi 主要的 舞曲封面設計師。

了個人品牌,他同時利用 Photoshop、Illustrator 以及傳統繪畫的手法,在數位繪 畫領域中創造了一股特殊的流行風格。 在製作時尚風格的視覺風格時,可以掌握幾個方向:一、題材盡量與時尚生活相 關,可以翻閱時尚雜誌作為參考,二、色彩要活潑大膽,譬如像 Andy Warhol 飽和 的色彩和性感與 Jason Brooks 未來風格的金屬用色,三、圖案化的效果與修長的 比例最容易呈現出商業化和潮流的風格。 此範例運用 CorelDraw漸層色彩和影像 轉向量的功能製造出拼貼和顏色繽紛的效果,接下來幾頁將依序說明方法以及步 驟。

p. 35


輕鬆創造視覺設計風格

Case Study

02 :

Have your Style –

Visual Communication Design

> 相關連結 Link 1. 時尚風天王 Jason Brooks 的網站 http://www.jason-brooks.com/

2. 英國潮流插畫大師 Ray Smith http://www.raysmith.bz/gallery/

01 首先說明右上角類似 Andy Warhol 絹印效果的美女圖片製作方法,先開啟 CorelDraw 檔案下的輸入,將圖片輸入到檔案中。

3. Computer Arts 雜誌的網站 http://www.computerarts.co.uk/

02 接下來請先將圖檔點陣化,萬一圖檔不是黑白的照片可以先轉成灰階,解析度不 用太高,因為等一下會轉換成向量格式。


03 接下來請開啟"效果",調整亮度和對比度,以加強黑白的對比,使轉換的描圖結果 能夠更清晰。 [Tip] 注意強度和對比的控制,要視不同的圖片調整原始圖檔的亮度。 > 延伸閱讀 Reference 1. 100 Years of Fashion illustration 2. Luerzers Archive: 200 Best illustrators 3. Illustration Now 4. Fashion Illustration Now

04 等圖檔調整好後就可以開啟"點陣圖",點選"描繪點陣圖"的功能進行描圖,這時會 啟動 CorelTracer 軟體。 開啟軟體後會出現兩個視窗,左邊是你本來的點陣圖檔, 右邊是描圖完成後的向量檔。 圖檔描繪的效果可以藉由左上角的選項來進行精密 度的調整。 完成後存檔即可返回 CorelDraw 進行向量的物件替換填色。

p. 37


輕鬆創造視覺設計風格

Case Study

02 :

Have your Style –

Visual Communication Design

05 在這張圖中運用了許多不同向量與點陣結合的效果,製造出不同層次堆積的質 感。 以右下方的地球為例,先畫出一個圓,原地複製貼上並利用透明化工具拖拉 出層次。在顏色的運用上請注意素描觀念的運用,和反光面的轉折控制。 [Tip] 透明工具拖拉時請注意顏色和層次的效果,不能太過集中或分散。

06 在顏色推疊好後可以在受光面加上亮點以增加立體感。 首先先在受光面畫上一個 白色的圓,接下來選取"點陣圖"的功能,將其"轉換成點陣圖"。 [Tip] 按住 "Ctrl" 可以畫出正圓形。


07 這時會開啟對話框,視圖形輸出的需要可以轉換成 CMYK 或 RGB 等選項,這時請 注意勾選"透明背景"的選項,按確定後將向量的圓形轉換成點陣。 [Tip] 若是for 印刷可以選取 CMYK 四色轉換,若是 for 螢幕的或網頁用可以使用 RGB 選項。

07 點選"點陣圖"選項,選取"殘影" ,開啟"高斯殘影"的濾鏡,轉換其邊緣的圖素使其 模糊,調整適當的範圍,使亮點可以看起來更加自然。 這時這顆球看起來便十分 有立體感了。

p. 39


> Case Study 03: “The artist's job is to be a witness to his time in history.” – Robert Rauschenberg

p. 40


03. POP Art 普普風 風格解說:王蔘 圖說

/

繪圖示範:王蔘

p. 41


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 03:

使用軟體:CorelDraw

POP Art 普普藝術 普普藝術(Pop Art),是第一個標榜符號、複製、商業、探討美國大眾文化與消 費文化的藝術運動。 這個運動從流行(Popular) 一字而來,受到當時 50 年代 從英國到美國的大眾文化得到啟發;包括 好萊塢電影(HOLLYWOOD)、搖滾樂 (Rock and Roll)、消費文化(Consumer Culture) 等等。普普藝術對於流行時尚和 設計風格有著重要且長久的影響力。其代表藝術家為 羅伯特‧羅森伯格(Robert Rauschenberg)、羅依‧李奇登斯坦(Roy Lichtenstein)、安迪‧沃荷(Andy Warhol) (見p.21) 等。 在視覺表現上,普普藝術強調二度空間的表現、實體化、將現實生 活中的商品、符號、漫畫等聚焦、放大、剪裁或拼貼;常出現的符號包括了代表 消費物品的康寶濃湯、可口可樂、代表好萊塢明星文化的 瑪麗蓮‧夢露 等。 有 人認為普普藝術是對藝術和消費社會的嘲諷和反叛。 現今許多設計師承襲普普藝術的精神,使用強烈色塊、幾何圖案、誇張的線條和 趣味的內容來重新詮釋現今的消費文化。 在視覺風格上:圓點、特別色、螢光 色、絹印效果的錯位和反覆都是平面設計上常出現的表現方式。 在東方同樣關心 大眾文化的則有以點點表現為主的 草間彌生(Yayoi Kusama) 和 超扁平(Superflat) 教父 村上隆(Takashi Murakami) 等 。 這件作品曾經獲得 2005 香港設計師協會的傑出插畫獎(Excellent Illustration, HKDA Awards 05),是利用 CorelDraw 替一篇愛情故事所製作的插圖,利用暗示性 的符號和色彩來表現愛情故事的憂鬱內容。 透過對色調的控制和普普藝術風格的 掌握,接下來幾頁將分段製作此張圖像的方法以及步驟。

> 關鍵字 Key Word 普普藝術 Pop Art 1962 ~ 1965,普普藝術一詞由英國的藝評家 羅倫斯‧艾偉(Laurence Alloway) 所提出。

好萊塢電影 HOLLYWOOD 好萊塢(Hollywood) 是位於美國西岸加利福尼 亞州落杉磯郊外一個龐大的電影城。 好萊塢 是美國電影工業的代名詞,象徵了美國電影精 緻分工與資本化、制度化的電影生產模式。 就精神意義上來說,好萊塢象徵了典型美國夢 與明星夢的代名詞。

搖滾樂 Rock and Roll 源自於40 年代末和50 年代初期美國,主要由 藍調、爵士、及鄉村音樂演進而來。 搖滾樂 強調旋律簡單、節奏明快的特色。歷史上著名 的搖滾歌手和樂團有:披頭四 The Beatles、 齊柏林飛船 Led Zeppelin、滾石樂團 The Rolling Stones、槍與玫瑰 Guns N' Roses、電 台司令 Radiohead 等等。 搖滾樂影響層面廣 泛,從時尚、藝術、文學、一直到平面設計。 搖滾樂的精神主要在於訴說出人們對現實生活 的不滿、對次文化的關懷以及對美好世界的期 望,所以在歌曲內容中常可以發現到和平、 愛、性等反主流文化的字眼。

消費文化 Consumer Culture 強調在以消費行為為主的生活中,物件或商品 已經主導社會中的所有活動行為,並影響了人 類社會的生活形式和文化實踐。 消費文化象 徵了人類生活中風格、階級、慾望、美學等符 號化的社會認同。 消費文化可以作為探討社 會控制機制和商品價值間的關係。

p. 43


輕鬆創造視覺設計風格

Case Study

03 :

Have your Style –

Visual Communication Design

羅伯特.羅森伯格 Robert Rauschenberg, 1925 ~ 2008 是一位從抽象表現主義時代轉向普普藝術的代 表性大師之一,出生於美國德州的羅柏森作品 表現方式多為拼貼和影像再製等複合媒材表 現作品,名為 Combine Paintings。 在另一方 面,他強調作品互動和裝置的特色,也是互動 藝術的先驅之一,他認為藝術品可以使用任 何材料,最經典的為畫布與山羊結合的作品 Monogram。

01 本範例在普普風格的表現上,著重於網點的表現和圓形噴漆塗鴉的潮流感受、並 佐以符號表現以呈現時代感,顏色上仿製普普藝術用色簡單和單色疊印的效果。 [Tip] 在本範例中重點在於圖形的結合和漸層色彩的表現。

羅依·李奇登斯坦 Roy Lichtenstein, 1923 ~ 1997 生於紐約,為普普畫派先驅藝術家之一,作品 多以取材自漫畫及廣告的內容,以漫畫網點的 表現方式於畫布上,影響現代平面設計甚深。

02 自"視窗"、開啟"色盤"、接著開啟"色盤編輯器"、編輯預設的色盤,此時可以選擇欲 輸出的單一色彩模式、並進行百分比的色彩調整。 可選出同一色系、由深到淺一 到三種色彩、並搭配黑白色使用。


草間彌生

03 這邊示範雲朵滴流部分的製作。 先打開"矩形工具",以矩形工具畫出一的矩形。

Yayoi Kusama, 1929 ~ 被稱為日本現存的經典普普藝術家,她善用高 彩度對比的圓點風格並包覆各種物體的表面。 曾與普普藝術家安迪‧沃荷 (Andy Warhol)、 克勒斯‧歐登柏格 (Claes Oldenburg)、賈斯 培‧瓊斯 (Jasper Johns) 一起在紐約聯展。

請注意此時矩形仍然是保持著"形狀"的狀態而非"曲線化"的型態。 村上隆 Takashi Murakami, 1962 ~ 21 世紀影響當代藝術重大的風格運動「超扁 平」(Superflat) 創始人。 將所謂次文化的日 本動畫、漫畫、御宅族文化等成功轉化並表現 於藝術上。 村上隆成功將藝術與商業結合, 曾為法國品牌路易‧威登(Louis Vuitton) 設計 手提袋等產品。他的作品也不斷在拍賣場上 創下天價紀錄,被譽為日本「現代藝術新希 望」。

超扁平 Superflat 最初於2001年村上隆以日本「御宅族文化」 的概念出發,於洛杉磯現代美術館舉辦的策展 計畫名稱。 之後並巡迴美國、巴黎、紐約等 地方展出。

04 接下來利用"造形編輯工具"來"編輯節點",點選其中一個節點並拖拉,因為此時矩 形並不是處於"曲線化"的狀態,所以只要拖拉其中一個邊角的節點,其他四個角落 的節點就會以圓角的方式往內縮。

p. 45


輕鬆創造視覺設計風格

Case Study

03 :

Have your Style –

Visual Communication Design

> 相關連結 Link 1. 草間彌生官方網站 http://www.yayoi-kusama.jp/

1. Kaikai Kiki Co. 村上隆官方網站 http://www.kaikaikiki.co.jp/

1. 羅伯特.羅森伯格的展覽和作品

05 接下來準備雲朵的部分,在工具箱內選取"圓形"工具,以重疊的方式去勾勒出雲 朵的形狀。 [Tip] 按住"Ctrl"鍵可以畫出正圓形。

http://www.centrepompidou.fr/education ressources/ENS-Rauschenberg-EN/ENSrauschenberg-EN.htm

06 將剛畫好的雲朵滴流部分與雲朵組合,為了要製造多條滴流,同時又要保持剛畫 好的圓角不會因拉長而變形,這邊建議將滴流的長條形轉換為曲線,並使用"節點 選取工具"選取長條形下端的節點,並按住"Ctrl"鍵向下"垂直"拉長。


07 將剛剛畫好的長條滴流與雲朵複製安排位置,並全選這些物件,選擇屬性列中的 "焊接"工具,將所有選擇的物件焊接組合成一個物件。 [Tip] 按住 "Shift" 可以同時選取多樣任何物件。

> 延伸閱讀 Reference 1. 李奇登斯坦:普普藝術的超級明星 2. 安迪.沃荷的普普人生 3. Pop Art: A New Generation of Style 4. Random Order: Robert Rauschenberg and the Neo-AvantGarde 5. The Pop Art Tradition: Responding To Mass-Culture

07 接下來選取 "互動式漸層透明度",以"線形"和"正常"的模式在物件上進行拖拉進行 漸層感覺的製作,接下來只要以相同的方式製作其他物件即可完成。

p. 47


> Case Study 04: “I think dress, hairstyle and make-up are the crucial factors in projecting an attractive persona and give one the chance to enhance one's best physical features. ” – Vivienne Westwood

p. 48


04. The Decadents 頹廢風格 風格解說:王蔘 圖說

/

繪圖示範:劉憲宗

p. 49


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 04:

使用軟體:PHOTOSHOP

> 關鍵字 Key Word 後現代主義 Postmodernism 源自於現代主義1970之後,但又反現代主義思潮,主張反思現代的不確定性和中心,在設 計和美學上反形式、反唯美、解構、複合媒材、強調觀念,最長發現的設計手法為復古與 現代元素的並存與應用。

The Decadents 頹廢風格 頹廢風格 (The Decadents) 在藝術和設計史上,為近代 1937 年表現主義風格 興起後廣為使用,頹廢藝術(Degenerate Art) 代表的藝術家為 高更,畫面呈現

頹廢藝術 Degenerate Art Entartete Kunst [德] 為 1937 年在慕尼克舉 行的一次藝術展覽的名稱。 這次展覽上展出 了納粹黨人反對的各種表現主義藝術作品。

表現主義 Expressionism 起源於 1910 年德國,是對寫實主義(Realism) 的一種重要反抗運動。 認為真理主要是主觀 的,以新的藝術方法表達出來。扭曲的線條和 誇張的形狀都是用來使觀眾超出表面象的慣用 手法。

表現主義扭曲的意象和頹廢的美感。 當時在 包浩斯(Bauhaus) 教書的 康丁斯 基 在《點線面》 一書中所提出的概念,把寫實擬真的視覺經驗,轉化成一種 直覺投射於繪畫的心靈反映。 但現代的頹廢風格在表現形式上有別於傳統的 頹廢藝術,其表現特徵就是利用拼貼的圖像、破碎的手法、在知性的構圖之 中,以低彩度和混濁的色彩在畫面上佔據位置,發揮彼此呼應或是衝突的效 果。 其表現的視覺風格類似於 街頭(Street Art)、嘻皮(Hippies)、和 龐克(Punk) 的 後現代(Postmodernism) 設計風格,有時亦會加入復古華麗的圖騰混搭運 用。 如何製作強烈頹廢風格的視覺合成風格?Photoshop 的圖層是快速而有效的解 決方法。利用簡單的幾張圖及效果就可以製作出令人意想不到的視覺感受。

包浩斯 Bauhaus 成立於1919年,原目的在於培養全能 的建築師,為現代設計運動的標準範 本。(楊裕富,從包浩斯到後現代, http://140.125.151.167/ya/a106.html)

高更 Paul Gauguin, 1848 ~ 1903 印象派知名藝術家。

康丁斯基 Wassily Kandinsky, 1866 ~ 1944 表現主義代表藝術家。

以下幾項製作的步驟以及小方法,不僅僅可以製作出像這張圖一樣的效果,也 可以運用在別處,結合類似手法創造出相同但又別有一番風格的圖像,接下來 幾頁將會教你如何製作此張圖像的方法以及步驟。

p. 51


輕鬆創造視覺設計風格

Case Study

04 :

Have your Style –

Visual Communication Design

後現代主義 Postmodernism 源自於現代主義1970之後,但又反現代主義 的思潮,主張反思現代的不確定性和中心,在 設計和美學上反形式、反唯美、解構、複合媒 材、強調觀念,最長發現的設計手法為復古與 現代元素的並存與應用。

01 將所有所需用到的影像圖片、材質,包括花、有裂縫的牆壁、直條紋、舊舊的紙 張丟進 Photoshop 之內。

街頭藝術 Street Art 非「公共藝術」(public art),強調青少年次文 化、都市美學、塗鴉、街頭看板、科技創作, 甚至是服裝或音樂等次文化流行形式,屬無政 府主義性格,著名藝術家有英國的塗鴉藝術家 Banksy 和美國的街頭塗鴉藝術家 凱斯.哈林 (Keith Haring 1958 ~ 1990)等。

嬉皮 Hippies 指的是 60 年代,用怪異服裝和避世的生活 態度來訴求,並排斥社會固有習俗和慣例的 人。 其年代開創了一段最輝煌的搖滾盛世, 口號「Peace & Love 愛與和平」也是最終皈 依的搖滾精神。當時最著名的搖滾樂團是 The Beatles。 在視覺風格表現上常出現類似喀藥 後的迷幻圖案、螢光色和代表同性戀的彩虹色 彩。

龐克 Punk 一般從 70 年代英國樂團「Sex Pistols 性手 槍」談起。 透過與知名服裝設計師薇薇安• 魏斯伍德 (Vivienne Westwood) 的合作,掀起 英國最瘋狂的青年次文化,深受美國普普藝術 家安迪•渥荷 (Andy Warhol) 的直接啟發。 代 表性的設計師 Vivienne Westwood 在服飾造型 上多顯示其創意與大膽風格,運用現成物的拼 貼,重新組合使它產生不同的意義,從搖滾、 同志、SM、飛車黨、光頭族等加以拼貼、重 組和誇張其造形以成就風格。

02 開新檔案可以設定尺寸大小、解析度 DPI、色彩模式或是白色背景與透明背景。 開一新檔案設定好格式後,將所有的圖丟到同一檔案圖層之內。


> 相關連結 Link

03 首先處理花的部分,先打開花跟牆圖層的眼睛,接著雙點花的圖層產生 "混和設定 選項"-->"製作陰影",接著選取圖層上方色彩增值讓花朵可以融入背景,接著建立 遮色片讓花朵的上方顏色淡一些。

1. 頹廢風格的電腦繪圖範例 http://www.farpop.com

2. 維基百科有關哥德風格的定義 http://zh.wikipedia.org

3. 從包浩斯到後現代 http://140.125.151.167/ya/a106.html

> 延伸閱讀 Reference 1. 現代藝術的故事 2. PHOTOSHOP 影像密碼:頹廢後現代 3. 後現代設計藝術

04 利用相同的手法複製一個圖於左方,按"E"用橡皮擦擦掉一些花朵並縮小。 [Tip] 橡皮擦可以控制流量以及透明度,讓擦拭也可以增加層次喔。

p. 53


輕鬆創造視覺設計風格

Case Study

04 :

Have your Style –

Visual Communication Design

遮色片

05 新增一圖層按下 "Ctrl+Shift+N" 並增加遮色片也是使圖的上方清淡下方較重,下 個步驟的直條紋可以使整個圖呈現掉落的視覺狀態。 [Tip] 善用快速鍵可以減少作圖的時間

橡皮擦

06 打開直條紋圖層的眼睛,並按"E"橡皮擦擦掉些許上方的圖,選擇色彩增值,將圖 疊於之中。


橡皮擦

07 將舊舊的紙張放於最上一層,並選擇 "色彩增值",用橡皮擦擦掉花的周邊部 位,按住 "Shift" 垂直擦拭上方圖像。 [Tip] 按住 "Shift" 可以水平或是垂直製 作或是移動任何物件

08 按英文字母 "O" 或是選取左方工具列 "加深工具",再暗部的地方加強深度,使用 同一工具往下繪製較深的直線,營造滴流感。 選擇上方 "圖層 "-->" 影像平面化" 即可完成。

p. 55


> Case Study 05: “The method of painting is the natural growth out of a need. I want to express my feelings rather than illustrate them. ” – Jackson Pollock

p. 56


05. Hand Drawing 手繪塗鴉 風格解說:王蔘 圖說

/

繪圖示範:馬菡璐

p. 57


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 05:

使用軟體:PHOTOSHOP

Hand Drawing 手繪塗鴉 手繪塗鴉(Graffiti) (見p.101) 是人類原始的一種慣性本能,隨性、戲謔的手繪結合 每個創作者的個性,衍生出一幅幅獨具個性的塗鴉創作。 最常見的創作方式便是 使用蒙太奇(Montage) 的手法將各種隨想的物件結合在同一個畫面之上,如同 普 普藝術(Pop Art) (見p.29) 運動中 羅伯特‧羅森伯格(Robert Rauschenberg) (見p.29) 所創作的 拼貼(Collage) 作品。 手繪塗鴉的題材可於自身的日常生活周遭取材,將 身邊的事物帶進畫面之中,或許可以更貼近作者內心世界的感情層面。 在平面設 計的風格當中,手繪塗鴉可以說是與 純藝術(fine art) 觀念上最接近的一種創作表 現方式,純藝術創作者較不必遵循一些製作上的規範,他們可以主觀隨意地按自 己的需求去揮攦。 風格上近似的藝術家有日本的 奈良美智(Yoshitomo Nara) 和美

> 關鍵字 Key Word 蒙太奇 Montage 蒙太奇是電影創作中的敘述故事的手段和表現 方法之一。 指從不同距離和鏡頭角度,以不 同方法拍攝的組合來描述其線性的故事情節。 後被延用於平面設計中,用來指稱以拼貼方式 和片段剪接的視覺表現手法。

拼貼 Collage 「拼貼」一辭源於法文 coller (膠黏)。 作 拼貼,即是將紙張、布片或其他材料貼在畫 面上。 在哲學上,社會學家詹明信(Fredric Jameson)認為後現代文化的破碎類似精神分 裂的狀態,也就是文字、圖像、語言等符號已 經可以任意拼貼,不具深層意義。 火星文可 以說是代表的現代拼貼。

國的 詹姆士‧金(James Jean) 。 純藝術 Fine Art 手繪塗鴉在創作上可掌握幾個要點:一、以鉛筆或其他手繪工具在紙上繪圖,接下 來再掃描進入電腦軟體裡面進行組合,以保留手繪線條的自然感、並利用軟體上 色增加不同於手繪的質感。 二、亦可以電腦繪圖工具仿製手繪的質感,交互真實 的手繪線條產生不同視覺衝突的效果。 三、以寫生的方式描繪物體,以求形體形 狀的自然變化。 四、電腦與手繪的結合可以使上色和修改上更具方便性,或是利

在希臘時代以來,西方世界以 "藝術" (ART) 來 指稱"工藝精品"(Craftsmanship)。 其前身為 "功能藝術"(utilitarian art) ,是宗教或政治上 的宣傳功具。 純藝術在功能上相對於應用藝 術;在創作的內容上純藝術指藝術品的創作出 於創作者個人心靈層面的認知和認同,是屬於 "個人化"的創作,不具功能和目的性。

用軟體描圖的功能直接做影像的描繪,使得製作上更加具有效率和自由度。

p. 59


輕鬆創造視覺設計風格

Case Study

05 :

Have your Style –

Visual Communication Design

詹姆士‧金 James Jean, 1981~ 台灣出生的美國插畫家,曾連續三年獲得全美 漫畫封面設計獎,以及插畫協會所頒的金牌 獎。 其作品充滿了後現代的衝突個性,唯美 中帶有塗鴉的隨性與現代都會的風情。 曾與 PRADA、ESPN、Times 和 DC Comics 等世界 知名品牌合作。

01 用鉛筆在紙上繪製人物及需要使用的元件,掃描至 PHOTOSHOP 整理。

奈良美智 Yoshitomo Nara, 1959 ~ 男性,出生於日本,曾留學德國杜塞道夫藝術 學院(Kunstakademie Düsseldorf)。 曾任加大 洛杉磯分校擔任客座教授。 奈良美智的創作 最具特色的便是他帶有各種眼神情感的小女孩 造型畫作。 他的作品已被紐約現代藝術博物 館和洛杉磯當代藝術博物館等知名美術館收 藏,其畫作在拍賣會上也率創新高。

02 將人物拖曳至原先準備好尺寸的檔案內,在背景處疊入材質圖片,保留其材質邊 緣界線,也可稍微使用橡皮擦工具擦拭邊緣,製造出破舊感的拼貼風格效果。 選 擇 "Alice" "線稿圖層",並在圖層屬性處選取色彩增值,在將色彩增值過的圖層再 次複製一次,能使黑色線條更粗更明顯,並將右下角的雙腿進行同樣步驟,最後 使用橡皮擦工具將頭髮及臉部範圍背景色擦掉。


> 相關連結 Link 1. 詹姆士‧金的個人網站 http://www.jamesjean.com/

2. 奈良美智的個人網站 http://www.nara-movie.jp/

3. 奈良美智作品的介紹 http://www.foiltokyo.com/english/book/ art/ yoshitomonaraeg.html

03 將拍攝好的皮膚材質照片放在 Alice線稿圖層下方,點選線稿圖層,使用"魔術棒工 具"將皮膚的區塊選取出來,然後使用 "Ctrl+Alt+I 反選工具",選擇皮膚以外的區 域,按一下 "Delete" 鍵,將多餘的皮膚材質清除。可將同樣方法使用在腿部,將準 備好的蕾絲材質照片貼於雙腿,並注意兩腿的花紋不要太規則免得過於整齊。

p. 61


輕鬆創造視覺設計風格

Case Study

05 :

Have your Style –

Visual Communication Design

> 延伸閱讀 Reference 1. Drawing Life :奈良美智作品集 2. Drawing from the Modern 1880 - 1945 3. Keith Haring: Life as a Drawing 4. Nobody Knows:Yoshitomo Nara Drawings 5. Process Recess V.1 - The Art of James Jean

04 將原先拍攝的嘴唇照片先去背並調整角度,拖曳到 Alice 線稿下方的圖層,由於 Alice 線稿是"色彩增值狀態",因此只會疊加色彩上去,並不會覆蓋線稿,此法可 增加材質的豐富度。新開 "Cloth圖層" 於線稿下方,選取衣服線稿範圍,用漸層工 具填入衣服與腰帶顏色,人物本身就大致上完成了。


05 貼上許多原先去背準備好的手繪小元件,拖曳至圖層內,並選擇圖層屬性皆為色 彩增值。 選擇自訂形狀"工具-滴狀",選擇"色票-白色",在藥水瓶圖層下方拉入形 狀,製造藥水打翻的簡單意象。

p. 63


輕鬆創造視覺設計風格

Case Study

05 :

Have your Style –

Visual Communication Design

06 現在要增加背景的豐富性,使用"橢圓選取畫面工具",用 Shift 做出等比例圓形選 區,再填入淺黃色,複製兩個在左方及下方,再用鉛筆工具在背景上畫出不規則 的小雨滴。 再來處理右下方的 lag圖層,將色彩增值的 lag圖層拷貝 於其下方, 再還原拷貝圖層的屬性為正常,用橡皮擦工具將左邊的白色塊清除只留下右腿, 這樣一來能夠增加畫面的趣味性。


07 貼上照片材質,如身高尺條、圓點布和兔子素描,注意畫面平衡感和顏色協調 性,再作細部微調後就可完成了。 [Tip] 請注意各圖層色調的控制管理,可以利用圖層的"屬性"進行編輯。

p. 65


> Case Study 06: “The method of painting is the natural growth out of a need. I want to express my feelings rather than illustrate them. ” – Jackson Pollock

p. 66


06. Indigenous Style 民族風格 風格解說:王蔘 圖說

/

繪圖示範:林侑萱、翁千釉、蔡孟君

p. 67


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 06:

使用軟體:PHOTOSHOP

ILLUSTRATOR

Indigenous Style 民族風格 在「民族風格」的平面藝術表現中,常可以發現近似於 塗鴉(見p.117) 的簡單的線 條和 符號(Symbol) 及 圖騰(Totem) 的表現方式。 比較「原住民藝術」與「民族藝 術」(Indigenous Art) 的美學表現,在民族色彩、線條、色塊、造形上都顯示出特 出的風格表現模式。 從美術工藝的角度出發,我們可以很輕易的從這些民族的風

> 關鍵字 Key Word 民族藝術 Indigenous Art 根據我國「文化資產保存法」,民族藝術係指 「民族及地方特有之藝術」。 依據「文化資 產保存法施行細則」的說明:「足以表現民族 及地方特色之傳統技術及藝能,包括編織、刺 繡、窯藝、琢玉、木作、髹漆、竹木牙雕、裱 褙、版刻、造紙、摹搨、作筆製墨、戲曲、古 樂、歌謠、舞蹈、說唱、雜技等。」。

格表現中,尋找出美感的表現方式加以運用設計;例如排灣族的傳統雕刻中的圖 騰、非洲原住民木刻面具的造形和澳洲土著在線條和點狀符號的使用。 在強調文

符號 Symbol

化創意產業的風潮中,從民族風格的造形取材,或許我們也可以從多元複雜的社

指意像的代碼、圖形、文字的縮寫或簡稱。 十九世紀符號學(Semiotics) 由語言學中發展 出來,研究人類社會中符號與符號系統中的結 構關係與意識形態。

會流動中創作出屬於台灣的風格定位。 這是一件以原住民故事為主,一件畢業專題製作動畫作品的片段。 同學將主角與 雷神的衝突場面描寫的十分細緻。 風格上利用原住民的圖騰和色彩,將碎裂、解 析、重新組合的手法應用於此畫面中,並巧妙的複雜中達到協調的美感。 在構圖 上,利用對角線的構圖產生主角與配角之間的衝突和平衡,並將對角的兩方大小 物體明確分辨,相互吸收衝突上的動感。 製作的技巧上可遵從以下幾點,一、充

圖騰 Totem 源自傳統文化中對神秘文化和神明的一種崇拜 和符號化的結果。 也是一種文化意識型態上 的標誌認同;如印地安人的圖騰柱,史記中的 玄鳥,原住民百步蛇的圖騰等。

分的資料蒐集和準備,以明確的表現出原住民服飾的特色。 二、利用幾何圖形的 構成,將造形轉化為簡單而明確的幾何圖形或線條勾勒。 三、明確的色彩運用, 利用色塊分辨出陰暗面以產生立體感。 四、利用材質的貼圖運用以增加畫面的層 次感。

p. 69


輕鬆創造視覺設計風格

Case Study

06 :

Have your Style –

Visual Communication Design

命名

> 相關連結 Link 1. Illustration Now 經典插畫書的介紹 http://www.taschen.com/pages/en catalogue/anniversary/all/05058/facts illustration_now.htm

01 開啟手繪的草稿至 Illustrator 圖層置底,並更改檔名。 [Tip] 圖層的管理在 Illustrator 的使用中是十分的重要,良好的圖層管理可以 使物件不致混亂。

> 延伸閱讀 Reference 1. 符號全書:解讀1001種圖文象徵

b

2. 傳播研究導論︰過程與符號 3. 符號學美學 4. 符號全書:解讀1001種圖文象徵

a

02 圖 a. 鎖定該底圖圖層,避免在描繪的過程中動到底圖。 圖 b. 底圖設"透明度"方便等會描線。


鋼筆工具

直接選取工具

> 關鍵字 Key Word

03 使用"鋼筆工具"沿邊線描筆畫設為 3pt (點),使用鋼筆工具畫弧線按著滑鼠左鍵拖 曳自行調整線條弧度(使用"直接選取工具")。 [Tip] 鋼筆工具的使用單位在"點 pt "的時候,最細的情況最好不要低於"0.25pt",以 免在印刷時會有因為過細而模糊不清的情形發生。

貝茲曲線 Bézier curve 貝茲曲線是所有以 "向量"(Vector) 運算為主的 電腦繪圖中,被廣泛地在計算機圖形學中作為 用來為平滑曲線建立模型,是相當重要的數學 參數曲線。 貝茲曲線由法國工程師皮埃爾· 貝茲(Pierre Bézier) 於1962年所發明設計。 所謂的貝茲曲線,即是運用二維空間中的定點 座標,如:給點 P1 與P2 ,貝茲曲線便可完 成一條兩點之間的直線。

04 使用"直接選取工具"對著節點調整線條弧度。 [Tip] "貝茲曲線" 的使用是所有向量軟體的基本,請同學一定要熟練。

p. 71


輕鬆創造視覺設計風格

Case Study

06 :

Have your Style –

Visual Communication Design

鉛筆工具

05 針對細節畫圓形可用鉛筆工具保留手感相同形 即 "複製" (Ctrl+c) ,再 "貼上" (Ctrl+v) 。

a

b

06 圖 a. 上臂完成其餘依此類推,注意幾何圖形的重複性與運用。 圖 b. 將之群組以方便物件管理與複製。 [Tip] 記得使用快速鍵 "Ctrl + G" 將其"群組", 反之 "Ctrl + Shift + G" 將其"解散群組"。


07 下手臂填色:見左邊的兩個重疊方塊底為線條顏色上為內部顏色,若要做動畫使 用時可依部位分圖層。 [Tip] 若考慮到將來的動畫製作的部份,可以依據各個關節分成"單一的物件"儲存 於各圖層之上,以方便管理。

08 所有人物場景描完後 "置入" Photoshop 進行定位,接下來則需要進行上色的和質 感製作的動作。

p. 73


輕鬆創造視覺設計風格

Case Study

06 :

Have your Style –

Visual Communication Design

09 在剛剛分好的物件圖層上,使用 "油漆桶工具" 填色。 [Tip] 注意色彩的管理,如:這邊將雲朵的明度降低, 突顯主體身上服飾的黑白對比。

a

b

10 圖 a. 進行各細部的填色動作,注意"色彩計畫"的控制,這邊為突顯原住民的色 彩,使用黑、白、紅為 "主要色彩" 做大面積的上色,並佐以藍、黃、綠等 "輔助色彩" 進行點綴。 圖 b. 最上層加黑色圖層待用。


11 將剛剛畫好的黑色圖層建立 "圖層遮色片",使用 "筆刷工具" 擦掉要突顯的部份, 呈現光源立體的效果。

12 最後在依據光源做各個細部的修正,注意線條的顏色也可以變化。 [Tip] 本創作細膩質感的表現在於其線條的精緻度和線條本身色彩的變化,請注意 主角身上的黑線與雲朵上面的白線,這點常常被忽略。

p. 75


> Case Study 07: “When the real is no longer what it used to be, nostalgia assumes its full meaning. ” – Jean Baudrillard

p. 76


07. Simulation 擬像 風格解說:王蔘 圖說

/

繪圖示範:王德婷

p. 77


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 07:

使用軟體:PHOTOSHOP

Simulation 擬像 圖說講解:王德婷 / 王蔘 繪圖示範:王德婷 / 台灣藝術大學視覺傳達設計研究所 研究生

> 關鍵字 Key Word 超現實 Super-real 以極度模擬真實的視覺表現手法表現現實世界 不存在的事物或景象,通常指高度的繪畫或電 腦合成技巧。 為了表現與真實世界的區別, 用精細而寫實的手法來表現超越現實生活的世 界。

近來電腦繪圖的進步,使得在設計上常利用合成或濾鏡特效來模擬真實物體的質 感,達到 超現實(Super-real) 的視覺表現。 另一方面在哲學上,布希亞對影像的 描述和辯證在視覺設計的發想,中形成一個有趣的概念。 根據影像當代藝術與設 計觀念甚深的法國哲學家 尚‧布希亞(Jean Baudrillard) ,在 1970 年代中期出版 的《象徵交易和死亡》中所提到的擬像概念。 擬像在布希亞的概念中是一種幻覺 式的形式再現。 這種虛擬存在是指在充滿電腦虛擬幻覺的時代中,一種「過度真

超現實主義 Superrealism 1920年發展的風格運動 ,主要觀念來自於弗 洛伊德的"潛意識學說"。 創作的手法精細而寫 實,用奇幻、矛盾和扭曲的構圖取代現實生活 的秩序,創造出超越現實的美感世界。 達利 ( Salvador Dali) 1904-1989 是代表性的藝術 家。

實」的存在。 所以真實與模擬之間的界線已經消失,影像不再反映現實,甚至超 越真實,形成了超真實(hyper-real)。 這是一張以全球暖化為發想主題的一張 海報 練習。 主要的發想來自於人類生活 所製造的廢氣,是造成全球暖化最主要的原因,作者以誇張的手法,運用樹幹上

尚‧布希亞 Jean Baudrillard, 1929 ~ 2007 法國社會學家及哲學家。 以後結構主義的論 點思考消費社會的符號系統。 其提出擬像的 概念針對大眾傳播媒體和數位影像的世界提出 革命性的批判。

被人的抓痕意象,詮釋大自然的動植物默默地承受與吸收這些廢棄,而下方的手 則象徵人類對於大自然之傷害。 希望以模擬真實視覺效果的呈現,提醒社會大眾

海報 Poster

注意全球暖化的議題。 製作的要點可掌握將物體模擬成另外一種形體的樣式,或

是最古老的廣告行銷手法之一,最重要的目的 為「宣傳」,通常指貼在牆上的矩形紙張招 貼,內容結合文字和圖像以吸引路人的注意。 代表性的海報藝術家為 羅德列克(ToulouseLautrec) 1864 ~ 1901,是近代海報設計先 驅。 羅特列克以石版畫得技巧創作彩色海報 帶動了海報設計,他以印象派和浮世繪線條表 現的技巧結合文字設計,成功吸引觀賞者的焦 點。

是如同這張畫面上的手一樣,指甲並非擁有如此強大的硬度,將手模擬成更強硬 的物體,在畫面上呈現出來。 利用 Photoshop 的合成技巧可以確切的發揮這個構 想。

p. 79


輕鬆創造視覺設計風格

Case Study

07 :

Have your Style –

Visual Communication Design

> 相關連結 Link 1. 羅德列克美術館 http://www.mairie-albi.fr/arthisto/lieux/ museetl.html

2. 華沙海報美術館 http://varsovie.hypatie.com/english/ museum/history.htm

01 準備需要使用的素材,將所有需要用到的圖:包括花、樹皮、有裂痕的樹幹丟進 軟體之內。 [Tip] 請注意在拍攝時角度的取景和物件清晰的程度, 對後續的製作都有很大的影響。

3. International Council of Graphic Design Associations (icograda) http://www.icograda.org/

02 開新一個檔案命名 Greenhouse Effect "輸出尺寸" 為 A3 故設為 29.7 x 42 cm "解析度" 300dpi 像素 / 英吋 "色彩模式" 設為印刷用 CMYK


選取工具

> 延伸閱讀 Reference 1. 擬仿物與擬像 2. 波灣戰爭不曾發生 3. Toulouse-Lautrec

03 使用 "選取工具" 在原始的素材中選取您要的範圍,並用 "移動工具" 滑鼠拖曳到新 開的檔案。

4. 羅特列克 ─ 浮世剪影 5. New Masters of Poster Design: Poster Design for the Next Century 6. Poster-art: Innovation in Poster Design

04 開啟手的素材圖片,使用工具列的 "鋼筆工具" 以使用貝茲曲線相同的方式,新增節點,圈選並幫手 去背 。

p. 81


輕鬆創造視覺設計風格

Case Study

07 :

Have your Style –

Visual Communication Design

> 關鍵字 Key Word 去背 也就是去背景,將影像從畫面中獨立出來, 也是影像處理者最頭痛也最常見的問題。 雖 然也有像 Knockout 這樣的去背景軟體,但是 在一般情況下,可能因為某些影像反差、色調 和圖像等因素,不同的照片有不同的方式,大 多數都不能自動化完成。 通常的技法有: 1. 以 "魔術棒工具" 選取相同顏色的範圍 2. 利用 "套索工具" 圈選區域 3. 利用 "鋼筆路徑工具" 詳細描繪區域 4. 利用 "色調分佈" 分離的方式去背景

05 利用筆型工具拖曳,依照圖片描繪出手的形狀。 [Tip] 請注意在設定新增節點的時候可以選取弧度的頂端增加節點, 以方邊節點工具的使用。

製作選取範圍

06 在工作路徑的圖層上按右鍵,選取 "製作選取範圍" 將剛剛所描繪之路徑變成可選 取之區域 (可以調整選取區域 "羽化" 程度) 。


07 拖曳選取範圍到 Greenhouse Effect 檔案, 將手與樹幹排列好適當位置後,利用 左方工具列之 "仿製印章工具", 進行對周邊範圍的局部修正。

08 在使用 "仿製印章工具" 時按住 "Alt" 不放,瞄準圖片上的裂痕,會出現 "圓形的十 字" 在 Greenhouse Effect 檔案上用塗抹蓋章的方式,將裂痕依照手抓的位置依序 作調整。 [Tip] 可以調整筆刷的大小與透明度,作比較緩和的複製,可以避免看出缺陷。

p. 83


輕鬆創造視覺設計風格

Case Study

07 :

Have your Style –

Visual Communication Design

09 在右下方選擇手的圖層,雙點兩下會跳出 "圖層樣式" 編修視窗,點選 "陰影" 項 目,可調整陰影角度、間距、尺寸,以素描光影的概念將手的圖片與樹幹加以融 合,完成第一階段的海報的畫面。

製作斜角與浮雕

10 利用文字工具輸入文字 H2O ,然後在文字圖層雙點兩下開啟圖層樣式,點選 "斜 角與浮雕" ,可選擇浮雕的紋理與調整深度。


> 關鍵字 Key Word 出血 Bleeding

11 將文字陸續排版在樹幹裂縫中後,在右下角圖層視窗上方,可選擇圖層與背景融 合方式,在此選擇 "覆蓋" 的融合模式。

原本是在版面設計時,設計人員預留給印刷人 員在裁切時預防失誤而預留頁面的範圍, 通 常是為了怕漏出白邊或影像超出邊界時發現錯 誤。 後來指稱在設計上的手法,也就是利用 超出頁面的設計,預留畫面的想像空間和製造 動態。

a

08 以上述之方法完成文字處理後,選取 「影像→調整→色彩平衡」 ,可調整手部色彩。 圖 a. 最後使用文字工具將本海報之標題放置正上方,完成完稿工作。 [Tip] 補充說明,在構圖上可以利用截斷和 "出血" 的方式,如手掌的部份 (只放部 分的手掌有幫助往下拉的效果),以增加整體構圖的力量。

p. 85


> Case Study 08: “The painting has a life of its own. ” – Jackson Pollock

p. 86


07. Ethical Style 異國風 風格解說:王蔘 圖說

/

繪圖示範:鄭麗華、倪敏

p. 87


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 08:

使用軟體:PHOTOSHOP

ILLUSTRATOR

Ethical Style 異國風 圖說講解: / 王蔘 繪圖示範:/ 台灣藝術大學視覺傳達設計學系 異國風 (Ethical Style) 特色,強調個人神秘,靈性與充滿宗教感的視覺風格設計。 與 民族風(Indigenous Art) 接近但不同於民族風偏向原始圖騰(見p.55)的設計。 異 國風的興起與近幾年所流行的 波希米亞風(Bohemian) 有很大的關係。 波希米亞 風原本為「怪異」或「思想空幻」的指稱,在歷史上是指居住在捷克的波希米亞 人,現在被解釋為在城市裡,那些邊緣化的藝術家,作家,音樂家及演員的避世 的生活方式。 後因為符合現代人崇尚生活品質,旅行、心靈、養生的生活態度廣 受重視和討論; 於是與之相關的神秘宗教與瑜珈的 印度風(India Style) 和充滿旅 行想像的浪漫 希臘風(Greece Style) 等異國風也間接廣受歡迎。 這些風格幾乎都 是從服飾開發跡,從各民族身上萃取到的精神與元素,成為近幾年眾人討論的焦

> 關鍵字 Key Word 異國風 Ethical Style 不同於本土民情,充滿神秘與悠閒,可以放鬆 的度假心情。

波希米亞風 Bohemian 波希米亞是一個主要由吉卜賽人構成的多民 族部落。 如今,已成了一個符號,一種流 浪、自由的精神。 在《美國大學辭典》中將 bohemian 定義為「一個具有藝術或思維傾向 的人,他們生活和行動都不受傳統行為準則的 影響」。

印度風 India Style 作為世界文明古國之一的印度,其深遠的文化 內涵、獨特的裝飾風格、宗教以及瑜珈已經成 為異國風格的代表。印度服飾中的色彩元素以 及輕薄的絲緞,都受到時尚設計師的注意。

點話題。 在視覺風格的表現上,異國風多半以拼貼的手法表現,不同於 蒙太奇

希臘風 Greece Style

(Montage) (見p.45) 的手法在於,異國風多了手繪的質感和優雅的民族符號的軟性

浪漫希臘風,不管是古希臘神話還是古希臘文 學,處於巴爾幹半島地區臨近愛琴海,其中藍 色的蔚藍海水與白色的傳統建築,已經成為現 代最具浪漫和旅行的代表意像符號。

色調。 此外、隨性的搭配和旅行特色風景表現也是異國風表現的重點。 星巴克(Starbucks) 店內布置可以說是異國風視覺設計的典範,時而浪漫時而優 雅的牆面裝飾和包裝的拼貼質感,讓自己彷彿置身異國情調的環境。 本篇是所指

星巴克 Starbucks

導畢業專題製作的學生所設計,以星巴克的視覺概念和異國風為基調出發,製作

星巴克咖啡有個叫創意設計 (creative) 的部 門,其中包含34位設計師、文案與插畫家, 20人組成的視覺小組,負責所有星巴克門市 內的裝飾、陳列以及產品設計等等,所有的設 計都以一慣的風格基調為主,以求創造獨特的 品牌形象。

出一幅充滿異國風格的設計作品。 本作品使用粉色系列的色彩、加入神話和聖 經當中的人物或動物,充分展現異國情調的浪漫風情。 利用 Photoshop 的色彩 處理技巧將背景或是物體處理成較為斑駁的色彩,夢幻中又可帶點神祕的特色。

p. 89


輕鬆創造視覺設計風格

Case Study

08 :

Have your Style –

Visual Communication Design

> 相關連結 Link 1. 印度藝術新聞雜誌網站 http://www.artindiamag.com/

2. 波希米亞風格插畫部落格 http://bohemianart.blogspot.com/

3. 星巴克咖啡網站 http://www.starbucks.com/

01 將手繪的人物草稿掃描進入 Photoshop 準備重新描線,在進入正式電腦繪製之 前,先確認畫面要出場的角色、物件,然後將草稿轉換成電子稿。

4. Lavin + Stacey 星巴克合作插畫公司 http://www.lavinstacey.com

a > 延伸閱讀 Reference 1. Bohemian Modern 2. India: A Sense of Place 3. India Contemporary 4. 成人著色繪本:波希米亞的春天

02 將素材置入主要檔案畫面。 因此要先將圖像去背只留線稿。 去背可以使用 "選取" →"顏色範圍",如圖a,吸取白色部分並將其刪除,產生圖 b 、c 的效果。所有人物 圖像都依此法先行處理,方便之後使用。


b

c

[Tip] 請注意矇矓像素的設定,可以放大邊緣來檢視去背的效果,以免發生缺陷。

d

e

03 接下來做主題文字的處理。 文字可以在 Illustrator 中製作,無論是要做重新編排 或是變形當相當適合,如圖 d 在 Illustrator 將打出的文字列 "轉外框" 後 "解散群組 ",就能開始做排列組合與各種變形,於是最後決定了樣式 e。

p. 91


輕鬆創造視覺設計風格

Case Study

08 :

Have your Style –

Visual Communication Design

> 關鍵字 Key Word 遮色片 遮色片是 Photoshop 的重要功能之ㄧ,可以 從選取的範圍製作遮色片。或可以使用「快速 遮色片」模式中建立遮色片,程式會用顏色區 分受保護和不受保護的區域。

04 將登場素材都做好初步的去背、製作之後,開始進入畫面背景的繪製。 首先在 Photoshop 繪製色條,並且必須在 「一色一圖層」 的狀態下繪製成,因為 之後背景將使用一些 "質感" 效果的處理,可以讓不同顏色的色條相融在一起。

05 「一色一圖層」的用意,主要在於 "遮色片" 的使用,而遮色片的用意,在於之後 能透過筆刷與橡皮擦的「擦去」與「還原」功能繪製質感上去。


06 在開啟遮色片後點選遮色片,使之後的動作能確實作用在上面。 此時,工具列上 色票會變成黑白兩色,選用筆刷功能時為黑色,黑色表示 「擦去」 的功能。 而 點選橡皮擦時為白色,白色為 「將擦去的部份還原」 ,如此一來,之後的繪製就 能很方便修改。

f

g

07 從原始的色條到繪製質感上去 (圖f) ,遮色片會顯示出擦去的部分 (圖g)。

p. 93


輕鬆創造視覺設計風格

Case Study

08 :

Have your Style –

Visual Communication Design

h

08 而質感是從何兒來的? Photoshop 的筆刷本身就有內建幾種較具有觸感效果的筆刷 (圖h),此外,還能夠從外面置入筆刷(ABR檔)進去,彌補內建的不足 "編輯" → "預設集管理員" → "載入" [Tip] 要製造出異國風自然的手繪觸感,不外乎是反覆的擦、還原、擦、還原, 以呈現出自然破碎的效果。

09 整體背景經過質感筆刷處裡後顏色與顏色之間彼此較為協調,進一步繪製左上角 流動色塊,作法同樣是先設定色塊再使用筆刷做出質感效果。


10 在顏色的選擇上,可以多嘗試使用 "色相 / 飽和度" ,以尋找、調整出較適合的配 色 "影像" → "調整" → "色相 / 飽和度"。

i

11 將之前處理過的素材置入畫面。將畫面中佔「最大面積」的主角,以及同樣重要 的商品圖像、文案,安排兩者間的相對位置文案的色條只要先製作出一個再行複 製即可,錯動的編排看起來較為自然(圖i)。

p. 95


> Case Study 09: “It's kind of fun to do the impossible.” – Walt Disney

p. 96


09. KUSO 酷獸 風格解說:王蔘 圖說

/

繪圖示範:周敬庭

p. 97


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 09:

使用軟體:PHOTOSHOP,

ILLUSTRATOR

KUSO 酷獸 近年年來所流行的 酷獸(KUSO) 的風格,多以卡通(Cartoon) 或漫畫的形式出現。內 容多半是具有幽默色彩或諷刺性的繪圖。 KUSO 影響年輕族群的生活範圍已經愈 來愈大,其範圍不再侷限於當初的口頭禪,或是網路互相流傳的文字,已經擴展 至其各個社會層面與生活模式。 KUSO文化起源於無意義的「惡搞」和「無厘頭」 的幽默表現。 而「惡搞」這種行為方式,早已普遍存在於世界,KUSO 一詞的出 現只是對這種滑稽幽默的遊戲行為的另一種說法。 享有盛名的 周星馳(Stephens Chow) 與 豆豆先生(Mr. Bean) 都為其代表人物。 視覺表現上以近年所流行的卡通 海綿寶寶(SpongeBob) 和 癟四與大頭蛋(Beavis and Butthead) 為代表。 此篇將介紹以 KUSO 文化為研究對象的周敬庭研究生如何創造屬於自己風格的惡 搞圖像,根據周的研究, KUSO 風格的表現形式可約略整理為以下幾類:1. 移花

> 關鍵字 Key Word 卡通 Cartoon 卡通一詞,來自義大利文大張紙的翻譯 (cartone),是指在紙上繪畫上一比一的草圖。 在一般的用法,與「動畫」同義。 但準確的 來分,卡通多以故事類型居多、內容較適合兒 童閱讀的動畫。 這類動畫較多以手繪的平面 圖片進行,通常具有劇情,且大部份是以孩童 為主要觀眾的動畫作品。 也有人把美系動畫 稱為「卡通」、日系動畫稱為「動畫」。

酷獸 KUSO KUSO 一詞源起於日文,原本是「可惡、大 便」的意思,通常也拿來當成罵人的口頭禪。 KUSO 傳至台灣以後,年輕族群透過網際網路 的交流與傳遞,不僅將 KUSO 轉化為一種朗 朗上口的口頭禪,也開始影響到年輕世代的生 活態度、觀念,漸漸成為「惡搞文化」的代名 詞。

接木類、2. 經典引用類、3. 毫無意義類、4. 突發奇想類、5. 諷刺取笑類、6. 刺 激行動類、7. 裝扮擬仿類。 可以結合不同影像或是將極為衝突的兩種物件結合

惡搞

在一起成為一種極為不協調的美感。 在設計風格上多是運用原本現有的元素或具

泛指稱 KUSO 在動作上所表現的意義。

有象徵意味的符號,修改部分內容合成,移花接木惡搞成為新的幽默作品。 在 色彩上為了強調其刺激的視覺快感,多用色塊及高彩度的色彩來製作圖像,適合 Illustrator 等向量軟體發揮。

無厘頭文化 無理頭文化以香港 1990 年代掀起的次文化為 代表,原為粵語的發音,中文解釋為「沒有一 點首尾」的意義。 其中又以周星馳的電影為 佼佼者。

p. 99


輕鬆創造視覺設計風格

Case Study

09 :

Have your Style –

Visual Communication Design

周星馳 Stephens Chow, 1962 ~ 於香港出生,在華人社會最具有影響力 的喜劇演員。 創造出許多膾炙人口的 電影,而他所奠定的港式無厘頭幽默, 笑中帶淚的喜劇表演,深獲觀眾喜愛。

01 首先在紙上畫出所需要的圖案線條以及輪廓,以 "筆刷" → "墨水筆" 描繪線條, 增加線條的筆觸,作為凸顯角色在畫面中的處理。 接下來以 300 dpi 的解析度掃

豆豆先生 Mr. Bean

描進 photoshop 存 psd 檔。

於 1990 年播出的英國的電視喜劇。 羅溫‧ 艾金森(Rowan Atkinson) 擔當劇中主角,並建 立了其膽小、弱智但又有些執著的搞怪形象。

[Tip] 請注意線條粗細的視覺表現,可以營造出手繪的趣味感。

海綿寶寶 SpongeBob 一系列美國電視動畫於 1999 年於美國頻 道 Nickelodeon 播出至今。 創始者則是一 名海洋生物學家兼動畫師史蒂芬‧海倫伯格 (Stephen Hillenburg),海綿寶寶雖然是低齡動 畫,但劇情幽默而充滿想象力,也吸引了許多 成人喜歡,成為風靡世界的作品。

癟四與大頭蛋 Beavis and Butthead 由麥克.賈治(Mike Judge)於1993年開始所製 作編導在MTV電視台播放的卡通影片,內容充 滿許多暴力與色情的話題。 藉由卡通中兩個 主角 — 癟四(Beavis) 與大頭蛋(Butt-head), 兩個叛逆又搞笑的美國小孩之間無厘頭的對 話,以髒話和厘語譏嘲唱歌的藝人,意外掀起 收視和模仿的風潮。 雖然劇情看似無厘頭, 但其實暗藏對描寫美國主流文化的諷刺,極盡 惡搞反諷之能事。

02 開啟一個 Illustrator 的 A4 列印文件,將角色圖案 psd 圖檔置入文件中,選取圖 檔,再點選上方的 "即時描圖" → "黑白標誌"。


> 相關連結 Link 1. 探討網路 KUSO 現象的論文

03 點選上方展開,圖案即完成自動描圖成向量色塊。 利用直接選取工具點選白色底

http://comm.nccu.edu.tw/wp-content/ digiconf05/part8/8-4.doc

2. 就是KUSO http://comic.funp.tw/

圖部份刪除,剩下角色即可。

> 延伸閱讀 Reference 1. 我愛周星馳 2. 元祖!抓狂一族 3. 挖鼻史 4. 海綿寶寶 5. 學校不教的 KUSO 世界史

04 利用 "矩形工具" 繪製 15x10.5 (cm) 的矩形當底,將角色調整至合適的大小,放置 於矩形當中。 利用 "直接選取工具" 點選色塊,先從聖誕老人開始上色。

p. 101


輕鬆創造視覺設計風格

Case Study

09 :

Have your Style –

Visual Communication Design

05 用鮮明的色彩填入 "放射狀漸層",再利用 "漸層工具" 調整漸層的 方向 及 位置 大 小。 填完聖誕老人顏色,再填標題字的顏色。 [Tip] 用對比鮮明的高彩度色彩間隔填入色彩,營造卡通造型的鮮豔色彩感。

06 完成填色後,將所有色塊 "群組 Ctrl + G" 起來,複製一角色填入黑色填色與線條, 將複製角色的 "筆畫寬度" 設為 5pt,放置於原角色後方對齊,營造角色細部筆畫 與外寬粗線條的卡通質感。


07 群組角色,點選 "效果--風格化--建立陰影", 製作不透明 75%,XY位移各1mm,模糊1.5mm 的黑色陰影,突顯整體的立體

08 將背景矩形填入紫色漸層到藍紫色的 "線性漸層",作為與聖誕老人膚色強烈對 比的趣味,增加色彩的豐富性與卡通對比色的誇張表現。 利用矩形工具繪製 14.5x10 (cm) 的白框矩形,對齊中央放置在背景當作邊框,將整張卡片的穩定性 提高即完成。

p. 103


> Case Study 10: “Remember crime against property is not real crime. People look at an oil painting and admire the use of brushstrokes to convey meaning. People look at a graffiti painting and admire the use of a drainpipe to gain access.” – Banksy

p. 104


10. Trendy 潮流塗鴉 風格解說:王蔘 圖說

/

繪圖示範:陳俊勤

p. 105


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 10:

使用軟體:ILLUSTRATOR

Trendy 潮流塗鴉

> 關鍵字 Key Word 潮流 Trendy

「潮流」一詞在近年來已經成為年輕族群中最常提起的話題,走在台北東區的小 巷內,隨處可見以潮流服飾為主的商店。 「潮流」是一種以年輕次文化的表現為 主,通常與日本、香港、紐約等街頭服飾的流行設計有關;在精神上重視表達自 我、個人意識和風格造形。潮流藝術的創作通常與幾個面相有關: 一、漫畫、卡 通、動畫的元素;二、玩具、公仔的設計;三、街頭流行服飾設計;四、塗鴉、 噴畫;五、滑板、衝浪等極限運動;六、刺青圖案;七、嘻哈、電子音樂和街舞 的啟發等。 從以上可以看出這些面相或元素,都不外乎與年輕人關心的活動和後 現代平面設計的拼貼個性相關。 基本上潮流塗鴉以漫畫墨水筆質感的黑色墨線勾 線為主,融合街頭風格塗鴉和動漫風格卡通的元素,以平塗的色彩和符號化的個 人風格表現為主。 潮流塗鴉的代表人物有美國的 KAWS 和日本知名潮流品牌 A Bathing Ape 等。 此篇以資訊月的海報創作作為主題,內容採取大量科技產品和機械元素;在表 現技巧上以卡漫的黑色線條、潮流和塗鴉筆法和重複複製的手法製作。 利用 Illustrator 繪製色塊,邊線取代機械的美感,用較少的色彩(1 ~3 色)製作平塗色 面,可以讓卡通的潮流感提升,掌握以上幾點,並把繪製好的物件利用位移和重 複製造動感,畫出潮流風格的作品。

據說潮流一詞最先來自於日本潮流之父:藤原 浩。 近年來發展出許多青少年之間交談引申 出來的厘語,如潮人(潮流藝術家或很懂潮流 的達人)、很潮(穿著很流行的人)、玩潮(專研 或有興趣於潮流活動的人)等。

KAWS Brian Donnelly, 1974 ~ 出生於美國紐澤西 (New Jersey)。 原為街頭塗 鴉藝術家,畢業於紐約知名設計學院 School of Visual Arts。 曾為迪士尼公司工作的背 景,也深深影響他在繪畫創作的表現。 他最 具代表性的創作便是以漫畫的線條、叉叉的眼 睛、米其林輪胎的吉祥物結合米老鼠和骷髏的 造形公仔 (Skull and Crosssbones) 聞名於潮 流界, 目前這個造型的公仔在市場上可是一 物難求。 曾於巴黎、東京等地展出,並推出 公仔、畫冊、和潮流服飾品牌 Undercover 合 作設計服飾。

A Bathing Ape 日本潮流時裝品牌,受到美國科幻電影「決 戰猩球」(Planet of the Apes) 的啟發,由常 尾智明 (NIGO) 於1993年與高橋盾(Undercover 的創辦人) 所合作創辦。 其實品牌的原意是 A Bathing Ape in Lukewarm Water ,意思是指 一隻泡在微溫水裡沐浴的猿猴,有安逸意思, 十分符合潮人所追求的隨性精神。 服飾以猿 人頭像符號和迷彩為設計重心,受到廣大潮流 人士歡迎。

p. 107


輕鬆創造視覺設計風格

Case Study

10 :

Have your Style –

Visual Communication Design

> 相關連結 Link 1. Kaws 紐約展覽的圖片 phalanx studio http://www.phalanxcreative.com/ blog/?p=773#more-773

2. KAWSONE 官網 http://comic.funp.tw/

01 將草搞匯入放置圖層,取名為「草稿」,將其圖層透明度改 "70 %",並且"鎖定" 圖層避免移動。

3. KAWS 部落格 http://comic.funp.tw/

4. A Bathing Ape 官網 http://www.bape.com

02 新增新圖層做為描外框使用,筆劃使用 "5pt" 來做基本筆畫寬度,描圖可依草圖為 基礎,但可隨比例自己調整。


> 延伸閱讀 Reference 1. 潮星人語?

03 新增圖層取名為「色」,做為上色塗層。

2. 藝術家潮流角色圖鑑 3. 佼頭牌潮流大補帖 4. 公仔流 ~ 全球設計師30傑!

04 使用 "鏡射功能" 將左邊的物件鏡射。

p. 109


輕鬆創造視覺設計風格

Case Study

10 :

Have your Style –

Visual Communication Design

05 左右物件加以整理組合、編排。 [Tip] 1. 請注意墨水筆線條粗細的視覺表現,可以營造出手繪的趣味感。 2. 注意物件排列的順序,可以適時旋轉物件產生左右不完全對稱的變化。

06 使用筆畫工具和圓形工具來構圖,構圖方式參考步驟 02。


07 構圖步驟參考,步驟 03 和步驟 04,產生此物件。 [Tip] 1. 潮流風格的視覺表現重點在於「重複」與「動態」,可以利用圖形的複製 與旋轉位移產生變化和流動的質感。 2. 注意黑色塊面與線條的比例分配,營造視覺上的平衡感。

圖1

圖2

08 以圓點工具產生小圓點後 1. 按住 "alt"「ctrl+D (重復上一指令)」產生連續等距圓點。 2. 將圖 1 "群組" (ctrl+G) 以 "旋轉工具" 選定軸心後轉出等距距離後按住 "alt"「ctrl+D (重復上一指令)」產生圖2。

p. 111


輕鬆創造視覺設計風格

Case Study

10 :

Have your Style –

Visual Communication Design

圖2

09 將圖1 物件使用「物件 / 路徑 / 位移複製」 可輸入位移的距離,將第 2 物件改變顏色,產生出圖 2。

在此可畫線增加利體感

10 複製同一物件並改顏色,放置最下層後 "往下位移" 以產生立體感, 穿幫的地方可做新物件來遮掩。


11 以步驟 02 和步驟 03 方式,產生此物件。 圖層分為「參考線」層和「圖」層,以 「紅色參考線」層畫一參考線做為「圖」層參考曲線位置,產生具有不同大小圓 點的曲線。

12 將所有物件組合編排,即可完成。

p. 113


> Case Study 11: “Imagination is more important than knowledge.” – Albert Einstein

p. 114


11. Graffiti 塗鴉 風格解說:王蔘 圖說

/

繪圖示範:劉憲宗

p. 115


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 11:

使用軟體:ILLUSTRATOR

Graffiti 塗鴉 居住環境的狹隘把現代人的生活拋露在街頭,社會的權利結構與主流文化推擠著 次文化社會邊緣人,將街頭變成自我創作的舞台,塗鴉文化便是在此背景之下逐

> 關鍵字 Key Word 反文化 Counterculture 反文化屬次文化(Subculture) 的一支,如美國 60年代的「嬉皮世代」(見 p.38),其基本精 神發展於對「主流價值」的批判。 反文化在 某種層面上是一種社會演進和改革的力量。

漸形成所謂的 反文化(Counterculture) 小團體。 塗鴉本身便是都市地景的一部份, 在公共空間上書寫也己經變成 街頭藝術(Street Art) (見p.52) 的一部份。 「塗鴉」 最初是用來指在古代文明的遺跡或廢墟上找到的文字或圖畫。 現代的塗鴉指在一 般公共空間所出現的噴漆、貼紙、文字或圖案。最具代表性的人物有美國的 凱 斯‧哈林(Keith Haring)、尚‧米榭‧巴斯奇亞(Jean-Michel Basquiat),英國的 班克

次文化 SubCulture 字面上來說是「非主流文化」,即在所謂的主 流社會中,不被大多數人所接受、認同的行 為、態度、規範和信仰的文化或一群人,但並 非一定是反對主流文化的偏差行為。

西(Banksy) 等人。 (創作自述) 在現代社會的權力架構中,塗鴉成為都市空間的犯罪活動。 人類在生 活中受到精神與物質的雙重束縛,在這些束縛中就失去了理想和自由。 於是人們 利用剩餘的精神創造一個自由的世界,它就是遊戲。 藝術之美的創造,是從遊戲 的本能出發,塗鴉亦是如此,在消耗了生活上的剩餘精力之後,可以得到一種遊 戲和創作的快感。 創作者以主題 "塗鴉遊戲 HAVE FUN" 為出發點創作,輕鬆製作 圖像,在遊戲中創造無限可能。 並同是展現和利用塗鴉的幾種技巧 Tags、Throwup、 Pieces 、Mastepieces 、Stencil 等方式進行創作。

p. 117


輕鬆創造視覺設計風格

Case Study

11 :

Have your Style –

Visual Communication Design

凱斯‧哈林 Keith Haring, 1958 ~ 1990 美國著名的街頭藝術家和社會運動者。 創作 的形式多半使用白色粉筆在紐約的地鐵中塗 鴉,單色的線條裝飾和跪趴著的小人是他招牌 的圖案。

01 先在 Photoshop 中製作高反差的建築物影像,利用渲染的方式製作底圖,並將其

尚·米榭·巴斯奇亞

置入 Illustrator 之中。

Jean-Michel Basquiat, 1960 ~ 1988 早夭的天才塗鴉藝術家。 他成名於美國街頭 的塗鴉藝術,作品曾賣到550萬美金的高價, 最後卻因為憂鬱而死於毒品,年僅28歲。普 普藝術家安迪沃荷是他生前的唯一好友。

班克西 Banksy, 1974 ~ 當今最紅的神秘英國塗鴉藝術家,從不接受任 何訪問,其作品以幽默又帶有諷刺意味而聞 名,版模塗鴉的黑白風格是其創作的特色。

02 利用 "鋼筆工具" 描繪圖像,並上色以及利用色塊製作圖形的亮面以及暗面部分。 並在圖形的外框增加 "筆畫" 粗度,使圖像更具有手繪感。 [Tip] 可適時利用剪刀或是美工刀工具、橡皮擦工具來製作符合邊面的暗部色塊。


> 關鍵字 Key Word Tags

03 重複步驟 2 的製作方式將整個小丑繪製完成,將細節部分整理以及線條的修飾可 以使整個人像更趨於完整。

又稱標貼,以快速或潦草方式書寫的簽名或 「署名」,是塗鴉者佔據地盤最常見的一種形 式,起源於幫派間的佔地符號,通常以噴漆、 粉筆或麥克筆書寫單一色彩且一筆完成的纏繞 線條文字。

Throw-up 以 Tag 的纏繞文字為基礎文字,增加外框、 對比色或立體的輪廓,整體字型結構以圓形複 製,又稱「泡泡字」。

Mastepieces 比較接近純繪畫,通常以卡通或漫畫形象出 現,以繪畫的方式創造有趣和複雜圖像作品。

Stencil 「版模塗鴉」,類似版畫的技巧,將做好的影 像以影印或電腦印製出來,用切割的紙版或其 他紙張製作成噴漆的模子,可以大量複製圖 像。

Pasting 「紙糊塗鴉」,以電腦繪圖或其他繪製於海報 或大張的紙張上,以膠水黏貼於牆壁上。

Sticker

04

「貼紙塗鴉」,以小張的貼紙隨手張貼於燈桿 等公共空間之中。

將繪製好的小丑放到底圖之下,可做出變化很多在這張圖中選擇置中的對稱 ("按 右鍵" → "變形" → "鏡射"),置中是比較古典的做法但卻可以使畫面穩定,將底圖 選擇 "透明度"-->"色彩增值" 放置所有圖層的最上層 。 [Tip] 圖層的管理,將不要使用的圖層鎖定起來,可以避免移動到其他圖像。

p. 119


輕鬆創造視覺設計風格

Case Study

11 :

Have your Style –

Visual Communication Design

> 相關連結 Link 1. 班克西的網站 http://www.banksy.co.uk/

2. 凱斯‧哈林的網站 http://www.haring.com/

3. 超棒的塗鴉收集網站

05 開設一新圖層,用鋼筆工具繪製咖啡與紅色、灰色相間的色塊畫出幾道彩虹,並 利用大小不同的放射狀彩虹放在面下方讓彩虹有從下方放射出來的感覺,加上半 圓形的彩虹置於畫面的左方。

http://graffiti.keusta.net/

4. 探討街頭塗鴉的部落格 http://ubnmsgr.org/ubnmsgr/index.html

06 繪製黑白高反差塗鴉風格 stencil (模板塗鴉) 的感覺,放置在畫面的上方,彌補畫 面上方的空虛感。 [Tip] 在下方墊著一張照片利用 "鋼筆工具" 描繪臉部,需要黑白分明。


> 延伸閱讀 Reference

07

1. GRAFFITI WORLD 2. GRAFFITI BRASIL

新增一新圖層,用來繪製圓形圖案,包括跟彩虹一樣的圓形以及純黑色的圓圈,

3. Wall and Piece: Banksy 官方作品集

黑色的圓圈放置於下方與建築物融為一體,大小圓形'向上縮小有使圓形有上升的

4. 次文化風格的意義

感覺。

5. 塗鴉人: 轟炸台灣 6. 新普普藝術家: 凱斯.哈林 7. 塗鴉‧城市糖果地圖

08 最後放上塗鴉字型也就是所謂的 "Tags" 手寫塗鴉字體,也可簽上自己的姓名放在 兩個小丑的中間,使小丑的視覺焦點在姓名上。 [Tip] http://www.graffittifont.com 可以下載相關塗鴉字體。

p. 121


> Case Study 12: “Art to me is a humanitarian act and I believe that there is a responsibility that art should somehow be able to effect mankind, to make the word a better place. ” – Jeff Koons

p. 122


12. Neo POP 新普普 風格解說:王蔘 圖說

/

繪圖示範:王志佑

p. 123


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 12:

使用軟體:ILLUSTRATOR

Neo POP 新普普 新普普藝術的出現有幾項社會上重要的來源和意義的發展 :一、普普藝術的大眾

> 關鍵字 Key Word 大眾文化 Popular Culture 又稱流行文化、普及文化、通俗文化,指在以 商業基礎上的現代社會中所大眾趨勢和流行 (popular) 的文化。

文化(Popular culture) 的動漫美學思維為藝術開啟了一條親民的道路; 二、媚俗 (Kitsch) 在藝術上的地位提升; 三、藝術、商業和設計的結合。 所謂文化創意產

媚俗 Kitsch

業的出現,藝術品轉換成消費商品或是日用品的圖案裝飾,對藝術的傳統價值提

由德文翻譯而來。 通常指相對於高等文化之 外,影響最大的便是在藝術文化的表現上,所 謂高藝術(High Art)至高無上的價值,遭受媚 俗善於拼貼、模仿、迎合大眾的能力衝擊;媚 俗對現實的認知使的通俗文化有機會成為品味 的象徵。

出了挑戰,但無形中也提升了日常生活有精緻文化的可能性。 在這其中,最具 代表性的便是 村上隆(Takashi Murakami) (見p.45) 所領導的 超扁平(SuperFlat) (見 p.45) 運動,他以日本動漫的形象並導入藝術,並結合社會議題嘲諷膚淺的大眾文 化扁平而缺乏深度的特性。 但他最令人非議的便是消費藝術和文化,以及所謂的 名牌發展商品,並以工廠生產複製藝術商品,使他成為賺錢的藝術家。 其他當代

傑夫‧昆斯

新普普的代表人物還有 俗艷王子 傑夫‧昆斯(Jeff Koons)。

Jeff Koons, 1962 ~

本圖創作的內容,多半取材於當代娛樂業的產物或一些時代符號的 拼貼(Collage) (見p.59)。 圖像大多從廣告、雜誌、電視、電影、漫畫中吸取靈感並加以應用。 新普普的風格與普普藝術有一些差別;新普普風格融合了 龐克(Punk) (見p.52) 、 塗鴉(Graffiti) (見p.117) 、卡通(Cartoon) (見p.99) 和日常物品的內容表現。 在創作 新普普風格時可以注意以下手法的運用:一、以具有語彙或商業代表性的符號增加 圖形或改變放入圖中,重點是不段的複製和重製的過程。 二、使用龐克、塗鴉、 漫畫的筆法或造形;三、以具有象徵意義的色彩,以鮮明的動漫方式上色。

出生於美國賓州,曾任華爾街股票仲介,影響 他後來在市場操作藝術的手段,故意媚俗的創 作和商業化的行為使他有「戰利品藝術家」 的稱號。1991年他與義大利脫星議員「小白 菜」史脫樂結婚,後來推出爭議的「Made In Heaven」性愛照片系列作品,成為「媚俗紀 念碑」的作品。 後來創作一系列不鏽鋼材質 的模仿汽球玩具雕塑作品而聲名鵲起,其作品 「懸心」在紐約蘇富比以 2360 萬美元的天價 成交,創下仍在世藝術家作品拍賣價格的新紀 錄。

p. 125


輕鬆創造視覺設計風格

Case Study

12 :

Have your Style –

Visual Communication Design

> 相關連結 Link 1. Jeff Koons 的網站 www.jeffkoons.com

2. 論文 Avant-Garde and Kitsch http://www.sharecom.ca/greenberg/

01 製作具有漫畫筆觸的爆炸圖形,首先將收尋到的爆炸圖放入軟體之中並描繪成線 稿,然後填入黑色,製作一個白色底的外框置於底部。

kitsch.html

3. 探討媚俗文化的雜誌 kitsch http://www.kitschmag.com/

02 製作飛彈手,將收尋到的飛彈影像圖片放入軟體之中並轉繪成線稿,點選住飛彈 手,按下 "Alt" 複製 一個飛彈手,然後圈選紅色部分,然後選擇 "路徑管理員" 中 的 "合併',然後展開,選擇物件裡的路徑,選擇 "位移複製",位移選擇2mm,其 他不變。將內部多餘的去除,保留住外框。 將外框填入白色並置於先前保留下來 的手之底部。複製多個放入圖面中。


> 延伸閱讀 Reference

03 接下來描繪嘴巴的部份,在舌頭裡的圖樣,先描繪製作好其名牌花紋圖樣將其轉 化,並選擇花紋圖樣與舌頭範圍,按右鍵選擇 "製作剪裁遮色片"。 最後製作一個 白色外框置於底部。

1. JEFF KOONS: 2. Jeff Koons: Versailles 3. Jeff Koons & Andy Warhol: Flowers 4. 現代性的五副面孔 5. Happy Kitty Bunny Pony

04 繪製音箱,可以照音箱之形狀做平面繪圖,然後選擇效果,在 "3D 裡的突出與斜 角",將突出深度數值依自己的需求調整(可勾選 "預視功能" 參考)即可做出立體的 音箱圖形,最後確定之圖形可將其轉為外框。

p. 127


輕鬆創造視覺設計風格

Case Study

12 :

Have your Style –

Visual Communication Design

05 描繪眼鏡圖,並製作位移複製白底於底部 (可參考 02 之步驟),將內部的眼鏡鏡面 填上漸層色。 骰子製作,先畫出一個正方形,選擇 "效果" → "3D" → "突出與斜角 ",將突出深度數值趨近於正立方體,並左右調整視角(可勾選預視功能參考),確 定之後按右鍵 "轉成外框" (可多製作幾款不同視角),骰子內的點數可於確定外框 後在加入,然後排列於鏡片內。

06 畫一個圓並填入黃色,打入 $ 的符號,選擇文字裡的具有裝飾性的符號即可,可 製作圓圈的陰影使其更加具有重量感,然後將透明度改為 50%,並複製多個在畫 面下方,增加其畫面豐富性。


07 點選文字工具,打入 CONSUME 文字,選擇較有設計感的字型,點右鍵將其轉成 外框,填入橘到黃的漸層色,按 "Alt" 複製 一個並且填入黑色。 再將剛剛製作的 文字外框重新複製一個,並製作位移複製,填入白色置底。 排入畫面當中,做點 活潑性的變化,將文字作稍微傾斜。

08 底圖製作,先描繪出圖片中波浪的形狀一長條,先點選畫好的波浪,再按 "Alt" 複 製一個,之後可按 "Ctrl+D" 行 "快速位移複製",然後製作一個透明無填色無框線 之正方形再其圖形連續交接處,並置於圖形之下,按 "編輯" → "定義圖形",即 可在色票上多出一個新的圖形,然後在點選新定義的圖形,使用框線畫出底圖範 圍,即可製作出底圖。 將所有物件組合即可完成一幅普普的藝術創作。

p. 129


> Case Study 13: “I have the gift of neither the spoken nor the written word, especially if I have to say something about myself or my work. Whoever wants to know something about me (as an artist, the only notable thing) ought to look carefully at my pictures and try and see in them what I am and what I want to do.” – Gustav Klimt

p. 130


13. Art Nouveau 新藝術 風格解說:王蔘 圖說

/

繪圖示範:劉憲宗

p. 131


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 13:

使用軟體:ILLUSTRATOR

Art Nouveau 新藝術 新藝術運動在 1880 至 1910 年活耀於歐洲,起因是為對於粗陋的機械工藝品 的反思和日本精緻浮世繪的影響。 受到英國美術工藝運動領導人 威廉‧莫里斯 (William Morris) 的影響,主張工匠藝術應朝著傳統工藝精神精緻性的美感和合理 性的設計方向前進。 新藝術風格以感性圓滑的曲線、纏繞的花朶和植物、非對稱 的構成等創造出唯美裝飾的畫面風格,作品是以手工藝的創作出發;包括海報、 傢俱設計、建築設計和生活用品等。其中在法國的新藝術風格以植物形態和傳統 元素為題材發展;德國的新藝術以線條表現為主,偏向傢俱的造形使用,又稱為 「青年風格」(Jugendstil);在奧地利新藝術倡導與學院派的分離,稱為「維也納

> 關鍵字 Key Word 威廉‧莫里斯 William Morris, 1834 ~ 1896 英國美術工藝運動領導者,否定機械化的生 產,強調中世紀的誠實美感,最有名的為其壁 紙的圖樣設計,成立手工藝的製作公司,開啟 了藝術家集體參與設計的方向。

慕夏 Alphonse Maria Mucha, 1860 ~ 1939 出生於捷克,最成功的作品就是其所創作的海 報,是現代平面設計的典範。 他所繪畫出的 女子,氣質優雅清新,融合華麗而優美的線條 裝飾,使他成為新藝術中的佼佼者。

分離派」(Vienna Secession) ,在風格上仍延續線條的表現,但追求突破以幾何和 黑白等用色等尋找新的發展方向。 新藝術最具代表性的藝術家為:慕夏(Alphonse

克林姆

Maria Mucha)、克林姆(Gustav Klimt) 等人。

Gustav Klimt, 1862 ~ 1918 生於維也納, 新藝術的代表人物。 帶有搧情 意味的情慾男女,華麗的線條和金箔的裝飾是 他創作的重要特色。 曾任「維也納分離派」 (Vienna Secession) 的第一任主席。

新藝術風格的特色表現中,最重要的就是其波浪形和流動有機造形的裝飾線條。 在創作新藝術風格時利用以下的手法來達成:一、本創作利用幾個英文字母作為基 本的構想,利用自體本身造形的弧度做為基軸,編排出流動的線條; 二、從自然 界中的有機造形取材; 選取昆蟲造形做為與圖案線條發展的裝飾,如花、草和蝴 蝶等。 三、以線條的發展和延伸為主軸構圖,利用點、線、面的構成畫面。

p. 133


輕鬆創造視覺設計風格

Case Study

13 :

Have your Style –

Visual Communication Design

> 相關連結 Link 1. 穆夏博物館 http://www.mucha.cz

2. 有關新藝術運動的介紹 http://pagesperso-orange.fr/artnouveau/

01 首先找到一張蝴蝶的製片,用 "鋼筆工具" 描繪蝴蝶的翅膀以及裡面的肌理,翅膀 裡面的圖像充滿有機圖形,符合新藝術的精神,向自然界取材。

en/index.htm

3. 有關克林姆的網站 http://www.iklimt.com/

02 繪製好蝴蝶之後,可以畫一些 "樹葉" 植物,或是利用一些圓形與直線製作,將蝴 蝶傾斜對稱的視覺效果。


> 延伸閱讀 Reference

03 以同樣的做法繪製昆蟲蜻蜓,並在頭部的部分製作圓形等幾何圖形取代頭部。

1. Klimt 2. 阿爾豐斯‧穆夏 3. 克林姆 4. Gustav Klimt: From Drawing To Painting 5. Art Nouveau

04 選擇合適的字體,比如 Serif 字體,可以讓字體較符合有機型體。 [Tip] 有襯線 Serif 無襯線、Sans Serif 這兩個有什麼差別 This is Serif using "Times New Roman" font. 有襯線會 "多一橫或收尾的勾勾" This is Sans Serif using "Arial" font. 無襯線就沒有。

p. 135


輕鬆創造視覺設計風格

Case Study

13 :

Have your Style –

Visual Communication Design

05 在做好的字體四周加上事先描繪好的植物、花卉等等,裝飾在字體四周。

06 以線條的發展和延伸為主軸構圖,利用 點、線、面 來構成畫面。


07 重複步驟 02、步驟 03 將畫好的藍色昆蟲分別放置於上方與下方,製作畫面對稱 的呼應 。

08 繪製一灰色區塊,將區塊選擇 "透明度" → "色彩增值" 放置所有圖層的最上層 。 大致上可完成一幅較為古典的新藝術作品,下列步驟將製作色彩較為豐富且具現 代感的新藝術視覺感受。 [Tip] 圖層的管理,將不要使用的圖層鎖定起來,可以避免移動到其他圖像。

p. 137


輕鬆創造視覺設計風格

Case Study

:

Have your Style –

Visual Communication Design

09 首先利用 "橢圓型工具" 畫上一個正圓形跟一個橢圓形。

10 選取兩個物件,"選擇物件" → "漸變" → "製作"。


11 漸變會依據兩個圖形之間做變化,也可以利用 "漸變選項" 調整 "漸變階數" 和 "指定間距"。

12 點選該物件 "按右鍵" → "選轉","勾選拷貝" 角度打上45度, 連續重複拷貝就可得到傘型圓,完成後置入之前的背景組合安排即可完成。

p. 139


> Case Study 14: “The new electronic interdependence recreates the world in the image of a global village.” – Marshall McLuhan

p. 140


14. Techno 電子風格 風格解說:王蔘 圖說

/

繪圖示範:陳俊勤

p. 141


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 14:

使用軟體:ILLUSTRATOR

Techno 電子風格 Techno 原本是指 電子音樂(Electronic Music) 的一類,簡稱「電音」。 電子音樂 以電腦合成器製作;其種類有基本的 Trance、Tribal、Breakbeat、House、Drum and Bass 等類型。電子音樂的出現象徵了數位時代的來臨,也和夜店文化與 銳

> 關鍵字 Key Word 電子音樂 Electronic Music 簡稱電音。廣義而言,只要是使用電子設備 所創造的音樂,都可稱之為電音。 其音樂類 型包含音樂類型 Tribal、Trance、House、 Techno、Breakbeat、Big Beat、Jungle、 Electro、Progressive 等種類。

舞(Rave) 電音派對有很深的關係,因此在視覺設計的風格上、很自然的也多採用

RAVE

數位影像、科技用品、DJ 的唱片、耳機或唱盤用品或夜店的舞課風情為內容。

"銳舞派對" 象徵了自由的數位時代派對靈魂。 與一般派對不同之處在於其對於「場地」的 定義,可能是在郊外、廢棄的遊樂園、倉 庫、工廠等任何奇怪的地方,而不是正常的 舞廳。參加人數從數十人到上萬人都有。 銳 舞派對以電子音樂的 DJ 連續混合舞曲為主, 而 DJ 正是銳舞派對的靈魂所在。

其中最具代表性的便是日本的電音團體 HIFANA ,他們獲得日本文化廳藝術祭 Entertainment 部門受賞的 (Wamono) MV。 HIFANA 從電子音樂的意像出發、結合 東西文化的符號從平面設計到動畫設計,堪稱是新時代電子風格設計的代表作。 HIFANA 的設計風格融合了電子音樂與潮流設計的線條,從作品當中彷彿可以看到 音樂的動感與數位時代的背景,這也是電子風格的主要意像。 儘管電子風格在影像的創作和向量的創作各擅其場,本創作利用向量軟體 Illustrator 擅於繪製幾何圖形的特性,以未來感的電子音樂為啟發,以電路版的圖 形為表現手段,希望能呈現電音舞曲充滿數位音律和節奏動感的意像。

HIFANA 在沖繩方言中為「南方的風」之意。 由化 名 KEIZO Machine 和 Juicy 的 DJ 所組成。 他們自己繪畫設計自己造形的角色、設計海 報、 加上其獨特碎拍的音樂風格、結合 DJ 互動表演、動畫和演奏等,結合傳統日本三 味弦和電音節拍的音樂風格,可以說是多才 多藝的藝術家、設計師兼發明家。 他們更獲 得 Resfest 動畫影展、日本文化藝術祭大賞獎 等。

p. 143


輕鬆創造視覺設計風格

Case Study

14 :

Have your Style –

Visual Communication Design

> 相關連結 Link 1. 電子風格的插畫圖庫 http://www.fotosearch.com/illustration/ techno.html

2. HIFANA 的官網 http://www.hifana.com

3. Trance 教主 Paul Van Dyk 的網站

01 以貝茲區線拉出所需的角度後,按住 "Shift" 以鎖定角度可使用工具列的圖形工 具,利用 "Shift" 來做出 "等比例" 的圖形。 [Tip] 關於貝茲曲線的說明,可參見 p.57。

http://www.paulvandyk.com/index.aspx

02 利用步驟 01 的方式做出以上獨立物件。 [Tip] 注意取材時的方向,可以考慮電子音樂或銳舞派對中常出現的一些元素 作為特徵。


> 延伸閱讀 Reference 1. Connection: CD+DVD / HIFANA

03

2. 電子音樂:理論與實作 3. 2001電音世代 - 電子舞曲聖經

利用圖層來分 「框 」層 和「色」層分別主框和顏色,這樣在上色時不會被外框 所影響,上色的方式是用 "筆畫工具" 和 "矩形工具",呈現出具科技感風格。

04 使用筆畫構圖,框度使用 "3pt",在構圖完成後可換使 "筆畫轉換外框",產生節點 後可做微調。

p. 145


輕鬆創造視覺設計風格

Case Study

14 :

Have your Style –

Visual Communication Design

05 將獨立物件 "左右鏡射",產生新的獨立物件,將所以物件加一編排。

06 使用 "矩形工具" 拉出一個矩形,使用 "直接選取工具" 來產生不同的節點位置。 在 此使用筆畫 2pt,構圖完後使用筆畫轉外框功能。


> 關鍵字 Key Word Trance

07 利用不同筆畫寬度來構此圖,將筆劃轉換外框後,可使用節點工具改變位置。

源於德國的電音舞曲,風格上利用電子合成樂 器、低音貝斯、電子鍵盤等音效配合些許的 Vocal 製造出 "夢幻律動" 的效果。 代表的藝 人為 Paul Van Dyk 。

Breakbeat 「碎拍」結合了Hip-Hop的節奏和混音技巧、 結合電子鍵盤風格和取樣技巧,以 Funky的 節奏、大量的取樣和電子混音Vocal,以一 層又一層的加速前進。 代表的音樂團體是 R.M.B.。

Jungle 以「碎拍」為背景發展出來,速度較快,也是 Drum'n'Bass 的前身。 表現風格上節拍複雜 而強悍、多結合 Rap 口語上的表現。

House 「浩室」源於美國芝加哥。 主要表現風格以 電子合成的輕鬆簡單旋律、以四分之四拍不斷 重複電子鼓規律的節奏及黑人藍調歌聲混音 在一起。 原意是在家中可簡單製作的音樂, 也是它廣受歡迎的原因。 代表的音樂團體是 M-People。

Drum and Bass

08

以鼓跟貝斯 (BASS) 為主軸的音樂。 主要表現 風格以注重節奏的變化、運用各種不同的電子 鼓或是取樣。 其他的部份可能是以上音樂的 混合,但是還是主要以鼓跟貝斯。

可利用筆畫 2pt 和 4pt 的組合,製作一些裝飾性的小物件。 將所有物件加以編排,就可完成一篇科幻電子的視覺饗宴。

p. 147


> Case Study 15: “Abdul Mati Klarwein is a visionary poet of the sublime. He is an artist of amazing technical virtuosity. He is also an enigma that an ever widening audience is trying to solve.” – Ronald A. Kuchta

p. 148


15. Psychedelic 迷幻藝術 風格解說:王蔘 圖說

/

繪圖示範:賴般若

p. 149


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 15:

使用軟體:PHOTOSHOP

Psychedelic 迷幻藝術 Psychedelic 做名詞翻譯來說是迷幻藥的意思,與靈魂和精神狀態相關。 Psychedelic Art 主要指稱那些在嗑藥過後、或精神狀態不穩定時所繪畫或見到 的視覺景象。 主要起源於 60 年代以 嘻皮(Hippies) (見p.52) 為基礎的的 反文化 (Counterculture) (見p.117) 運動,因為搖滾樂而設計出了許多以嗑藥後的迷幻意像

> 關鍵字 Key Word 歐普藝術 OP Art 歐普就是 Optical (光學) 的縮寫, 利用光學 或視覺的錯視所營造的畫面,有時甚至會讓 人在靜止的畫面上有移動或昏眩的效果。 在 視覺表現上企圖摒棄故事或主題性的繪畫創 作,以心理意識和視覺學理的探討來表現作 品。 代表的藝術家有法國的瓦沙雷利 (Victor Vasarely) 和萊利(Bridget Riley)。

為主的演唱會海報、唱片封套、地下刊物和漫畫等設計作品。 因此,在議題和內 容中主要也從性別認同、大麻、搖滾樂等議題出發連結。 因此,在視覺內容的圖 像上多以幻想和超越現實的怪誕拼貼為主。 另一方面,歐普藝術(OP Art) 在視覺 上的迷幻效果與錯視的運用,也充分被運用在迷幻藝術中萬花筒般的視覺風格之 中。 代表人物首推飽受精神疾病的幻覺困擾所苦,而創作出以點狀迷幻普普風格 的 草間彌生(Yayoi Kusama) (見p.45)、Mati Klarwein。 迷幻風格的特色表現當中,最重要的表現手法有以下幾項 : 一、抽象的內容。 利用天馬行空的幻想或現實與幻想的拼貼; 二、萬花筒的視覺表現,以 碎形 (Fractal)、漩渦狀或高彩度的螢光色表現,來呈現視覺迷幻的效果; 三、變形, 利用對現實物品的變形或對字體設計的變形,來達到精神混亂的效果。

Mati Klarwein Abdul Mati Klarwein , 1932 ~ 2002 出生於德國。 在多國旅行並於 1960 年代到 了紐約,並曾為 Miles Davis 和 Santana 等著 名樂團設計唱片封面。 因為其多元文化的背 景,他的用色華麗而鮮豔、瑣碎和變形的形體 交錯編織,顯示出異色、超現實且迷幻的詭異 畫面,被歸類為迷幻藝術的代表畫家。

碎形 Fractal 最初出現在數學上的用語,指在所有的大小下 都顯得相似且可以連續分解發展的零碎形狀。 通常又指自然界中結晶狀的有機造形,如雲、 雪花、砂礫或是海岸線的重複且近似的碎裂形 狀等。 現在更有軟體透過電腦運算,可以幫 助或自動製造碎形物件或創造碎形藝術(見參 考書目)。

p. 151


輕鬆創造視覺設計風格

Case Study

15 :

Have your Style –

Visual Communication Design

> 相關連結 Link 1. Mati Klarwein 的網站 http://www.matiklarweinart.com/

2. 草間彌生官網

01 開啟檔案至 Photoshop 圖層當作背景底圖。

http://www.yayoi-kusama.jp/

3. 碎形軟體 Ultra-Fractal 的網站 http://www.ultrafractal.com/

02 接著透過下列步驟:"影像功能" → "調整" → "選取顏色",將黑色範圍的 CMYK 皆 調整至+100%。


> 延伸閱讀 Reference

03

1. God Jokes: The Art of Abdul Mati Klarwein

再重複一次此步驟:"影像功能" → "調整" → "選取顏色",將白色範圍的 K 調整

2. 草間彌生全版畫集

至-100%,達到背景底圖顏色更加銳利與對比的效果。

3. Yayoi Kusama Furniture by Graf:Decorative Mode 3 4. 乩視覺 5. 飆碎形

04 此時,開啟手繪稿檔案至 Photoshop接著透過下列步驟,"影像功能" → "調整" → " 亮度 / 對比",將對比範圍調整至+60%,讓手稿顏色更加顯色以利於之後的步驟。

p. 153


輕鬆創造視覺設計風格

Case Study

15 :

Have your Style –

Visual Communication Design

05 接著透過下列步驟,"選取功能" → "顏色範圍",將滴管吸取手繪稿畫面的黑色部 分,並將樣本顏色範圍調整至 200。

06 按下 04 步驟的顏色範圍確定鍵之後,點住移動工具的箭頭,準備將選取的顏色範 圍拖曳到背景底圖。


07 將手繪稿拖曳到背景底圖之後,利用 "編輯功能" → "任意變型",將手繪稿調整到 適當比例大小的畫面。

08 接著隱藏圖層1,開始用油漆桶工具將背景圖層逐漸上色。

p. 155


輕鬆創造視覺設計風格

Case Study

15 :

Have your Style –

Visual Communication Design

09 接下來製作圓點的部份,先在 Illustrator 繪製兩個圓點,利用 "物件" → "漸變" → "製作",將圓點製作成一個方型。

10 按 "Ctrl+c" 複製 "Ctrl+v" 貼在 Photoshop 的新開檔案上, 使用 "濾鏡" → "扭曲" → "魚眼效果" 將圓點套用此效果使圖形膨脹。


11 使用 "濾鏡" → "扭曲" → "旋轉效果" 使圖像呈現同心圓扭曲狀態。

12 利用矩形工具繪製色塊,並在 "透明度" 上選擇 "顏色變亮" 將色彩填上。 將做好 的藍色扭曲變形過的圓點,拖曳到主圖並再複製放於左右兩邊後疊在背景圖層運 用。

p. 157


> Case Study 16: “Abdul Mati Klarwein is a visionary poet of the sublime. He is an artist of amazing technical virtuosity. He is also an enigma that an ever widening audience is trying to solve.” – Ronald A. Kuchta

p. 158


16. Moe 萌 風格解說:王蔘 圖說

/

繪圖示範:王蔘

p. 159


Have your Style – 輕鬆創造視覺設計風格

Visual Communication Design

> 案例分析

Case Study 15:

使用軟體:PHOTOSHOP

Moe 萌 「萌」代表了一種『宅』對偶像的熱情、也代表了一種『宅』對理想的堅持。 「萌」這個名詞最初在日文當中被指稱為「幼芽」或「燃燒」,後來這個抽 象的概念卻演變成為對「可愛事物的熱情」; 尤其常被動漫族來形容動漫當 中出現的性感女性角色。 如今這原本流行於日本東京秋葉原地區的萌文化, 也隨著「御宅族(Otaku)」商品對台灣的視覺文化,產生了一股另類的 次文化 (SubCulture) (見p.117) 交流。 台灣對外來文化的吸收力就像一塊海綿,種種

> 關鍵字 Key Word 御宅族 Otaku 御宅教父「岡田斗司夫」對御宅族的定義為對 影像的感受性極端進化的人種。 另一個角度 來說,御宅指「狂熱」於次文化,主要是動漫 文化,並對與之相關的任何微小的事物有深入 研究態度的人。 在英語中也有類似的 迷文化 (mania) 現象。 日本電影「電車男」奠定了目 前台灣社會對御宅族「宅男」的普遍形象,也 就是偏重於拙於社交技巧和迷戀電腦和動漫的 男子,有時甚至有點負面和變態的形象,與原 本的意涵不甚相同。

外來文化的衝擊,早已在台灣形成了五花八門「異質化(Hetero-)」的視覺拼貼 現象;台灣的視覺文化常常將一系列在不同地點,從不同距離和角度,以不同 方法產生的視覺文化排列組合,用本土的觀點重新敘述情節,刻畫人物個性。 以「萌」為主要特色的卡通動畫首推「涼宮春日的憂鬱」和「灼眼的夏娜」。 此次創作是為了2009台灣「古早再見」創意設計展的作品。「ㄤ仔標」是50至 60年代,台灣印刷與玩具產業發展合作的經典美好回憶;鋸齒設計的圓形紙牌是 其特徵。本創作沿襲「ㄤ仔標」紙牌的經典傳統造形,融合現代年輕人「卡漫世 代」背景為主要的視覺表現方式;內容上以台灣在淺碟文化的背景發展下及辣妹

異質化 Hetero異質化在此處指的是因為多元文化的衝擊與交 融,所呈現在視覺文化上的一種偏異和變形的 現象。差異的文化,在空間假設和異化過程中 產生新的再現和意涵。 其觀念源自於法國哲 學家傅柯 (Michel Foucault) 喜愛的辭彙「異 質空間 (heterotopias)」, 傅柯給予異質空間 的定義為:「一種獨立於所有地方之外的地 方,但卻是真正地存在。」 換句話說,這世 界是由存在於真實空間的諸多幻想空間組成, 一處非真實之地反映了真實的世界。

文化的興起等異質文化現象作為探討主題。視覺上結合「萌」本質中對虛擬動漫 女性角色的「妄想和迷戀」對照台灣本土的「辣妹視覺文化」(如鋼管女郎、檳 榔西施...等)作實驗性質的創作。

p. 161


輕鬆創造視覺設計風格

Case Study

:

Have your Style –

Visual Communication Design

涼宮春日的憂鬱 內容描寫美少女高中生­─涼宮春日,掌握著世 界命運的不可思議校園生活。小說原作是谷川 流,是萌系的經典作品。後因大受歡迎陸續推 出漫畫、動畫、電影等。 動畫更因其品質和 內容的精采獲得東京動畫 Awards 等獎項。

01 首先製作 "偶仔鏢" 的鋸齒狀外框,從左邊工具列選取 "星形造形" 工具,接著從上 端 "屬性列" 選取所要的 "星形造形" 和 "鋸齒數量",拉出一個 24 角的星形。

灼眼的夏娜 原為日本作家高橋彌七郎所寫的小說,是以美 少女為核心的萌系代表作品。後因大受歡迎陸 續推出漫畫、動畫、電影、遊戲等。

02 接著選擇 "節點選曲工具" ,選取星形中間的「紅色節點」,此時可以調整星形 「鋸齒角度」的大小,形成「銳角」或「鈍角」的狀態。


> 相關連結 Link 1. 有關萌定義的網站

03 此時需要將多角星形的圖形轉換成為曲線,方便等一下的編輯,執行 "安排" → "轉換成曲線",將多角星形轉換成曲線。

http://komica.dyndns.org/wiki/ ?cmd=read&page=%E8%90%8C&word=% E8%90%8C

2. 涼宮春日的憂鬱幕後秘辛 http://www.gamebase.com.tw/news/ gb_news.html?sno=82081080

3. 灼眼的夏娜的官網 http://www.shakugan.com//

04 接下來使用 "節點選曲工具",「選取全部的節點」,當所有節點都呈現選取的狀 態時,在屬性列選取 "轉換直線為曲線" 的工具,將星形原本的「直線」狀態轉換 成「曲線」。

p. 163


輕鬆創造視覺設計風格

Case Study

:

Have your Style –

Visual Communication Design

05 接下來在節點被選取且呈現「曲線」的狀態下,在屬性列中選取 "使節點平滑" 的 功能,並將原本直線連結的節點之間轉換成「弧線」的平滑狀態。

06 接下來將完成好的「ㄤ仔鏢」 的外框調整「外框粗細」 為 "2 pt",並轉換外框為 曲線,置入準備好的圖形「ㄤ仔鏢」 背景之中。


透明度 階層數 陰影方式

陰影顏色

> 延伸閱讀 Reference 1. 虛擬之歌 2. ACG 啟萌書 — 萌系完全攻略 3. 傅柯考

07

4. 德勒茲論傅柯

接下來調整「ㄤ仔鏢」上面的字體圓形,增加下落式陰影使其與背景的藍色底圖 區分出來,利用 "下落式陰影" 工具,將圓形字體的塊面拉出下落式陰影,並調整 其細節 (如上圖說明)。

08 接下來要將畫好的漫畫角色圖形放置於作好的「ㄤ仔鏢」之中,先用 "選取工具" 同時選取漫畫角色與圓形。

p. 165


輕鬆創造視覺設計風格

Case Study

:

Have your Style –

Visual Communication Design

09 接著選取 "效果" → "圖框精確剪裁" → "置於容器內" ,這時會出現「黑色的箭 頭」,將箭頭指向填充物中點一下置於容器中。

10 置於圓形中後,圓形會形成被選取置入物件的遮罩,此時圓形本身的底色將會保 留,但多餘的圖形會被遮掉。


11 此時可以按右鍵出現選單,進入容器中編輯內容;在容器中增加圖形或移動位 置,編輯完成後可以再按右鍵 "完成編輯此層級" 或在選單中選取 "效果" → "圖框 精確剪裁" → "完成編輯此層級" ,跳回原本的場景當中。

12 重複其他動作,將完成後的圖形置入背景中組合安排即可完成。

p. 167


> 索引

index:

風格 裝飾藝術 Art Deco p.27

潮流 Trendy p.107

現代主義 Modernism p.27

塗鴉 Graffiti p.117

立體派 Cubism p.27

新普普 Neo POP p.125

未來主義 Futurism p.27

新藝術Art Nouveau p.133

普普藝術 Pop Art p.43

迷幻藝術 Psychedelic p.151

超扁平 Superflat p.45

歐普藝術 OP Art p.151

頹廢藝術 Degenerate Art p.51 表現主義 Expressionism p.51 後現代主義 Postmodernism p.52 街頭藝術 Street Art p.52 嬉皮 Hippies p.52 龐克 Punk p.52 手繪塗鴉 Hand Drawing p.59 蒙太奇 Montage p.59 拼貼 Collage p.59 純藝術 Fine Art p.59 民族藝術 Indigenous Art p.69 異國風 Ethical Style p.89 波希米亞風 Bohemian p.89 印度風 India Style p.89 希臘風 Greece Style p.89 卡通 Cartoon p.99 酷獸 KUSO p.99

p. 169


藝術家 藍碧嘉 Tamara De Lempicka p.28

HIFANA p.145

安迪沃荷 Andy Warhol p.35

Mati Klarwein p.151

傑森.布洛克斯 Jason Brooks p.35 羅伯特.羅森伯格 Robert Rauschenberg p.44 羅依•李奇登斯坦 Roy Lichtenstein p.44 草間彌生 Yayoi Kusama p.45 村上隆 Takashi Murakami p.45 高更 Paul Gauguin p.51 康丁斯基 Wassily Kandinsky p.51 詹姆士‧金 James Jean p.60 奈良美智 Yoshitomo Nara p.60 布希亞 Jean Baudrillard p.79 周星馳 Stephens Chow p.100 KAWS p.107 A Bathing Ape p.107 凱斯‧哈林 YKeith Haring p.118 班克西 Banksy p.118 尚•米榭•巴斯奇亞 Jean-Michel Basquiat p.118 傑夫‧昆斯 Jeff Koons p.125 威廉‧莫里斯 William Morris p.133 慕夏 Alphonse Maria Mucha p.133 克林姆 Gustav Klimt p.133

p. 170


專有名詞 爵士 Jazz p.28

大眾文化 Popular Culture p.125

有機造形 Organic Forms p.28

媚俗 Kitsch p.125

好萊塢電影 Hollywood p.43

電子音樂 Electronic Music p.145

搖滾樂 Rock and Roll p.43

RAVE p.145

消費文化 Consumer Culture p.43

Trance p.147

包浩斯 Bauhaus p.51

Breakbeat p.147

符號 Symbol p.69

Jungle p.147

圖騰 Totem p.69

House p.147

海報 Poster p.79

Drum and Bass p.147

星巴克 Starbucks p.89

碎形 Fractal p.151

惡搞 p.99

御宅族 Otaku p.161

無厘頭文化 p.99

異質化 Hetero- p.161

豆豆先生 Mr. Bean p.100

涼宮春日的憂鬱 p.162

海綿寶寶 SpongeBob p.100

灼眼的夏娜 p.162

癟四與大頭蛋 Beavis and Butthead p.100 反文化 Counterculture p.117 次文化 SubCulture p.117 Tags p.119 Throw-up p.119 Mastepieces p.119 Stencil p.119 Pasting p.119 Sticker p.119

p. 171


Have your Style – Visual Communication Design

> 輕鬆創造視覺設計風格 版權頁 國家圖書館出版品預行編目資料 輕鬆創視覺設計風格 / 王蔘編著.-- 初版. --臺北市:統一元氣資產管理, 2009.03 面; 公分 ISBN 978-986-6482-57-1(平裝) 1. 電腦繪圖 2. 視覺設計 312.866

98002673

統一元氣資產管理股份有限公司已聘任第一國際律師事務所余淑杏律師為常 年法律顧問,如有侵害其信用名譽、權利及其它一切法益者,當依法保障之。版 權所有,非經出版者事先書面授權,本書的任何部分都不得運用電子、機械、影 印、錄音及其它任何方式複製或轉載。本書所提之各註冊商標分屬各註冊公司所 有,不再一一聲明。若有破損或裝訂錯誤,請寄回更換。 版權聲明 本書所提及之各註冊公司所有,不再一一聲明。 本書若附有光碟,光碟內含的共享軟體或公用軟體,其著作權屬原開發廠商,請 於安裝後詳細閱讀各工具的授權和使用說明。 本書作者和出版商僅收取磁片和光碟的製作成本,內含軟體為隨書贈送散佈推廣 之用,與磁片或光碟各軟體的著作權和其它利益無涉。如果在使用過程中軟體所 造成的任何損失,與本書作者和出版商無關。


p. 175


p. 177


Have Your Style  

Art and layout design by Alln. Three masterpieces from Allen