原址:http://blog.sina.com.cn/s/blog_5571d91f0100oo0q.html


Landscape Composition Rules  by Johannes Vloothuis
翻譯: ckmaster & overdue
整理: 開刀如水
來自: 色影無忌

整理了一系列構圖『規則』,合理的使用這些規則可以減少風景畫的缺陷。這些規則經常出現在構圖的叢書中,這裡融入了自己的觀點並將它們整理成篇。值得提醒的是:別讓規則妨礙你畫圖。規則注定是要打破的,前提是你至少知道打破的是什麼規則,為何要打破?不是欠缺不足的知識而犯錯,共23頁。


1. 上圖風景畫中有個明顯的重心,畫面中最重要、最美的部分。透過運用先明的色彩或強烈對比,讓中心使的強化,並成為引人注目的焦點。重心是畫面的重點,周邊區域應處於從屬地位。良好的重心包含以下內容:
  • 鮮明的色彩,如有可能還應有互補色
  • 强烈的反差(明_暗)
  • 佔據較好的畫面位置 
  • 人物佈局、動物及人將近一步強化畫面重心,他們成為主角。
  • 畫面重心周邊的次要元素能將觀眾的注意力引導致畫面中心。
  • 畫面重心不要放在正中央或是圖中的一半(1/2處),建議用三分法
  • 請勿將畫面中心封閉,哪怕是輕微的,因為這樣會減弱它的重要性。
  • 設計良好的畫面重心能吸引並維持觀眾的注意力。

  • 擺放恰好處的圓木成為重要的引導,將觀眾的視線導向畫家設計的區域。
  • 海攤作為視覺引導線,將注意力集中重心:


2. 你也許想在畫面中加入第二重心以豐富畫面内容。我認為這並不可行,除非你技術純熟。因為雙重心的風險是她們彼此互相競爭而造成住意力分散。

別將一物體放在另一物體的正上方,除非其中一個大小尺寸上明顯佔優勢。最好的方法是以相互呼應的斜線方式佈置。有時不能以斜線方式佈置,那麼將它們平行安置也是不錯的選擇。
下圖:不需要前景的花,而畫家決定加入『第二重心』




3. 避免將觀眾的注意力推出畫面。這就要求畫面元素不要指向畫的邊框,或畫面元素不要跑到畫面外(如树枝、路及河流)。你可以設定「駐點」使觀眾注意力不離開畫面。經驗法則是:動物及人應面向或看着畫的里面。
下圖:看畫的右侧,畫家將右側的明暗反差降低,馬融入樹林。如果這匹馬的亮度提高,觀眾將順著這匹馬看到右側畫面的外面去。



下圖:
第一幅圖圓木太直並指向畫面邊緣。
中間的那幅是編輯過的,一些伸出的及未端的樹枝减弱了圓木直指畫面邊緣的效果。
第三張干脆將它拿走,這時對觀眾的視線將順著海岸走。





4. 河流、小溪及路等,應該以S型進入畫面。若非S型,那麼最好以曲線方式進入畫面。避免使用直線,因為他們作為引導視覺時,易使目光移動過於快速,而S型可以使目光以慢速進行檢視畫面。圖中,溪流形成優美舒適的S型構圖。

 
本圖中引導視覺的線條是曲線。以同樣構圖相比,哪種構圖能使你較慢,並以愉悅的速度欣賞畫面。

相較之下,這張構圖的引導線過於垂直

而這張圖較為舒緩,使觀者更好欣賞圖畫。


5. 同上圖,別將邏輯概念應用於藝術。最重要的是視覺衝擊力。即使是陰沉的天氣,陽光也可能在草皮上出現;為了獲得不錯的畫面效果,線性透視與大氣透視關係也可被扭曲;在某些特定時刻,可將影子描繪成比他本來面目更長。總之,Feel free to use your artist's license…

 

仔細看圖,樹的型態表現風勢由右向左吹;然而雨的方向卻表現出風勢由左向右吹!




6. 使重要對象聚焦於中心點。別將它們分散致容易使注意力渙散處。
下圖,所有人出現在右下方焦點中心的範圍半徑內。
 

