場景設(shè)計(jì)教案.doc

教師課時授課計(jì)劃教師姓名： 授課班級： 授課課時：2課程名稱：二維動畫場景設(shè)計(jì) 第 6講 教學(xué)循環(huán)號：1-6課題二維動畫場景設(shè)計(jì)圖的制作教學(xué)基本內(nèi)容二維動畫設(shè)計(jì)與制作軟件工具介紹 2 課時場景方位結(jié)構(gòu)圖的制作場景氣氛圖制作教學(xué)基本要求掌握動畫場景設(shè)計(jì)圖的制作技法。重點(diǎn)場景效果圖的制作。難點(diǎn)畫出與動畫劇本設(shè)定相符，與動畫片整體美術(shù)風(fēng)格協(xié)調(diào)的獨(dú)特、恰當(dāng)?shù)膱鼍霸O(shè)計(jì)圖。教具多媒體資料。課型理論講授。授課日期（校歷）第 1 周星期2 第 34節(jié)課后小結(jié)附于教案詳細(xì)教學(xué)過程附后一、教學(xué)目標(biāo)掌握動畫場景設(shè)計(jì)圖的制作技法。二、二維動畫設(shè)計(jì)與制作軟件工具介紹在二維動畫設(shè)計(jì)與制作中，除了傳統(tǒng)的手繪工具之外，現(xiàn)在更為常用的是各種計(jì)算機(jī)輔助軟件，利用各種軟件工具，可以很大程度上節(jié)省動畫影片制作成本，提高工作效率。當(dāng)今主流的動畫制作軟件按大的范圍分，分為圖像處理軟件、動畫制作軟件與后期合成軟件。在二維動畫場景的制作中，主要是利用圖像處理軟件進(jìn)行線稿繪制、上色以及特效處理。1. PHOTOSHOPAdobe Photoshop是公認(rèn)的最好的通用平面美術(shù)設(shè)計(jì)軟件。由Adobe公司開發(fā)設(shè)計(jì)。其用戶界面易懂，功能完善，性能穩(wěn)定，所以，在幾乎所有的廣告、出版、軟件公司，Photoshop都是首選的平面工具。在動畫制作行業(yè)，傳統(tǒng)的動畫制作方法，比如說手工描線，在賽璐璐片上上色等處理工序，基本上都已被電腦操作所取代，Adobe Photoshop具有很強(qiáng)的圖形處理能力，將線稿掃描進(jìn)電腦后，可在Photoshop中對線稿進(jìn)行優(yōu)化，然后利用強(qiáng)大的畫筆功能與圖層功能對線稿進(jìn)行著色，從而完成動畫場景的繪制。（1） Photoshop的特點(diǎn)：豐富多樣的Brush（畫筆）工具可以完全模擬現(xiàn)實(shí)的繪畫工具快速高效的選擇工具可以快速鎖定目標(biāo)Layer（圖層）的應(yīng)用使復(fù)雜的圖像處理輕松有序豐富的Layer Style（圖層樣式）快速給字體或圖形添加效果矢量圖形操作簡單完善的文字編輯功能實(shí)用而精致的Filter（濾鏡）為設(shè)計(jì)增添更多的特殊效果（2） Photoshop界面介紹作為圖形處理的專業(yè)軟件之一, photoshop具有Adobe公司一貫的軟件設(shè)計(jì)風(fēng)格,在界面上,菜單上等都具有相當(dāng)高的人性化設(shè)計(jì)在其中。而做為Adobe公司的產(chǎn)品之一,也保持了與其他軟件交叉使用的方便及快捷。菜單欄 工具信息欄 控制面板工具欄 文檔信息欄 文檔窗口 1 菜單欄：集成了在圖像處理過程中所用到的各種命令，以及包含了在圖形處理過程中所用到各種文件存儲，打開，軟件設(shè)置，面板的調(diào)換等。2 工具信息欄：當(dāng)從工具欄里選擇任何一個工具之后在此欄中都會顯示相應(yīng)的工具的信息以及一些操作方式3 工具欄：是對圖形進(jìn)行處理的各種工具。4 文檔窗口：當(dāng)前正在進(jìn)行操作處理的文件。5 文檔信息欄：顯示當(dāng)前文檔的大小，視圖比例，以及一些提示信息。（上圖為利用photoshop進(jìn)行繪制的動畫場景）關(guān)于PHOTOSHOP的使用方法我們會有專門的課程進(jìn)行學(xué)習(xí)，在這就不多做介紹。2、painterPainter自然繪畫軟件是目前世界上最為完善的電腦美術(shù)繪畫軟件,它在電腦上首次將傳統(tǒng)的繪畫方式和電腦設(shè)計(jì)完整地結(jié)合起來,形成了其獨(dú)特的繪畫和造型效果.除了作為世界上首屈一指的自然繪畫軟件外,Painter在影像編輯,特技制作和二維動畫等方面,也有突出的表現(xiàn).對于專業(yè)設(shè)計(jì)師,出版社美編,攝影師,動畫及多媒體制作人員和一般電腦美術(shù)愛好者,Painter都是一個非常理想的圖像編輯和繪畫工具。Painter與photoshop相比，一個最為突出的優(yōu)點(diǎn)在于它能模擬傳統(tǒng)的繪畫方法，模擬各種畫筆效果，這種繪畫風(fēng)格不僅克服了電腦矢量圖形藝術(shù)所難以避免的失真現(xiàn)像,更通過各種仿真筆觸的結(jié)合,使畫家們能夠在電腦上直接揮灑筆墨,淋漓盡致地發(fā)揮自己的長項(xiàng).這種不加修飾的電腦繪畫幾乎和傳統(tǒng)繪畫表現(xiàn)完全一樣,特別是由隨意筆觸流動產(chǎn)生的筆墨神韻更可躍然紙上,使畫面生動活潑,栩栩如生.電腦和傳統(tǒng)藝術(shù)渾然一體,相得益彰.因此,可以說Painter是目前世界上真正繪畫意義的電腦美術(shù)軟件。（上圖為利用Painter繪制的場景）注：在講解本章節(jié)中，結(jié)合上述軟件工具的基本操作進(jìn)行講解。三、場景方位結(jié)構(gòu)圖的制作動畫場景設(shè)計(jì)圖是場景設(shè)計(jì)思想的體現(xiàn)，也是學(xué)習(xí)的重點(diǎn)。設(shè)計(jì)圖包括很多方面，比如效果圖、平面圖、立面圖、鳥瞰圖等等，都需要花大量精力去進(jìn)行學(xué)習(xí)、訓(xùn)練。方位結(jié)構(gòu)圖也就是我們經(jīng)常說的平面圖、立面圖、鳥瞰圖等，繪制這些圖的目的就是要明確、清晰地將場景結(jié)構(gòu)、方位表述出來。場景設(shè)計(jì)者應(yīng)該用準(zhǔn)確細(xì)致的圖樣，使組里的其他創(chuàng)作者了解場景的具體空間形態(tài)、結(jié)構(gòu)特點(diǎn)，為未來影片的場面調(diào)度提供可靠的環(huán)境、支點(diǎn)的依據(jù)，為鏡頭設(shè)計(jì)提供更方便快捷的思考空間。所以在進(jìn)行場景設(shè)計(jì)之前，就必須對這一場景進(jìn)行整體的、詳細(xì)的規(guī)劃。(一)、平面圖、立面圖的基本畫法1、 制圖中線的種類和用法制圖中各種圖形都是用粗細(xì),形狀不同的線段來表示的。（見下圖）2、 制圖中的通用符號制圖中有些特定的物體,需要特定的符號表示。（見下圖）3、 繪制平面圖,立面圖運(yùn)用這些制圖的符號,就可以按照比例,完成一個場景的平面圖,立面圖。（見下圖）（二）、鳥瞰圖的基本畫法鳥瞰圖是一種立體示意的輔助圖，在一個圖面上展現(xiàn)三個面以上的結(jié)構(gòu)。可以幫助了解結(jié)構(gòu)復(fù)雜的場景空間。鳥瞰圖有兩種：1、 透視鳥瞰圖可以任意確定結(jié)構(gòu)線的滅點(diǎn),畫出有一定透視效果的鳥瞰圖.但并不是嚴(yán)格的透視。（下圖為不同風(fēng)格與透視效果的鳥瞰圖）2、 無透視鳥瞰圖根據(jù)平面圖直接畫出鳥瞰圖.方法很簡單,就是以45度水平斜軸做出鳥瞰效果。見下圖。（三）、方位結(jié)構(gòu)圖在影片創(chuàng)作中的應(yīng)用下圖為怪物公司的平面示意。這場戲中，方位結(jié)構(gòu)圖在影片中的主要作用就是對場面調(diào)度的準(zhǔn)確描述。四、場景氣氛圖的制作（一）、畫幅規(guī)格 人眼的生理特殊性，從正常的平視角度講，以視覺為中心，水平40度角以內(nèi)，垂直30度以內(nèi)，形成左右大于上下的橢圓形范圍是人眼的有效范圍。所以我們的影視屏幕才會被設(shè)計(jì)為左右大于上下的長方形。 動畫場景最終是要通過屏幕表現(xiàn)出來的，所以我們在繪制動畫場景效果圖之前，應(yīng)要了解國際上通用的屏幕畫幅的規(guī)格比例。1. 電視屏幕寬高比:普通電視屏幕是4 : 3,高清晰電視屏幕是16 : 9。2. 電影銀屏高寬比:普通銀幕1 : 1.38,遮幅銀幕1 : 1.66或1 : 1.85,寬銀幕1 : 2.35。（二）、場景圖的繪制方法1. 繪制步驟首先繪制線描草圖，這是場景結(jié)構(gòu)的藍(lán)圖，然后描繪出素描層次，接著就是描述光影效果，畫出哪兒是亮的，哪兒是暗的地方，因?yàn)橐獪?zhǔn)確指出光源，所以光線的設(shè)計(jì)增加了圖層的復(fù)雜性。草圖的色調(diào)顯示出它的亮度和對比度。這些不同圖層的綜合決定了場景的情緒氣氛。（1） 場景設(shè)計(jì)草圖階段a、 草圖探索對于一個相對復(fù)雜的場景設(shè)計(jì)，有許多問題需要逐步解決，設(shè)計(jì)者得統(tǒng)觀全局進(jìn)行一系列的思考。比如對于場景的特定時空與特定地域的定位，場景特定世界觀的定位，對現(xiàn)實(shí)資料的借鑒與變化等。在思考的同時，用筆記錄一些圖像化的東西。這個階段是使構(gòu)思逐步清晰、逐步合理，并且是構(gòu)思從一個想法到圖形呈現(xiàn)的重要階段。這個過程要勤于把思考的東西用圖形記錄下來，所謂的靈感在這個階段總是偏愛那些勤于思考者。 草圖階段大致也可以分成兩個過程。首先，在明確場景設(shè)計(jì)的要求后，查找相關(guān)的圖形資料。比方設(shè)計(jì)要求中的歷史定在戰(zhàn)國時代，地點(diǎn)定在秦國，這就需要通過大量的圖形資料、文字資料先對這個時期的建筑特點(diǎn)、民俗民風(fēng)，都有個深入的了解，也可以避免一些常識性的錯誤。 在設(shè)計(jì)思路基本明確后，就可以進(jìn)入場景構(gòu)思，圖形化探索了。包括主次空間的分類與分布，空間與空間的整合，空間的平面單元構(gòu)成圖，設(shè)計(jì)一些場景的主要角度，逐步的使設(shè)計(jì)從初步成形到深入細(xì)致。草圖階段可以嘗試不同的表現(xiàn)方法，一般以能快速表現(xiàn)設(shè)計(jì)意圖為宜。b、 色彩光影的探索利用小的色彩稿進(jìn)行探索，對于迅速、準(zhǔn)確地把握場景整體的色彩、光線氣氛非常有幫助。色彩小稿的制作手段也是十分多樣的，一般可以用水彩、水粉、彩色鉛筆等方便、易用的傳統(tǒng)繪畫材料?，F(xiàn)在，利用photoshop、painter等軟件，可以很方便地繪出色彩小稿，特別是進(jìn)行局部修改和整體色彩調(diào)整時，更能顯示其方便性。色彩小稿的用途在于分析問題，提供解決問題的方案，提醒我們一些制作時應(yīng)注意的地方。首先，它適合于小尺寸、有利于整體色彩的把握。其次，要注重大關(guān)系的塑造調(diào)整，舍棄細(xì)節(jié)的刻畫。最后，色彩小稿不同于繪畫作品，繪畫考慮的是單幅畫面的完整與成立，而場景設(shè)計(jì)的色彩小稿應(yīng)該考慮色調(diào)、光線與場景設(shè)計(jì)要求的關(guān)系，前后場景的風(fēng)格統(tǒng)一，看設(shè)計(jì)意圖有沒有得到很好的體現(xiàn)，是以找到最佳方案為目標(biāo)的。（宮崎峻天空之城場景，色彩小稿與完成稿）（千與千尋場景色彩小稿與完成稿）（2） 場景設(shè)計(jì)正稿階段a、 色彩稿的創(chuàng)作 把鉛筆線稿進(jìn)行掃描，然后導(dǎo)入photoshop中。原始的掃描圖一般比較灰暗，還有一些污損的地方，所以要對掃描圖進(jìn)行一些處理。調(diào)整圖的亮度與對比度，使鉛筆線飽和而富有層次，再用橡皮擦清除污損的地方，得到一張整潔的線稿。（這一步，也可以直接用數(shù)位板在電腦里繪制完成） Photoshop的圖層在色彩稿的繪制過程中非常重要，合理的分層可以大大加快繪制的速度，方便修改。先把線稿放置到層的頂端，并設(shè)置成正片疊底，這一層可以固定在最上層，再加幾層，作為繪制色彩的層，層的多少視圖的復(fù)雜程度而定，分別命名以方便管理。 在鋪設(shè)大基調(diào)時，用比較大的筆觸輕松涂抹，在有些地方可以考慮先鋪一些對比色作為底色，這樣在后面的刻畫中不經(jīng)意間可以透出一點(diǎn)，使得顏色比較透明和有生氣。 再加幾層分別鋪設(shè)前景、中景、遠(yuǎn)景。大致畫出形體的基本顏色和明暗關(guān)系，注意色彩空間的架設(shè)，不要太在意邊線、輪廓，這些形體將在后面的繪制過程中得到修正。在這個過程中，盡量保持新鮮的感覺和旺盛的表現(xiàn)欲，同時保持用筆的輕松。 在深入描繪階段可以運(yùn)用豐富的筆觸進(jìn)行局部的描繪，photoshop中內(nèi)置了多種筆觸效果，可以根據(jù)具體情況酌情選擇，并調(diào)整筆的大小，有時也可以調(diào)節(jié)筆的透明度，半透明的罩染可以使顏色的表現(xiàn)比較滋潤。 用比較細(xì)膩的筆法具體刻畫形體，使形象漸漸如照片顯影般浮現(xiàn)。制作上要穩(wěn)打穩(wěn)扎，時時注意畫面的整體性。隨著刻畫的深入，形象越來越具體，這個階段要注意在細(xì)碎的局部只能感分沖層次，尋找大塊形與小塊形的對比，冷色與暖色的的對比。這是整個繪畫過程中最耗時間的部分，也是造型能力最大體現(xiàn)的部分。 進(jìn)行最后的局部刻畫，注意各種材質(zhì)的表現(xiàn)，調(diào)節(jié)畫面整體氣氛，可適當(dāng)添加光影、霧氣等，對色彩進(jìn)行調(diào)整。 2. 分層處理場景分層處理，就是將場景的前景、中景、后景和背景等若干景次分別按照預(yù)先設(shè)定的比例繪制在不同的平面上，然后在動畫制作的時候依次疊加在一起，在鏡頭里依次注意推近和拉遠(yuǎn)的效果，制作中個景次之間依次出畫或入畫，以及運(yùn)動速度的不同、虛實(shí)變化的不同、大小比例的不同，從而模擬出鏡頭推拉移動的視覺效果。 （下圖在場景繪制中將內(nèi)景與房屋外景進(jìn)行分別繪制，最后再疊加在一起）將室內(nèi)室外圖結(jié)合起來，最終上色完成稿項(xiàng)目 1 平安行天下系列之場景制作1 1、根據(jù)劇本，分鏡的要求，用數(shù)位板先畫第一張大概的草圖線稿。這張場景是表現(xiàn)在群山環(huán)繞中的一座帶有科幻感覺的大廈，在起線稿的時候注意畫面的視覺中心在于大廈表現(xiàn)，采取穩(wěn)定構(gòu)圖的方法，描繪出大概的空間關(guān)系。2 大概的線稿現(xiàn)在已經(jīng)差不多了，接下來我們開始上色，首先我們先給上一個大體色調(diào)。這幅圖想表現(xiàn)出夜晚的感覺，所以整個畫面呈蘭色調(diào)。用深淺不同的蘭色畫出大體畫面層次感。3 大概的給主體物和前景撲上整體色調(diào)。利用深顏色拉開主體與背景的距離。4 大概的給主體物和前景加上一些你預(yù)想要的細(xì)節(jié)，并適當(dāng)加以空間的處理。5 進(jìn)一步刻畫主體物，給其加上更多的細(xì)節(jié)，在這里我給它加上了一些亮點(diǎn)表示開了燈的窗戶。6 進(jìn)一步刻畫場景，給它的前，中，遠(yuǎn)景加上更多的細(xì)節(jié)，使整個場景氛圍更加的協(xié)調(diào)。7 進(jìn)一步加強(qiáng)場景的氛圍，給場景加上一些燈光。整理多余的鉛筆稿，并進(jìn)一步調(diào)節(jié)場景的空間虛實(shí)關(guān)系和比例關(guān)系等。8 到這里我們的場景制作就要結(jié)束了，給場景做最后的調(diào)整和色彩的校正。項(xiàng)目 2 平安行天下系列場景制作21、起稿，這一步可以在電腦中直接用數(shù)位板繪制，也可以手繪后掃描進(jìn)電腦。2、線稿層模式選擇正片疊底置于最頂層，新建圖層，用漸變填充工具給場景鋪上主色調(diào)。1、 新建圖層，給公路與近處的建筑鋪上大體色調(diào)，利用虛實(shí)關(guān)系拉出層次感。2、 進(jìn)一步細(xì)化表現(xiàn)，在這一步里，重點(diǎn)在于近處景物的刻畫，注意不要忽略整體感覺。3、 通過對前景的描繪拉出景深感，細(xì)化公路。此時，在天空中利用小筆觸點(diǎn)出星光感覺。4、 給近處的房屋添上窗戶，營造燈光感覺，給樓頂增加一塊粉色，使色彩逐漸變豐富。5、 細(xì)節(jié)刻畫，用比較小的筆觸畫出霓虹燈、建筑物投影。6、 開始營造光影氣氛感覺，加上月亮，給出外發(fā)光效果，給建筑物外輪廓加上發(fā)光效果，營造月光照射感覺。7、 刪掉線稿層，對場景外輪廓進(jìn)行整理，力求工整。8、 整體觀察，調(diào)整畫面明暗對比，使夜晚感覺更加明顯。9、 調(diào)整畫面氣氛，給景物層加上外發(fā)光效果，調(diào)整畫面整體色調(diào)，校色。完成最終稿。項(xiàng)目3 消防大本營系列之的場景制作2步驟1:根據(jù)劇本或分鏡的要求，用數(shù)位板先畫出一張大概的草圖線稿，如果用手繪的話先將線稿