Flash教程:動(dòng)畫(huà)背景的繪制方法之透視篇(給新手)

Flash動(dòng)畫(huà)在網(wǎng)絡(luò)上的廣泛傳播,已經(jīng)成為上網(wǎng)一族喜聞樂(lè)見(jiàn)的一種藝術(shù)形式。Flash也從一種工具軟件成為朋友們抒發(fā)情感、展示自我的理想途徑。在flash作品創(chuàng)作中,朋友們非常注重作品人物塑造,而忽視了動(dòng)畫(huà)背景的繪制。
動(dòng)畫(huà)背景是指除動(dòng)畫(huà)角色以外的所有事物,是一部動(dòng)畫(huà)作品不可或缺的關(guān)鍵因素。合理準(zhǔn)確的動(dòng)畫(huà)背景,可以烘托動(dòng)畫(huà)主題,增強(qiáng)動(dòng)畫(huà)氣氛的作用。
動(dòng)畫(huà)背景的繪制方法有很多,也有很多表現(xiàn)方法。這里將結(jié)合透視學(xué)的基礎(chǔ)知識(shí)向大家簡(jiǎn)單的介紹一下動(dòng)畫(huà)背景的繪制。
平行視角的動(dòng)畫(huà)背景
平行視角是指鏡頭(欣賞者的視點(diǎn))與畫(huà)面保持平行。他的優(yōu)點(diǎn)是穩(wěn)定、容易讓大家接受。缺點(diǎn)是頻繁的使用平行視角,會(huì)引起動(dòng)畫(huà)整體的平敘、毫無(wú)生氣。下面我們就來(lái)繪制一個(gè)典型的平行視角的動(dòng)畫(huà)背景圖。
?。ㄒ?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è)樓房的背景。自然界中任何物體的外形都可以利用幾何圖形來(lái)表現(xiàn)的。利用幾何圖形來(lái)進(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)在我們來(lái)確定樓房窗戶的水平間隔距離。由于樓房產(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)畫(huà)中的背景往往并不是單獨(dú)物體的出現(xiàn)。其他的樓房應(yīng)該怎么樣做呢?繪制的方法是一樣,都是利用視平線、余點(diǎn)來(lái)完成的。如圖13所示:
15、 平行視角的其它幾種形式。如圖14—15所示。特別要注意的是圖15,在此圖中并不是俯視效果,而是平行視覺(jué)效果。
好了,按照以上做法,你可以繪制出不同的房子,自己練習(xí)練習(xí)。這里只提供新手學(xué)習(xí),老手我想就不必了吧 - -! 老手PS底工好的基本上都在PS里處理好,然后在FLASH中打開(kāi)進(jìn)行整理。
相關(guān)文章
flash如何制作形狀補(bǔ)間動(dòng)畫(huà)?flash創(chuàng)建補(bǔ)間形狀技巧
flash一款功能強(qiáng)大的動(dòng)畫(huà)制作軟件,制作動(dòng)畫(huà)很非常的方便,但動(dòng)畫(huà)過(guò)程使用的都是形狀補(bǔ)間功能。今天小編就來(lái)給大家介紹一下flash形狀補(bǔ)間動(dòng)畫(huà)制作方法,感興趣的快來(lái)看看吧2022-05-11flash cs6怎么做花朵成長(zhǎng)的逐幀動(dòng)畫(huà)?
flash cs6怎么做花朵成長(zhǎng)的逐幀動(dòng)畫(huà)?flash中想要繪制一個(gè)花開(kāi)的動(dòng)畫(huà),該怎么畫(huà)出各個(gè)圖形然后做逐幀動(dòng)畫(huà)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2021-03-09Flash怎么將動(dòng)畫(huà)復(fù)制為ActionScript3.0并使用?
Flash怎么將動(dòng)畫(huà)復(fù)制為ActionScript3.0并使用?Flash中制作的動(dòng)畫(huà)想要直接粘貼到另一個(gè)對(duì)象中,我們可以使用復(fù)制腳本代碼的方式復(fù)制動(dòng)畫(huà),下面我們就來(lái)看看詳細(xì)的教程,需2017-12-08flash怎么制作漫畫(huà)人物行走的動(dòng)畫(huà)?
flash怎么制作漫畫(huà)人物行走的動(dòng)畫(huà)?flash中想要制作一段行走的動(dòng)畫(huà),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-04-18flash逐幀動(dòng)畫(huà)制作全過(guò)程解析
這篇教程是向腳本之家的朋友分享flash逐幀動(dòng)畫(huà)制作全過(guò)程,教程非?;A(chǔ),很適合新手來(lái)學(xué)習(xí),推薦過(guò)來(lái),有興趣的朋友可以過(guò)來(lái)學(xué)習(xí)2016-01-15- 下面小編就為大家介紹利用Flash正確的口型吻合動(dòng)畫(huà)技巧,教程很不錯(cuò),非常適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友一起來(lái)學(xué)習(xí)吧2015-01-15
Flash動(dòng)畫(huà)制作技巧 圖形元件相關(guān)知識(shí)介紹
這篇教程是向腳本之家的朋友介紹Flash動(dòng)畫(huà)制作技巧:圖形元件相關(guān)知識(shí),教程很基礎(chǔ),但很實(shí)用,推薦到腳本之家,喜歡的朋友可以過(guò)來(lái)學(xué)習(xí)一下,希望能對(duì)大家有所幫助2015-01-05Flash動(dòng)畫(huà)制作小黑人經(jīng)典動(dòng)畫(huà)效果技巧介紹(圖文)
本教程是向大家介紹Flash動(dòng)畫(huà)制作小黑人經(jīng)典動(dòng)畫(huà)效果技巧,教程很經(jīng)典,介紹的非常詳細(xì),相信對(duì)學(xué)習(xí)Flash朋友有一定的幫助。轉(zhuǎn)發(fā)過(guò)來(lái),希望對(duì)大家有所幫助2014-08-05Flash制作旋轉(zhuǎn)的3D立體盒動(dòng)畫(huà)教程
本教程是向大家介紹利用Flash制作旋轉(zhuǎn)的3D立體盒動(dòng)畫(huà)教程,制作出來(lái)的效果非常好看,教程介紹的很詳細(xì),希望大家通過(guò)本篇教程能學(xué)習(xí)Flash制作3D動(dòng)畫(huà)的方法,這樣以后就可以2014-07-22Flash cs3制作人物行走動(dòng)畫(huà)技巧圖文解析
本教程向大家介紹了Flash cs3制作人物行走動(dòng)畫(huà)技巧,并做了詳細(xì)的介紹,覺(jué)得教程很不錯(cuò),轉(zhuǎn)發(fā)過(guò)來(lái),希望給朋友們帶來(lái)幫助2014-07-15