下圖,馬的位置容易分散焦點,若放置於長椅附近,則影像將為改觀。






7. 你也許想讓觀者在看圖片的同時想一起參與,而不單只是看看就算了,那麼需要含蓄的給出訊息讓觀眾探索你的畫面,而不要將所有訊息都直接的呈現在他面前。
能使觀者富有想像空間與好奇的漫步於整個畫面-畫面不要過於簡單直接

畫面中的地方在哪?是否有湖?
藉由畫家使觀眾猜想。而畫面中路也不知道要伸展至何處。



8. 深度。畫家是藉由平面的構圖表現立體空間。觀眾欣賞畫作時會感覺到「真實」,事實上是畫家「欺騙」了觀眾。有時人們看過畫面會直接詢問『這是照片嗎?』-他們只是表現現實世界,卻不是寫實作品。這裡有幾個重要的元素能夠使畫面更具有深度:

  • 使物體互相交疊
  • 大氣的透視(明暗、色彩隨距離變化而改變等…)
  • 方的物體較模糊
  • 至少建構三個層面,每一層面都具有重要性,例如:前景、中景、背景
  • 線性透視
  • 減弱背景物體的質感。第七點的圖,表現出良好的距離感:山脈前的松樹表現樹與山相距甚遠;前景上凸出的黃色較暗,背景的淡紫色顯的山脈較冷;遠山上的陰影則淺藍。畫面的構圖包含了前景、中景與背景三層面。

將前景變暗可增加距離感。

利用雲霧產生透視是你不錯的選擇。







9. 使畫面的焦點產生強烈反差—讓明暗形成強烈對比。減弱畫面的其它部分反差以避免注意力分散-讓明暗行程中等對比。

下圖,左邊的樹分散了注意力-明暗對比突出。


下圖,左邊的樹做過明暗削弱,與裁切。這樣注意力較容易集中在牛的身上。
 

下圖, 男人深色的一幅使它圖出,男人周遭背景較亮造成強烈的明暗轉變。儘管房屋邊陰影中的們也是深色的,但周遭明暗度較低,所以們並不顯眼,也不會分散注意力。思考一下,舞台上的聚光燈集中在演員身上的效果。



10. 如果畫面留有空白,將不會顯得壅擠;在焦點中心留白,效果更甚。空白的作用是给畫面留些喘息的空間與想像空間。
下圖,松樹前的白雪形成讓人舒服的空白區。







11. 如果有可能,畫面應盡量包括水平、垂直及傾斜運動,但使其中一種佔領主導權。傾斜運動是最佳選擇,音為她們永遠不會在同畫面的邊框中平行。並非每條線都是筆直,它們只要表現出方向感即可。
下圖中松樹是垂直的,草地是傾斜的,海岸線是水平的。
多虧松樹的存在,藍色水面形成的三角形才得以打破構圖。




12. 當具有運動特徵的構圖時,盡可能表現運動,但別將其放在一個過於理想的位置上-顯的矯揉造作。
下圖,畫家將馬的運動展現,淹沒馬蹄的塵土明確的,表明運動的方向性。盡管如此,但是應該注意到沒有一匹馬是在空中飛的。另一種情況,可能會在拍照時按下快門看到,但繪畫時避免這麼作。相同道理,相片中的瀑布可以利用慢快門凝固,但繪畫中的選擇卻是將它稍微模糊,形成動感。



13. 如果不能確定讓視覺引導線(如河流或道路)從哪個方向開始,那麼應該認真考慮以下觀點:大多數人閱讀習慣由左→右,純粹是個習慣問題,看物體時眼睛也會從左到右閱覽。


14. 如同看書一樣,從左上角開始看圖也是一種視覺習慣。



15. 避免讓視覺引導開始於四個角。畫面設計不良。


左圖,河川始於左下角。右圖,將河道加寬解決"從角落開始"的問題。


和解? 何解? 難解。
車禍後的後續處理不好解決啊!
牽扯的人太多,話講的太前面與站的立場不同…

和解書條列幾大項:
甲方願意使用醫療保險給付。
乙方幫助甲方修復摩托車。

