top of page

Jotting Note

Some draft notes

廣告設計師 + 企業合作軟體講師

部落格區域長期施工中。

原本當成個人隨手資料筆記用途,簡單記錄下感興趣的內容讓自己想看時方便點。

年會努力在工作之餘花時間整頓一下這個區域。

偶然查資料迷路點進來的人,有出處的文獻會有網址。可到原本出處看詳細圖文 :)

2023.4

搜尋

ARTLESSON Theory | 如何提高你的繪畫和設計技巧

原文出處:

https://www.douban.com/note/255169550/







謝謝大家花時間,來看我寫的一些總結。

雖然不全面,但希望能給初學者,提供一點有用的信息。




我發現很多愛好者喜歡畫人,人體真的是很難的,

因為人體,尤其是臉部,是由很多很多形體組成的,

如何把他們安排在正確的位置上,給他們正確的調子(灰度),

我個人認為才是所謂「畫得像」的關鍵。

而「畫得像」僅僅是一個職業設計師生涯的開始。

為了讓大家大體了解並訓練自己,達到進入這個行業的標準,

我覺得把練習方法和練習內容具體化,會比較容易解決問題。


由於一直在國外學習,工作,很多專業術語用中文怎麼說,我會不知道。

有不容易理解的地方,歡迎提問。





一個設計師的主要任務


只有一個,就把別人或者自己的想法,視覺化。

這就引出設計師的2個能力

設計能力:理解主題並給出合理視覺解決方案的想像力。

繪畫能力:將自己的解決方案形象化,即通過繪畫這種「語言」來展現自己想法的表達能力。






需要掌握的基礎知識


Lighting光

Color色彩

Perspective透視

Material properties物體材質

Drawing畫

Line control學會應用「線」

Painting塗

Edge control學會控制色塊「邊緣」

Design設計

Composition構圖

Digital skill (3D)會應用相關軟件

Anatomy解剖學

Architecture建築學

Science基本科學知識






Light and Form光與形體


Center Light亮部

High Light高光

Halftone亮部中想明暗交界線過渡的部分,比亮部稍暗

Terminator明暗交界線

Core of Shadow陰影最暗處

Reflected Light反射光

Occlusion Shadow任何兩個物體接近,就會產生的陰影

Cast Shadow投影

每個被照亮,被看見的物體都包含以上8個部分(通常情況),把它們都表達出來,自然就寫實了。注意Reflected Light和Halftone,它們和光源的角度,決定它們的顏色(color)和深淺(value)。






Shape and Form形狀與形體


Shape形狀,是一個2D的概念,指平面上的圖形,比如長方形,圓形,平行四邊形。

Form形體,是一個3D的概念,指三維空間中的一個形體,比如長方體,球體,圓錐體等。

為什麼要區分這2個概念

首先,無論是插畫,漫畫,動畫還是電影,大多數電子遊戲也是一樣,觀眾看到的始終是平面的。

這個平面的設計是一個把戲,它欺騙觀眾,讓人們以為自己看到的東西是立體的。但是你過去摸摸電視屏幕或者紙張就會發現,他們並不是真的立體。這個道理大家都懂。

其次,區分這2個概念,對於一個設計師來說是至關重要的,大多數的美術表現,是平面的,如上面提到的,在設計的時候先是考慮整體,這個整體很多時候是構圖。構圖,不僅僅是美為優先,相反,敘事(或表達情緒)是優先。這個敘事就是如何讓觀眾在這個設計中迅速了解藝術家的意圖。比如誰是主角,是誰好人,角色是什麼情緒,整個畫面或鏡頭表現什麼氣氛,是恐怖,輕鬆,悲傷還是快樂。考慮構圖的時候,先考慮如何在長方形的屏幕中佈置各種形狀,其實是一個平面設計。

最後,說說形體,簡單舉例,我們在構圖中有一個圓形,然後我們打開燈光,照亮它,就有了明,暗和影子,把這個用繪畫技巧畫出來或用3D軟件渲染出來,它就變成了一個球體。但是在構圖中它卻仍然是一個圓形,當然考慮光源和影子,球體的明部,暗部,它們可能是其他形狀。這揭示了為什麼很多角色設計首先會先考慮外輪廓既silhouette(剪影)。原因有兩個,1,如上面所說,這個3D角色始終是以2D形狀的形式被觀眾看到的,即使是3D遊戲(只是你可以多角度看而已,哪個角度看,都是一個剪影) 。2,人類大腦的進化決定了,人類對物體外形有著極佳的判斷能力,遠古以來人類為了躲避危險,很遠就會發現猛獸,不是看清他們的皮毛,顏色和牙齒,而是他們的剪影,這就決定了人類識別物體首先是識別其剪影。一個好的設計,就應該在遠處缺少細節的情況下也能被觀眾判斷出來這個設計是什麼。比如遠處是一個汽車,還是一架飛機,你可以通過他們的剪影進行判斷,角色設計也是如此。

