2017年4月30日 星期日

AE_a1線段路徑動畫教學

步驟01-AE工作面板簡介&新增comp


步驟02-鋼筆工具&繪製曲線


步驟03-調整曲線頭尾cap的形狀


步驟04-trim path特效&關鍵影格設定


步驟05-Trim Paths的end關鍵影格&參數調整


步驟06-關鍵影格細節調整&圖形編輯器&緩停緩起步


2014年5月15日 星期四

數位插畫創作《吶喊的藍貓》Low-poly風格

低面數風格Low-poly插畫製作教學


吶喊的藍貓

     臨摹名畫對創作者來說是很好的學習方式,挪威畫家愛德華·孟克(Edvard Munch)1893年的畫作《吶喊 The Scream》,是經典中的經典,飽受精神衰弱折磨孟克,卻能透過創作的方式,冷靜地觀察自已的神智狀況,用畫面表達他這種孤獨又苦悶的情緒,從他獨特的構圖、用色到最關鍵如穿透靈魂的那雙眼神,是本次經典再創作的學習重點。
    另一個要嘗試的是近幾年相當流行的一種美術風格「Polygon ART」,Polygon ART這是從3D模型中的一種低面數low polygon count的建模技術延伸出來的趣味風格,除了真的用3D軟體來製作這樣塊面化的立體效果,其實我們也可以用一般的繪圖軟體來模仿這種立體低面數的風格,也因為不用真的製作出3D模型,可以呈現的風格樣貌反而靈活趣味的多,這次的數位插畫創作《吶喊的藍貓》,融合經典名畫、自創角色、Polygon ART等三種概念,嘗試重新組合拼貼後產生新的一種視覺圖像。

步驟1:
將要臨臨摹的名畫在photoshop開啟,進行初步顏色調整,並繪製藍貓角色的草稿。 




步驟2:
模仿名畫的筆觸與用色繪製角色細節。




步驟3:
注意原畫中的光影方向,新繪製的角色需儘量與原作光影一致。
完成後另存為JPG檔,並準備在Illustrator中置入該圖檔。 



步驟4:
置入圖檔後將圖層鎖定,並新增㆒圖層開始繪製分割塊面線稿。



步驟5:
線稿完成後,需進行細節檢視。
用「直接選取工具」進行微調,線段若有未密合的狀況,先框選要調整的描點,接著按快速鍵 Ctrl + Alt + J(物件/路徑/平均),可快速將選取的描點們集中。



步驟6:
用「即時上色油漆桶」工具(快速鍵Ctrl+K)吸取背景像素作顏色取樣,並進行填色。


步驟7:
可反覆開啟或關閉下方背景圖層,檢視填色有無缺漏。



步驟8:
持續進行背景填色。


步驟9:
完成全部背景填色。




步驟10:
將即時上色群組「展開」,並「解散群組」將線稿移開,結束上色工作。


黑白仿舊質感
步驟11:
最後可將完成的圖另存成PSD檔,再回到Photoshop中調色或合成增加質感,轉換成另一種風格。
其他風格嘗試—保留線架構

顏色反轉

點狀網紋色塊拼貼


最後,只留塊面藍貓向孟克大師致敬!


2014年3月6日 星期四

歐洲圖像觀察(二)安特衛普 Antwerpen

BACKFLIP ! 後空翻工作室/高雄文創設計人才回流駐市計劃/2014年2月 



「安特衛普 Antwerpen」,是比利時第二大城市,但是在國人較為熟知的布魯塞爾與阿姆斯特丹的光環聚焦下,常讓觀光客把它遺漏掉,非常可惜。它是歐洲第二大港、世界第四大港、世界最大的鑽石加工和貿易中心,同時他還是一個時尚與流行設計重鎮,歐洲時尚界極具知名度的安特衛普六君子 (The Antwerp Six),自九十年代以來一直以他們令人驚嘆的作品引領時尚,上述眾多特質,令人好奇這城市有大的能耐可以擁有這麼多的頭銜,加上它跟高雄一樣同為港口城市絕對值得來參訪一趟。


安特衛普中央車站,一出站就被這座富麗堂皇的外觀吸引,光是在車站就值得駐足個兩三翻,實在太炫目了,新巴洛克式火車站於1905年完工,車站由20多種大理石裝飾而成,擁有世界最美麗的車站之一的稱號,車站大廳還常被拿來當作時尚走秀用場地。



造型獨特的公共腳踏車,車頭把手的設計概念極富巧思,骨架直接延伸並同時具備載貨與照明的功能,機能性與美觀並重,所以說腳踏車籃不一定都是用醜醜的塑膠籃啦。

同志咖啡店,光明正大的就座落在街道上,店內也販售許多相關商品與書籍,既然是漫畫大國,當然也有同志題材的漫畫,數量還不少呢。