這樣看下來雖然好像甲方權益受損,其實對我自己來說是沒有差別的。
等於沒有出過這場車禍一樣,反而得到一些「經驗」。

我是坐在學姊車上的後方,但是受傷不嚴重。
學姊與陳先生當初在醫院的時候,說要使用學生保險理賠,
回來之後才知道是需要警方備案的情況下,才得以理賠。
同是站在甲方的立場,既然學姊不打算和對方索取理賠,願意用保險給付。
那我也不好意思說什麼‥‥

簽和解書時,發生一些意外狀況,主要原因是沒有和朋友們解釋清楚當初所談的條件‥等。
反而造成朋友們的好意被曲解。
不過,陳先生願意處理學姊醫療部分,這算運氣好了..
有一句話說的好『妳怎麼對待別人,別人就會如何對待妳』



但我娘親說「你為什麼要可憐對方?把責任全部推給你學姊嗎?自己的事自己負責!」
我說不出話來...唔!! 說的好有道理


學一次教訓學一次乖啊!

背景配樂:http://mu6.me/23841

參考影片
1.



參考影片
2.

PIXELS by PATRICK JEAN. 发布人 onemoreprod

分鏡腳本
 1 慢慢zoom in 畫面移動緩慢 前進一點點  (4秒)


 2.以臺灣發出訊號,從正中間擴散訊號,從世界地圖四周往臺灣改變顏色翻轉  (5秒)


  3.切換鏡頭,待討論  (6秒)
平面四方形往中間改變顏色並翻轉後,方塊升起
   4.切換鏡頭,待討論  (6秒)
      方塊升起,如同城市一般,高低不一

   5.切換鏡頭,待討論  (6秒)
      方塊升起,如同城市一般,高低不一


 6.切換鏡頭,待討論  (6秒)
      方塊升起,如同 城市 一般,高低不一


7.小方塊( 或是其它物體 ex 電視 )在中間停下後 ,往下墜落
   代表傳統的物品,墜落後出現新的物品【傳承】
8.此時關鍵 九方塊 浮出


.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.



全長 約57秒
在第 約18秒出現鼓聲 九方塊從海面浮出 
57秒結束
最後 靜音後 出現

全世界因設計而生動
The Whole World Animates by Design
2011 ICDTP
最後回到 最前面的圖畫 九方塊程現循環的光影效果

【線稿動畫】

