題記：網(wǎng)頁(yè)動(dòng)畫(huà)于你的手指之間顯現(xiàn)，開(kāi)始制作前的分鏡是它的靈魂。

　　網(wǎng)頁(yè)動(dòng)畫(huà)繪制與分鏡設(shè)計(jì)1

　　當(dāng)我們頭腦中有了大綱，就要逐步分割動(dòng)畫(huà)細(xì)節(jié)。當(dāng)你開(kāi)始繪制動(dòng)畫(huà)之前，必須要繪制一份兒分鏡頭腳本(簡(jiǎn)稱(chēng)分鏡)，畫(huà)分鏡是一個(gè)很重要的過(guò)程，在這個(gè)過(guò)程中基于內(nèi)容和鏡頭將動(dòng)畫(huà)進(jìn)行了分割，從而我們可以用模塊化的方式組織那些驅(qū)動(dòng)動(dòng)畫(huà)的代碼。在很多場(chǎng)景中，分鏡還能夠讓我們對(duì)動(dòng)畫(huà)進(jìn)行合理的時(shí)間分配，允許你按照步驟，一步步分割鏡頭。

　　網(wǎng)頁(yè)動(dòng)畫(huà)繪制與分鏡設(shè)計(jì)2

　　我們有一個(gè)常見(jiàn)的誤區(qū)，很多時(shí)候?qū)⒗L制分鏡完全等同于設(shè)計(jì)一份精美的漫畫(huà)，小編認(rèn)為這就是為什么很多網(wǎng)頁(yè)動(dòng)畫(huà)師并不樂(lè)意去繪制一份分鏡的原因所在，他們畏懼去畫(huà)一份精美的漫畫(huà)，畏懼將一份精美的漫畫(huà)實(shí)現(xiàn)為優(yōu)雅的動(dòng)畫(huà)，畏懼花費(fèi)大量的時(shí)間和精力用在設(shè)計(jì)過(guò)程上，總之就是他們認(rèn)為應(yīng)該趕緊推動(dòng)項(xiàng)目的進(jìn)程，盡快完成項(xiàng)目，在高強(qiáng)度的工作態(tài)勢(shì)下，動(dòng)畫(huà)師真不容易，小編完全理解這種心理。

　　網(wǎng)頁(yè)動(dòng)畫(huà)繪制與分鏡設(shè)計(jì)3

　　為了避免有些人產(chǎn)生這種畏懼心理，小編建議忘掉心中對(duì)分鏡的不切實(shí)際的理解。小編自己也畫(huà)分鏡，你問(wèn)我會(huì)對(duì)如此簡(jiǎn)陋的初稿感到羞愧嗎?我說(shuō)，一點(diǎn)兒也不。這個(gè)初稿我只花了不到一分鐘，它是對(duì)我未來(lái)工作的一個(gè)整體性的把控和表現(xiàn)框架，或說(shuō)構(gòu)圖。它能夠幫助我勾勒出后面——我需要花好幾天繪制的動(dòng)畫(huà)的一些細(xì)節(jié)，如果沒(méi)有它，我就無(wú)法做到事半功倍。分鏡因人和使用場(chǎng)景而異，所以沒(méi)有必要畫(huà)得那么好，只需要簡(jiǎn)單地勾勒出草圖就行了。

　　網(wǎng)頁(yè)動(dòng)畫(huà)繪制與分鏡設(shè)計(jì)4

　　再讓我們了解一下使“用戶(hù)產(chǎn)生共鳴”的方法，假設(shè)現(xiàn)在我們可以通過(guò)分鏡來(lái)完成所有的有關(guān)用戶(hù)的交互，那我們就要站在觀眾的這一邊，將心比心地理解他們的行為和心理訴求，可以基于預(yù)期目標(biāo)和產(chǎn)出來(lái)做一些有針對(duì)性的分鏡繪制方案。

　　網(wǎng)頁(yè)動(dòng)畫(huà)繪制與分鏡設(shè)計(jì)5

　　另外你知道畫(huà)分鏡的過(guò)程也是需要進(jìn)行配色的嗎?就像你為網(wǎng)站設(shè)計(jì)配色一樣，迪斯尼和其他工作室在制作分鏡的時(shí)候也會(huì)做色調(diào)和風(fēng)格化方面的處理，為其中主要的動(dòng)畫(huà)任務(wù)和場(chǎng)景進(jìn)行配色。

　　網(wǎng)頁(yè)動(dòng)畫(huà)繪制與分鏡設(shè)計(jì)6

　　這里是觸須動(dòng)漫，原創(chuàng)動(dòng)漫文化挖掘，請(qǐng)勿抄襲搬運(yùn)，允許轉(zhuǎn)載，請(qǐng)標(biāo)明出處。祝國(guó)產(chǎn)動(dòng)漫再上一層樓。

　　網(wǎng)頁(yè)動(dòng)畫(huà)繪制與分鏡設(shè)計(jì)7