本次參訪安特衛普重要新地標─MAS( Museum aan de Stroom),2011年5月開幕的市立水上博物館,這座令人注目建築物位於離舊城區北邊約1公里的運河中央。它不單單只是一座博物館,由建築師Neutelings和Riedijk設計,MAS的設計靈感來自於十六世紀的倉庫,一個個大面積的玻璃畫廊像”盒子“一樣被堆積起來形成一個螺旋塔,MAS還有一個這城市賦予的重要功能與任務,扮演一位說故事的角色,講述著這個城市的過去,現在和未來,展覽中心內的常設展就是圍繞著這樣的概念作規劃。

高樓層是欣賞海港與日落美景的好地點

這景象是不是跟高雄有些許的類似呢

波浪狀玻璃牆面是MAS建築的一大特色,人剛好可以塞在波浪中間,270 度曲面玻璃設計,參觀者在觀看城市美景時不會有反光干擾的問題。

這一樓的常設展覽區相當特別,這層館藏區結合展覽區兩種形式,就是目前還未展出的物品,會先放置在此,並以這種圍籃的形式讓人觀看,除了讓人去瞭解一般未展出的物品是如何管理與安置,也成功的把"管理形式"當作一種展覽展出。



安特衛普拜海港商貿興盛之賜,早在12、13世紀就是歐洲最繁華的大都市,在15 世紀不但成為糖與香料的貿易與加工業中心,當時並名列阿爾卑斯以北,僅次於巴黎第二大城。
其中有許多與中國貿易留下的文物。




每個主題樓層都會設置數位學習平台的閱讀空間,可以在此略作休息並研讀更完整的展覽資訊



位在七、八兩個樓層主題為"生命與死亡",是本參訪中最驚喜的部份,該樓層展出了許多400多年前哥倫布時期的文物,特別是位在中南美洲的雕塑,此時期的藝術工藝展現一種獨到的設計風格,這種新穎的藝術形式,就算是放在21世紀的現代來展出也不會有落差。








整區都是這類令人玩味又驚嘆的雕塑。
可以看出這些幾百年前的雕塑不是單純的追求寫實,而是製作者在觀察後多加了一層設計,呈現的是更高的藝術境界,這類型的創作對比16世紀的歐洲藝術仍相當少見。


在比利時常見的垃圾桶,用顏色跟投入口形狀上的差異傳達垃圾分類資訊


歐洲常見的垃圾桶都是這種非封閉的設計方式,最主要的作用是避免有心人放置炸彈這類危險爆裂物,另外,多少也可以因為"有人會看到你丟了什麼東西"的心理作用,避免大家丟了不該丟的垃圾吧!


停車場指示牌設計


這個停車場圖示的設計相當實際有趣,一般常見的視覺規劃中,都會用顏色配合數字來區分樓層,但我們不妨回想,周遭朋友應該不少人上演過記錯樓層的尷尬戲碼,搞混自己的車到底是停在哪一樓了。
在比利時他們多了一個令人窩心的「動物圖像」巧思,其實我們對於記憶文字或數字往往是不夠深刻的,舉例來說這就像初識一位友人,雖然彼此都自我介紹了,但下回見面時卻不一定還記得這個人的名字,但你絕對認得他的外表長相,長相同屬圖像,人的姓名就同屬文字數字,文字就是得多背個幾次你才會記得。
回到比利時停車場的視覺應用,多設計了一個動物的圖像元素進去,就會再多賦予一層記憶。所以今天我停完車,看一下的頭上的標示是烏龜還是兔子樓層,是不是回憶時就清楚且直覺多了呢!




2014年2月6日 星期四

歐洲圖像觀察(一)比利時漫畫藝術中心 The Belgian Comic Strip Center


BACKFLIP ! 後空翻工作室/高雄文創設計人才回流駐市計劃/2014年1月 



歐洲圖像觀察(一)

    漫畫早於動畫之前,成為人們簡單的溝通方法,一張圖像,幾句話,就能啟發共鳴,20世紀初,漸漸成為顯學的漫畫產業,想必陪伴過許多人的青春歲月。

   2014新年期間後空翻利用假期,進行了一趟規劃許久的比利時與法國之旅,前去拜訪"在歐洲的漫畫",或許有些人知道,其實比利時正是歐洲漫畫的先驅國,幾個熟悉的漫畫角色,像是丁丁和藍色小精靈,就是比利時重要的漫畫明星,而除了比利時外,法國還有一個舉辦多年的漫畫節「安古蘭漫畫節」,其實今年台灣也有七位優秀的漫畫家前往參展,台灣並在「Little Asia」展覽館中設置了台灣館,很是令人振奮於是造訪比法兩國的漫畫圈圈,正是此行有個參訪重點啦!


   談到漫畫,在台灣直覺聯想就是日本漫畫,但日本漫畫在世界漫畫中反而是個特例,顏色的使用就是,歐洲、美國漫畫或是香港漫畫其實都是彩色為主,黑白反而是少數,還有一個明顯的差異可能日漫愛好者不會太慣的,就是歐漫人物不夠美形或萌,取材獨特的歐漫,醜男醜女作主角也不是問題,歐漫有一套自己的獨特性,並著重創作精神,所以畫面精緻畫工紮實,且風格多元,藝術性與實驗性並重,製作過程中,往往是一或兩個人完成,雖然製作時間相對於商業考量的日本漫畫長了許多,這種特或許跟台灣熟悉的插畫繪本反而比較相近些,但或許題材上就不是那麼長幼通俗了,總之歐洲漫畫對於圖像創作者有著強烈的吸引力,這也是為何這次一定要參訪歐洲的主要原因之一。


   這次坐的是中國東方航空,桃園到巴黎的航班,必須在上海轉機,提早預定機票的話,可以比一般台灣航空公司少1萬~1萬5左右,但轉機的時間大約都要3至7小時,自助行若想要便宜的機票,且不介意冗長轉機時間,會是個不錯的選擇。



   去程飛機上坐在我右側的是一位在上海工作的法國人,中文講的很不錯,在漫長的飛行時間裡,彼此混雜簡單的中英文,做了一些交流。我則趁這個機會問了他一個正在進行的一個插畫主題「糖果馬戲」法文翻譯的問題,這位友善的法國人相當詳盡的提供我各種詞彙運用或組合方式,很棒的交流經驗。這是當時他提供給我的手寫稿,當下看著他的筆優雅的在紙上滑動,真是一種享受。