user shymi♪ヽ(´∀`*)ノ November 27, 2011 at 11/27/2011 0 Comments

動態表現】
Glen Keane - Dynamics of Animated Drawing
Glen Keane談動態的表現, 抽象,精簡,誇張化
http://sevencamels.blogspot.com/2006/05/dynamics-of-animated-drawing-by-glen.html


線稿動畫欣賞】
The Sword in the Stone (1963) 中 Madam Mim的鉛筆測試, 這是Milt Kahl, Frank Thomas所畫的片段:
http://andreasdeja.blogspot.com/2011/11/madam-mim.html



---------------------------------------------




作畫過程】
jakurensm716的Youtube Channel,含作画過過程, 煙霧, 海浪教學, 最新的一點透視電燈柱背景教學學到新的透視距離計算法
http://www.youtube.com/user/jakurensm716#g/u
(YOUTUBE 預覽怪怪的...)




---------------------------------------------


肢體流動感的表現
(有別於之前人體結構的串偏重肌肉骨骼結構, 這串焦點偏向畫出流動感,如arc of movement, balance, rhythm等, 歡迎大家補完相關資源)
人體結構的串: 
http://www.facebook.com/groups/166715563401421/216762665063377/
________________________

●Rad Sechrist, Dreamworks 的Story Artist 在Art Center Blog的多個教學, 強調流動感, 平衡, 造型姿勢的改進等:
http://theartcenter.blogspot.com/search/label/Rad%20Sechrist

●註: The Art Center Blog有不少Artist分享有關繪圖, 畫故事分鏡, 設計的教學 http://theartcenter.blogspot.com/

●Rad Sechrist的Blog:
http://radfordsechrist.blogspot.com/



---------------------------------------------


【動畫誇張化的協調】
曾任Disney Head of Story的Mark Kennedy常常在個人網誌分享他繪畫動畫和故事創作方面的經驗,

這裡整理他最近談及關於動畫誇張化的表現與平衡的幾篇網誌, 動畫中誇張的視覺表現可以呈現有趣味性的視覺效果, 但控制不當則可能令觀眾因為過度誇張而難以投入, 這該如何平衡呢?

●Squah and Stretch 擠壓與拉伸(3部份)
http://sevencamels.blogspot.com/2011/10/squash-and-stretch-part-one.html
http://sevencamels.blogspot.com/2011/10/squah-and-stretch-part-two.html
http://sevencamels.blogspot.com/2011/11/squash-and-stretch-part-3-and-creating.html
●More on Caricature and Creating a Believeable World 動畫誇張化與可信度的平衡
http://sevencamels.blogspot.com/2011/11/more-on-caricature-and-creating.html



---------------------------------------------


美式的special effects:
英文版
http://www.amazon.com/Joseph-Gilland/e/B001UAKGJ4/ref=ntt_athr_dp_pel_1/176-9504374-9323247
日文版
http://www.amazon.co.jp/dp/4862461190
作者Joseph Gilland網頁
http://elementalmagic.blogspot.com/

日式的話,要找同人誌原畫集,剛好也是去年2010年才有這類書籍。不過教不是他們的重點,所以完全沒有動作原理解說。
佐佐木政勝:
http://hachinokonosato.com/products/EffectCompleteWorks/
http://hachinokonosato.com/scripts/sitedev2/index.php/%E4%BD%90%E3%80%85%E6%9C%A8%E6%94%BF%E5%8B%9D%E3%82%A8%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88%E9%9B%862
橋本敬史画集2:
http://blog.livedoor.jp/harunosuke_a/archives/51732316.html

簡單simple版的,就是《卡通製作入門》,裡面有簡單的原理範例,由於是幾十年前出版的書,那種簡單的表現不適合現在也說不定,看了這個還是要去看其他的書。




【狼烟动画】

user shymi♪ヽ(´∀`*)ノ at 11/27/2011 0 Comments

‎[狼烟动画]
【狼烟动画】正在徵才, 更高興的是這次他們將要為Warner Bros. 製作動畫短片,可喜可賀! 藉這次機會推廣這個很有實力的動畫團隊

【狼烟动画】的網誌「博文目錄」:
http://blog.sina.com.cn/s/articlelist_1065913233_0_1.html
(其實更推薦訂閱RSS, 便於欣賞他們發布有關自己制作動畫的秘辛, 推介的動畫與讀物和原畫集開箱文!)

《功夫料理娘》的原畫集:
http://blog.sina.com.cn/s/blog_3f888b910100wgqy.html
【狼烟动画】的Youtube Channel, 可以欣賞他們的《功夫料理娘》以及其他出色作品: http://www.youtube.com/user/WolfSomke#p/u



網站欣賞

user shymi♪ヽ(´∀`*)ノ at 11/27/2011 0 Comments

http://www.conceptart.org/
插畫網站


http://work.gmunk.com/
特效影片網站

http://www.tilnaermetlik.no/
Tilnærmet Lik AS is a design and animation studio located in Oslo, Norway.

人體結構資源

user shymi♪ヽ(´∀`*)ノ November 15, 2011 at 11/15/2011 0 Comments

【人を描くのって楽しいね】
http://www.asahi-net.or.jp/~zm5s-nkmr/
將人體簡化為塊體便於理解,另含少量頭髮,衣紋,透視等講座
-----------------------------------

【KITAJIMAのお絵かき研究所】
影像預覽: http://i.imgur.com/QCYnl.jpg
這個網址左邊有人體肌肉講座:
http://www.geocities.jp/kita_site3/
講座網址: http://www.geocities.jp/kita_site3/cgkoza/newpage1.htm
講座中以動態gif來方便理解肌肉分佈和動起來的轉變,亦有含基本透視講座
-----------------------------------

【POSEMANIACS】
影像預覽: http://i.imgur.com/Tw5f3.jpg
這個網站提供肌肉外露的3D模型, 有幾種不同的體型, 從不同的角度, 擺不同的姿勢作參考;
另外有提供手的3D模型讓我們在網頁轉動作參考
動作重量感其實沒有真人那樣有實在感,不過以參考肌肉位置而言是不錯的參考
網址: http://www.posemaniacs.com/
-----------------------------------