這個理論就支撐了所有平面的美術形式是相同的,從平面海報設計到電影鏡頭設計。






Drawing and Painting畫與塗


Drawing通常翻譯成畫,一般是先把輪廓線畫準,準然後再上調子,或者塗顏色。

Painting我翻譯成塗,是先抓顏色和深淺,然後修理形狀,所以如果錯了,鋪上正確的顏色來修改。

最主要的區分是思考方式的不同,painting更符合人類大腦對視覺的分析方式。

人類大腦優先識別明暗,其次是顏色。

所以色盲是可以正常判斷空間物體的存在和位置的。

而且,所謂物體故有色,是很難被100%呈現的,因為真實世界的環境光(周圍物體,藍色天空等有色反光)影響了物體的故有色,所以繪畫的時候,紅色的物體,即使是100%紅的塗漆,放在環境中,你也不會用100%的紅(大紅)去畫這個,你總要混一些白色,讓他變淺,或一些藍色,綠色,讓它變暗。

而且,記住現實世界是沒有輪廓線的。






如何有效的練習


我下面所說的練習,與其說繪畫,可能更偏向概念設計(主要是動畫,遊戲方面)。

不過我覺得很多東西都是相通的。

如果你有興趣的話,請留下你的意見,和你對日常練習的提案。

我平時的練習大概如下:




3D SKETCH.(perspective :主要是練習透視)畫各種物體的3D視圖。畫3/4視點。理解3D物體的結構。理解他們是由什麼基本形體組成的。