照片中右下角那位黑衣男士就是這次巧遇的法國人

    連鎖麵包店「PAUL」,住在台北或台中的朋友或許認識,單點一個麵包要價150~300元左右,甚至有600以上一顆,這價位在台灣可能有點吃不消,但是在法國,PAUL就是各大重要景點或車站都有的平價麵包店,當然好不好吃就看個人喜好了,但整體從店面空間設計到桌椅擺設、材質的選用都不簡單,濃濃的老空氣中營造的氣氛真的很迷人,難怪可以在全法國總數3萬2000家麵包店當中屹立不搖。




   此行參訪重點—比利時漫畫藝術中心 The Belgian Comic Strip Center,從布魯塞爾大廣場步行約10分鐘左右可到達 ,藝術中心建築本身就很精彩,是很經典的新藝術風格的建築,圖中為內部中庭空間。館內除了陳列最著名的漫畫人物「丁丁」、「藍色小精靈」以外,還有超過670位畫家的作品,除了成品外,中心還收集了不少著名作品創作過程中的手稿,除此之外,為了讓民眾可以充分地了解漫畫的製作過程,將製作依照階段性,用各別主題單元逐一展示陳列,真的相當完整。內部還有規劃一個圖書館和一個餐廳。
比利時漫畫藝術中心。內部大廳

    



丁丁的頭像與作者照片


藍色小精靈卡通原畫
簡體中文導覽手冊內頁


   令人驚喜的是展覽中心還有提供中文導覽手冊,可向櫃台索取,內容詳盡的程度,拿來當教材範本也沒問題。


漫畫「小尼莫夢境歷險」
   Winsor Zenic McCay 美國漫畫家,同時也是動畫先驅、美國動畫之父,照片裡展出的是經典漫畫「小尼莫夢境歷險」
前製角色設定搞 
貨真價實的設定原稿展出
中心展出幾乎都是當時的原稿,讓參觀民眾可以更真實感受漫畫大師手繪稿留下的溫度
原稿展示。鉛筆稿與墨色完稿
色稿製作 
封面製作 

漫畫中的經典場景重現








藍色小精靈的場景娃娃屋
Will Eisner主題展

    中心三樓正在進行Will Eisner主題展,Will Eisner是一位美國著名漫畫家,被譽為「美國動漫教父」。 美國圖像小說「Graphic Novels」就是他創立的,還有美國最具影響力的動漫界獎項「Eisner Awards 艾斯納獎」就是以他的名字命名。

宮崎駿大師的紅豬
   展覽空間裡擺放了不少知名動漫角色的大型人像,雖然會場沒有宮崎駿的主題展,或許是之前展出所留下來的。





   看完展覽準備前往位在一樓的商品販售部,剛好來了一批參訪的高中學生,實在很令人羨慕,因為住在歐洲可以就近看到這些世界級大師的展出物,我想這些學生大概很難理解我們這些台灣觀光客在興奮什麼。

商品販售的展示櫥窗
各國動漫角色都有 





館內附設的餐廳

街上有趣的大型立體藝術
書店櫥窗。店員正在調整擺設
書店櫥窗。隨處可見的丁丁
   回到布魯塞爾街上逛過一圈後不難發現,漫畫圖像在比利時人的日常生活中佔了多大的位置觀察一般書店櫥窗所擺設的書籍比例,幾乎都是漫畫,據說平時只要暢銷漫畫一推出,各書店一定會將其擺置在最醒目的位置,完全不遜於其他重量級暢銷書。

    雖不懂法文,不過圖像原本就是最直接的傳達與溝通方式,歐洲漫畫豐富多變的圖像風格,加上精美的封面與印刷,翻閱起來就是一場美好的視覺饗宴。