【TeamLab Body】 影像預覽:http://i.imgur.com/Lltrl.jpg

網址: http://teamlabbody.com/3dnote-en/

骨骼,血管,內外肌肉的3D模型多層顯示模式,讓我們隨意轉動,
各關節能動起來觀察肌肉拉伸,對理解人體結構有很大幫助
(注意:這個網頁需要安裝UNITY插件,且load得很吃力;
至於是否需要理解得這樣深入就隨各位喜歡了)

-----------------------------------
【REY BUSTOS - ANATOMY】 影像預覽:http://i.imgur.com/4qGBU.jpg
REY BUSTOS的個人網頁中, http://reybustos.com/,
REY Anatomy的部份: http://reybustos.com/03ra/ra.html
有他在真人,石膏像等照片上畫的肌肉紋理分析,
可在圖上左右移動鼠標觀察原圖與肌肉對比

-----------------------------------
【人體結構入門書籍】
這裡暫以其中幾本較為易理解的人體結構簡化版的書籍作結
(雖然網上有流傳ebook版, 這裡建議有心人可考慮購入實體本)

【Figure: Drawing Design and Invention】
書評: http://parkablogs.com/content/book-preview-figure-drawing-design-and-invention
【ImagineFX - How to Draw and Paint Anatomy】
書評: http://blog.yam.com/DrBlack/article/32257296
_____________________
下面這3本是Mike Mattesi的Force系列,集中傳授表現動態的力量
(這位作者是定期開班給Pixar, Dreamworks等動畫工作室的大師)

【Force: Character Design from Life Drawing】
書評: http://parkablogs.com/node/1692
【Force: Dynamic Life Drawing for Animators】
http://parkablogs.com/content/book-review-force-dynamic-life-drawing-animators
【Force: Animal Drawing】
Google Book: http://books.google.com.hk/books?id=JsUckHjUIA4C&printsec=frontcover



理解結構之後,練習在靜態影格中畫得準,再而畫出重量和動態都是一重重挑戰呢...

Gesture Drawing只知道這兩個, 希望之後能找到更好的版本
【Pixelovely - Gesture Drawing】
http://www.pixelovely.com/gesture/index.php
這裡提供計時Figure Drawing 和 Animal Drawing照片練習速寫掌握動態

【The Drawing Script】
http://lovecastle.org/draw/
另一個人體和動物速寫練習網 (不能停秒)

-----------------------------------
【Anatomy App: Classical Anatomy for Artists】
http://vimeo.com/32244827

●這是藝用解剖學講師【Scott Eaton】將推出的人體肌肉結構Apps
個人網頁中也含豐富的資源: http://www.scott-eaton.com/
Animapp對他的介紹: http://animapp.blogspot.com/2009/04/scott-eaton.html

●影片提供者是【Michael Defeo】, 參與Rio, Ice Age等動畫電影的角色設計,雕刻,關辦插畫,雕刻班的Artist,角色造型很有個人風格
http://michaeldefeo.com/


-----------------------------------

【Figure Drawing: Design and Invention】 -Art書櫃的帕評與翻頁視頻:
http://blog.yam.com/DrBlack/article/44512158

-----------------------------------
【肢體流動感的表現】
(有別於之前人體結構的串偏重肌肉骨骼結構, 這串焦點偏向畫出流動感,如arc of movement, balance, rhythm等, 歡迎大家補完相關資源)
人體結構的串:
http://www.facebook.com/groups/166715563401421/216762665063377/
________________________

●Rad Sechrist, Dreamworks 的Story Artist 在Art Center Blog的多個教學, 強調流動感, 平衡, 造型姿勢的改進等:
http://theartcenter.blogspot.com/search/label/Rad%20Sechrist

●註: The Art Center Blog有不少Artist分享有關繪圖, 畫故事分鏡, 設計的教學 http://theartcenter.blogspot.com/

●Rad Sechrist的Blog:
http://radfordsechrist.blogspot.com/