SPEED PAINTING(value&color :主要是練習抓黑白灰既觀察調子(value)的變化和分析色彩,。paint not draw.盡量用塗,不是用線畫。先觀察然後塗出來,不要描照片。注意塗( Painting)和畫(Drawing)的區別,Painting是先抓顏色和深淺,然後修理形狀,所以如果錯了,鋪上正確的顏色來修改。而畫,通常是先把輪廓線畫,準然後再上調子,或者塗顏色。Painting和Drawing這兩個東西,是不同的。


ANATOMY/LIFE DRAWING(animation&human&animal :主要是為你的畫提供一個有效的支撐)找照片或電影截圖,畫骨骼,畫動勢。我曾經參加了一個人體寫生俱樂部,每周可以畫3個小時的真人模特。找一些好的人體解剖學的書。學習它們如何抽象複雜形體成簡單的形體。然後自己去看模特,應用學到的知識去分析,理解。寫生當然好,如果有條件的話,不過要集中精神,知道主要觀察和畫什麼。這個“什麼”是指目的,比如20分鐘一下的Pose就是畫姿勢,形體的描述是次要的,30分鐘以上的Pose可以用來練習觀察具體的肌肉,皮膚表面的起伏等等。




THUMBNAIL(storyboarding,short design,composition :練習設計人物(怪物)的剪影,場景設計的空間,和鏡頭設計的構圖)可以是彩色的,也可以是黑白的。畫你不熟悉的東西,找資料,研究對象的比例,細節等等。




DESIGN BOARD(concept design :主要是為你的設計增加可信度)設計圖,寫上筆記。比如設計一把魚竿,寫上它是如何來使用的,每個部分的名字等,就像畫一個真實的魚竿使用說明書一樣。


TURN 2D TO 3D(perspective :練習你對形體的掌握情況)你要思考一個物體所佔的空間,把你想到的形體,表現在空間中。不是觀察然後畫,是想然後畫,並且畫的符合自然規則。設計2d圖案(shape),然後把它們轉換成3D形體(form)比如畫一個圓,扣2個洞,把它變成一個圓柱體的橫截面,然後畫出整體,注意各部分比例是怎樣隨透視變化的。




STILL LIFE(prop design :主要目的是練習你的眼睛,看真實在空間的東西,多角度觀察,然後畫。從現實的觀察中畫,而不是看照片畫。)無論什麼形勢的美術創作,大多都會需要很多小東西的設計,比如道具等,這些需要生活中的積累,並且畫靜物是最好的練習光影與物體的形體,顏色之間關係的方法。保持光源單一(Key Light),很重要。






COLOR GUESS(color theory 練習觀察顏色)由於顏色永遠不是一個能獨立存在的概念,致使顏色的觀察對很多初級藝術家來說有些困難,你不知道什麼時候相信自己的眼睛,什麼時候應該相信自己的知識,比如50%的灰色,和白色在一起,你覺得它看上去比較深,和黑色在一起呢,你會覺得它比實際上要淺一些。所以,觀察顏色,需要隔離;應用顏色,需要綜合,需要考慮周圍的顏色之間的關係。




MATERIAL (特殊材質需要特殊處理),當光影,形狀,表達正確之後,需要注意,對象材質的表達,材質,主要包括2大類,1,漫反射材質,如紙張,水泥等,是一個小於整體的另一個數量級上的光影表現,比如微小的凹凸;2,鏡面反射材質(透明材質),它們會反射環境,注意觀察環境和物體表面的互動。





關於書籍的討論



概念設計師應該有的3種書

教科書(透視,色彩學,人體、生物解剖學之類)

激發靈感的電影或遊戲或其他的畫冊

參考資料,比如建築圖集,武器,生物圖鑑。百科全書。當然還要有小說。要能激發靈感的那種,而不是耍嘴皮扯淡的小說。







推薦書目




構圖與分鏡頭腳本

FRAMED INK drawing and composition for visual storytellers作者:Marcos Mateu-Mestre


人體解剖學(人體相關)

Figure Drawing Design and Invention作者:MichaelHampton

Force Character Design From Life Drawing作者:MikeMattesi

中文版書名:力量-動畫速寫與角色設計譯者:ACG國際動畫教育/吳偉/王穎

Force Dynamic life drawing for animators作者:MikeMattesi

中文版書名:彰顯生命力-動態素描解析,譯者:程雪/孫博/ACG國際動畫教育

Dynamic Wrinkles and Drapery Solutions for Drawing the Clothed Figure作者:Hogarth,Burne

Bridgman's Complete Guideto Drawing from Life作者:GeorgeBridgman

中文版書名:伯里曼人體結構繪畫教學譯者:曉鷗等

Anatomy for artists作者:Sarah.Simblet

中文版書名:藝用人體解剖譯者:徐焰/張燕文


動物畫法

An Atlas Of Animal Anatomy For Artists

How to Draw Animals Jack Hamm [如何畫動物]

The Art Of Animal Drawing Ken Hultgren


野外風景畫法

On Drawing Trees And Nature

Watercolour Landscape Course [水彩]

Seascapes Landscapes [海景景觀技法]


工業概念設計

Drawing Techniques for Product Designers作者:KoosEissen/RoselienSteur

這本書被翻譯成了中文,名為:產品設計手繪技法,譯者:陳蘇寧


繪畫基本技法

Imaginative Realism How to Paint What Doesn't Exist作者:Jame​​sGurney

素描的訣竅作者:[美]伯特·多德森譯者:蔡強譯

Fun with a Pencil作者:Andrew Loomis

Figure Drawing for All It's Worth作者:Andrew Loomis

Creative Illustration作者:Andrew Loomis

Successful Drawing作者:Andrew Loomis

Drawing the Head and Hands作者:Andrew Loomis

The Eye of the Painter作者:Andrew Loomis


卡通漫畫

遊戲動畫角色設計作者:蘇海濤繪

夢想世界:動畫美術設計譯者:若雪

100招學會角色概念設計作者:(美)蔡逸南


平面設計

Do Good Design作者:DavidB Berman

MdN的雜誌


透視理論

Perspective made easy作者:ErnestR.Norling

Perspective Drawing Handbook作者:Joseph D'Amelio


色彩學

Color and Light A Guide for the Realist Painter作者:Jame​​sGurney

Light for Visual Artists Understanding&UsingLightinArt&Design


藝術書(作品集,原畫集)

樂藝·場景——國際頂級數字藝術家佳作賞析作者:LeewiART

樂藝•角色:國際頂級數字藝術家佳作賞析作者:LeewiART

樂藝•插畫:國際頂級數字藝術家佳作賞析作者:LeewiART

出版社:DesignStudioPress出的作品集,都很cool。如:Worlds,LiftOff,AlienRace,StartYourEngines,conceptdesign1,ConceptDesign2,Exodyssey。


數字繪畫技法

國際頂級數字藝術大師佳作鑑賞(系列)作者:3DTotal編(這個是中文版,不過這個系列的中文版的1有些問題,我寫在了豆瓣上。)(英文名DigitalArtMasters)

3D.Total .Digital.Painting.Tutorial.Series.v01.Elements

3D.Total.Digital.Painting.Tutorial.Series.v02.Elements


雜誌

ImagineFX

ARTS

EDGE(遊戲雜誌)

3dcreative

2DArtist

3DWord

How it works(美國一本大眾科學雜誌)


參考書

各種圖鑑






推薦網站和論壇


概念設計論壇

朱峰設計

3dtotal網站,他們出版電子雜誌《2DArtist》

CGHUB(RIP已經不存在了)

http://

CtrlPaint(數字繪畫教學視頻網站,基本免費。強烈推薦購買其10美元的收費視頻系列,相當超值)

圖片參考網站

http://www.flickr.com/(大陸可能看不到)

http://lovecastle.org/draw/(人物照片)

材質貼圖網站(Building a texture library)

角色設計相關

Michael Hampton(人體)

Anatomy 4 Scupltors(人體雕塑)

Animal Drawing reference(動物)

Bodies in Motion(人物瞬間動態)

Character Anatomy Reference(角色設計相關的一切)

Character Design - Reference Imagery(角色設計用參考照片)

Frame Filter(分鏡頭設計)

Inspirational Artworks(大師作品靈感啟發)

Joe Weatherly(動物繪畫大師)

Living Lines Library(關於線稿的一切)

Male Skull Scan(一個3D的男性頭骨,可多角度觀察)

Pose Maniacs(姿勢參考)

Scott Eaton(數字雕刻大師)

Seven Camels(關於繪畫,電影,動畫,分鏡頭設計的等等)

Digital Brushes(大師Photoshop筆刷,總結,發布,下載)




關於作品集的討論


要想成為專業的概念設計師,你應該避免在作品集中出現一下內容:

1,過於直接的暴力描寫。

2,沒有任何意義的性感美女。

3,Fan Art拿其他人作品中的角色進行的再創作。

4,永遠永遠不要模仿或者抄襲別人的設計。(這個可能會毀掉你的職業生涯)

5,避開可能會冒犯別人的主題,比如宗教和真實的戰爭題材。

6,不要放太多學生式的作品,比如靜物素描之類;要用你的作品去體現你的知識。






成為一個入門級概念設計師的必備知識



熟練掌握各種透視理論,了解透視和鏡頭之間的關係

線性透視,1,2,3,4,5點透視及球面透視

色彩透視,近,彩度高,遠,彩度低

灰度透視,近,對比強,遠,對比低

普通鏡頭,廣角鏡頭,長焦鏡頭等





構圖與敘事的關係


了解基本的幾個實用的構圖方法

了解構圖的基本是平面設計,先安排白和黑,光與影。

知道不同目的的畫面,構圖上的不同手法

知道構圖中,光的重要性





對比


對比,是繪畫與設計的一切。





色彩理論


顏色,(繪畫中)不是獨立存在的。

知道寫實表現中的色彩理論





知道如何選擇合適的參考資料


Google很方便,但是它不會讓你成為最厲害的

收集科學圖鑑

收集歷史照片集

收集所有你能找到的遊戲,電影,動畫的設定集

收集照片貼圖,Building a texture library http://cgtextures.com/





知道如何提高自己的審美水平(sense)


美術館

圖書館

遊樂園

大師們的博客

各種設定集

讀小說

看電影

買遊戲

看動畫

去世界各地不同文化背景的城市旅行,拍照

聽各種風格的音樂





我是如何完成一幅插畫(或者設計圖的)


線稿草圖(重視結構)或黑白草圖(重視形狀)

色彩草圖(顏色搭配)

正面,側面,上面等各角度視圖(設計圖專用)

精細,清楚的線稿(同時按需要把遮罩做好)

上色,大體的顏色,主要畫影子,高光

畫細節,詳細畫一個,然後復制粘貼,注意變形適合透視角度

貼材質,進一步完善

最後的整體調色

發表






Scott Robertson的設計理論

PROXIMITY BASED STYLING OPPORTUNITIES


1,SILHOUETTE,PROPORTION,STANCE

外形,比例和這個物體是如何與周圍的物體發生關係的,比如和地面。

2,VALUE GRAPHICS

把這個設計看成黑白的,然後考慮哪裡暗,哪裡亮,比如車子的黑色塗漆和黑色車窗都是暗的,它們在遠處看來是同樣的設計要素。

3,TRANSITIONAL FORM

形體的外表是怎麼轉變的,是平面的,曲面等等。

4,LINE GRAPHICS

這個設計上是不是有線型的部分,比如汽車的門和車體交接的地方,就會產生線。

5,INFO GRAPHICS

maker

model

on/off

advertising

一些註釋的文字,比如很多電器上面會寫電池的正負極是這樣的,你就知道如何正確更換電池等等類似的說明圖案,文字,Logo或廣告,也會影響設計。

6,MATERIALS

材質,木頭的,金屬的,還是塑料的等等。

7,COLOR

顏色,之所以把顏色放在後面,是因為一個好的設計是不應該受顏色影響的,你可以給它換很多顏色的組合,但它看起來都是好設計,因為以上的6條更關鍵。

8,TEXTURE

最後是“貼圖”,也就是表面處理,是光滑的,磨損的,還是有其他小凹凸的,


按這8個主要的要素來考慮設計,我覺得可以解決大部分設計問題。






注意事項


Avoiding visual tangents不要讓畫面裡的任何輪廓線相切

Real-Time Design with "Smart object" Photoshop的一個小技巧。

要讓一個設計可信,大概70%為真實世界裡的「東西」,30%是自己的想像。


微博會不定時更新一些繪畫設計的心得

bottom of page