Flash動(dòng)畫制作教程:動(dòng)畫背景的繪制方法之透視篇

分類:Flash動(dòng)畫制作    發(fā)布時(shí)間:2018年10月26日    點(diǎn)擊:4275次

Flash動(dòng)畫制作教程:動(dòng)畫背景的繪制方法之透視篇


  Flash動(dòng)畫在網(wǎng)絡(luò)上的廣泛傳播,已經(jīng)成為上網(wǎng)一族喜聞樂見的一種藝術(shù)形式。Flash也從一種工具軟件成為朋友們抒發(fā)情感、展示自我的理想途徑。在flash作品創(chuàng)作中,朋友們非常注重作品人物塑造,而忽視了動(dòng)畫背景的繪制。


  動(dòng)畫背景是指除動(dòng)畫角色以外的所有事物,是一部動(dòng)畫作品不可或缺的關(guān)鍵因素。合理準(zhǔn)確的動(dòng)畫背景,可以烘托動(dòng)畫主題,增強(qiáng)動(dòng)畫氣氛的作用。


  動(dòng)畫背景的繪制方法有很多,也有很多表現(xiàn)方法。這里將結(jié)合透視學(xué)的基礎(chǔ)知識(shí)向大家簡單的介紹一下動(dòng)畫背景的繪制。


  平行視角的動(dòng)畫背景

  平行視角是指鏡頭(欣賞者的視點(diǎn))與畫面保持平行。他的優(yōu)點(diǎn)是穩(wěn)定、容易讓大家接受。缺點(diǎn)是頻繁的使用平行視角,會(huì)引起動(dòng)畫整體的平敘、毫無生氣。下面我們就來繪制一個(gè)典型的平行視角的動(dòng)畫背景圖。

  (因?yàn)閒lash版本在繪圖上面影響不大,所以本例采用mx中文版)

  1、 運(yùn)行flash mx,文檔屬性默認(rèn)。

  2、 在舞臺(tái)中繪制一條水平線,把這條水平線命名為視平線,視平線就是觀察者眼睛的高度。位置如圖1所示:

  


  3、 在視平線上確定兩個(gè)不重復(fù)的點(diǎn),命名為余點(diǎn)1和余點(diǎn)2,這兩個(gè)余點(diǎn)就是繪制背景的消失點(diǎn)。如圖2所示:

  


  4、 在舞臺(tái)中利用幾何圖形繪制一個(gè)樓房的背景。自然界中任何物體的外形都可以利用幾何圖形來表現(xiàn)的。利用幾何圖形來進(jìn)行繪制也是初學(xué)者的一個(gè)良好的習(xí)慣。

  在視平線上繪制一條垂直線段,這就是我們將要表現(xiàn)的樓房的高度。垂直線段的y軸位置要根據(jù)你要繪制的樓房的高度。

  例如樓房高度時(shí)17米,你的視平線高度時(shí)1.7米(也就是你眼睛于地面的垂直距離),那么你的這個(gè)垂直線段的y軸位置就要在1/10處。如圖3所示:

  


  5、 有這條垂直線段的頂點(diǎn)和底點(diǎn)分別于余點(diǎn)1和余點(diǎn)2連接虛線,這四條連接虛線就是物體的消失方向。如圖4所示:

  


  6、 在垂直線段的兩側(cè),使用垂直線段截出樓房的兩個(gè)側(cè)面。與余點(diǎn)距離近的側(cè)面要小一點(diǎn),這是由于透視變形產(chǎn)生的。如圖5所示:

  


  7、 把垂直線段截取到的連線修改為實(shí)線。這樣一個(gè)直角平行六面體我們就繪制完成了。如圖6所示:

  


  8、 這還不是一個(gè)樓房的圖形,我們還要繼續(xù)修飾。在中間的垂直線段上我們均勻的設(shè)置10個(gè)點(diǎn)。如圖7所示:

  


  9、 然后由每個(gè)點(diǎn)向余點(diǎn)1和余點(diǎn)2做連線,也就是我們要繪制樓房上面的窗戶的消失線。如圖8所示:

  


  10、 把樓房圖形范圍內(nèi)的虛線修改成實(shí)線。如圖9所示:

  


  11、 現(xiàn)在我們來確定樓房窗戶的水平間隔距離。由于樓房產(chǎn)生了透視變形現(xiàn)象,所以原本水平間隔相等的距離,變得距離余點(diǎn)越近,距離越小的現(xiàn)象了。如圖10所示:

  


  12、 最后,把多余的線條刪除,樓房的線圖完成。如圖11所示:

  


  13、 利用油漆桶工具把樓房填充顏色,一個(gè)非常準(zhǔn)確的背景就出現(xiàn)了。如圖12所示:

  


  這里顏色有點(diǎn)不鮮艷,這只是做個(gè)示范,回去你可以認(rèn)真填色,這里就不多講解了。

  14、 動(dòng)畫中的背景往往并不是單獨(dú)物體的出現(xiàn)。其他的樓房應(yīng)該怎么樣做呢?繪制的方法是一樣,都是利用視平線、余點(diǎn)來完成的。如圖13所示:

  


  15、 平行視角的其它幾種形式。如圖14—15所示。特別要注意的是圖15,在此圖中并不是俯視效果,而是平行視覺效果。

  


  


  好了,按照以上做法,你可以繪制出不同的房子,自己練習(xí)練習(xí)。這里只提供新手學(xué)習(xí),老手我想就不必了吧 - -! 老手PS底工好的基本上都在PS里處理好,然后在FLASH中打開進(jìn)行整理。

最近發(fā)表