早上,老師才說受到刺激的當下...會比較有感觸
嗯。

晚上,馬上受到刺激體驗..「一堂交通安全防治講座」
這堂交通安全防治講座滿不可思議…
剛開始打算去聽聽朋友們推薦的教你如何集中專心注意力
從朋友們聽到這是一堂非常神奇的一堂課。
具體的形容我感受不到,好奇心的驅使下…
讓我想去聽聽。

好像天不從人願,今天這堂課和我似乎沒有緣份。
「啊,來不及。」這一剎那…
我看見學姊肘擊玻璃車窗,隨即我和學姊兩人彈倒在地...
當下對方隨即下車詢問我們是否有受傷...
學姊臉色慘白、直冒冷汗,一度恍神險些昏倒在地。

一瞬間我腦袋空白…

手上與學姐脆弱的身體畫出的鮮紅的液體...
回過神才發現有刺痛感,覺得自己的手在發光。
原來那是玻璃碎屑...

到醫院,體驗到不同人的處理同件事情的態度與角度
醫生很有趣,想舒緩我的情緒…
「妳跟那個學姊一起的?」
「對啊!」
「你下次會不會不敢給學姊載?」
「下次換我在學姊。」
「妳要報仇噢?」
醫生真敢開玩笑,的確也舒緩我的情緒。

警衛先生看到我們,在我們耳邊提醒…
「最好報警備案比較安全,看太多人都逃跑了。」

後續的處理才是解決問題的重點啊....

在這附上白手套


是的,眾所期待!! 就是它。
許多漂亮的胴體,華美的肢體展現,登登登…
會在這次的文章中提到!

讓我們一窺究竟吧!
透過老師的交涉之下,我們進到了台中體院的舞蹈教室
神秘的舞蹈教室、活潑可愛的老師、青春洋溢的學生
舞蹈教室有兩間,我們往最內部的教室走。


旋轉~旋轉~旋轉~
一進門就是一群轉圈圈的學生們,其中女生佔了大半,
在這裡男性極為少數,歡迎男士們踴躍報名 =)

旁邊是她們的置物櫃,置物櫃旁邊還有位專門放音樂的學生

本來以為她受傷,結果她是專門放音樂的學生
請她讓我拍張照片,有些害羞

平衡感與身段非常柔軟,都開了180度

就連聊天的姿勢也很特別...

來吧!寶貝們,舉起妳們的手。

由於是內部教室的老師,暫且先稱她為內老師。

內老師的教學方式是與學生打成一片,
很活潑歡樂的氣氛,並且個別指導每個學生的動作。
不知道是不是因為有相機在拍,老師與學生們非常在意鏡頭的存在
但是這間教室非常的悶,前面、左右兩邊都是大面鏡子,後面是製物櫃。
沒有窗戶空氣流動的感覺,靠著老師的話語與肢體刺激著學生律動。

我們告別了內老師後,來到了外部教室。
如同上面,外部教室的老師,暫且稱呼他為外老師。

外面的氣氛就不一樣了,後面是一整排窗戶。
這班的學生明顯比較整齊,環境、空氣流動的氛圍非常舒適。



外老師特別的地方在她會將舞蹈創作形容成一件美好的事
譬如說這張,我要危險的感覺,打開你的雙腳向下,你會感覺向下是美味的。

與地板貼近一些,與地板當作是你的好朋友。
我們雙腳踩在地上,地板不會背叛妳。

外老師用擬人化的方式帶入有故事情境引導學生,
似乎我們都有些畫面,彷彿看見周圍是危險的感覺,可是地板卻支撐著妳
讓你更放心的貼近地板,對於舞蹈創作有更大的想像空間。

不管是內老師或室外老師,她們衣服都是同個顏色,具有神秘色彩
對學生們都是獨一無二,自有特殊的教學方式
不過她們未來的出路,在台灣的發展性是比較受限制的
如同我想在台灣做動畫一樣,現在只能是興趣,還不能當做正業

但未來誰知道呢?說不定以後許多產業互相合作後,
舞蹈系可以與我們作互動多媒體合作呢 =))
條條道路通羅馬,順其自然囉!