場(chǎng)景設(shè)計(jì)教(學(xué))案

1、教師課時(shí)授課計(jì)劃教師:授課班級(jí):授課課時(shí)：2課題二維動(dòng)畫場(chǎng)景設(shè)計(jì)圖的制作教學(xué)基本容二維動(dòng)畫設(shè)計(jì)與制作軟件工具介紹2課時(shí)場(chǎng)景方位結(jié)構(gòu)圖的制作場(chǎng)景氣氛?qǐng)D制作教學(xué)基本要求掌握動(dòng)畫場(chǎng)景設(shè)計(jì)圖的制作技法。重點(diǎn)場(chǎng)景效果圖的制作。難點(diǎn)畫出與動(dòng)畫劇本設(shè)定相符，與動(dòng)畫片整體美術(shù)風(fēng)格協(xié)調(diào)的獨(dú)特、恰當(dāng)?shù)膱?chǎng)景設(shè)計(jì)圖。教具多媒體資料。課型理論講授。授課日期（校歷）第1周星期2第34節(jié)課后小結(jié)附于教案課程名稱：二維動(dòng)畫場(chǎng)景設(shè)計(jì)第6講教學(xué)循環(huán)號(hào)：1-6詳細(xì)教學(xué)過程附后、教學(xué)目標(biāo)掌握動(dòng)畫場(chǎng)景設(shè)計(jì)圖的制作技法。二、二維動(dòng)畫設(shè)計(jì)與制作軟件工具介紹在二維動(dòng)畫設(shè)計(jì)與制作中，除了傳統(tǒng)的手繪工具之外，現(xiàn)在更為常用的是各種計(jì)算機(jī)輔助軟件，

2、利用各種軟件工具，可以很大程度上節(jié)省動(dòng)畫影片制作成本，提高工作效率。當(dāng)今主流的動(dòng)畫制作軟件按大的圍分，分為圖像處理軟件、動(dòng)畫制作軟件與后期合成軟件。在二維動(dòng)畫場(chǎng)景的制作中，主要是利用圖像處理軟件進(jìn)行線稿繪制、上色以及特效處理1.PHOTOSHOPAdobePhotoshop是公認(rèn)的最好的通用平面美術(shù)設(shè)計(jì)軟件。由Adobe公司開發(fā)設(shè)計(jì)。其用戶界面易懂，功能完善，性能穩(wěn)定，所以，在幾乎所有的廣告、出版、軟件公司，Photoshop都是首選的平面工具。在動(dòng)畫制作行業(yè)，傳統(tǒng)的動(dòng)畫制作方法，比如說手工描線，在賽璐璐片上上色等處理工序，基本上都已被電腦操作所取代，AdobePhotoshop具有很強(qiáng)的圖形

3、處理能力，將線稿掃描進(jìn)電腦后，可在Photoshop中對(duì)線稿進(jìn)行優(yōu)化，然后利用強(qiáng)大的畫筆功能與圖層功能對(duì)線稿進(jìn)行著色，從而完成動(dòng)畫場(chǎng)景的繪制。（1）Photoshop的特點(diǎn)：豐富多樣的Brush（畫筆）工具可以完全模擬現(xiàn)實(shí)的繪畫工具快速高效的選擇工具可以快速鎖定目標(biāo)Layer（圖層）的應(yīng)用使復(fù)雜的圖像處理輕松有序豐富的LayerStyle（圖層樣式）快速給字體或圖形添加效果 矢量圖形操作簡(jiǎn)單 完善的文字編輯功能 實(shí)用而精致的Filter（濾鏡）為設(shè)計(jì)增添更多的特殊效果（2）Photoshop界面介紹作為圖形處理的專業(yè)軟件之一，photoshop具有Adobe公司一貫的軟件設(shè)計(jì)風(fēng)格，在界面上,菜

4、單上等都具有相當(dāng)高的人性化設(shè)計(jì)在其中。而做為Adobe公司的產(chǎn)品之一，也保持了與其他軟件交叉使用的方便及快捷。菜單欄工具信息欄控制面板文檔信息欄文檔窗口工具欄1. 菜單欄：集成了在圖像處理過程中所用到的各種命令，以及包含了在圖形處理過程中所用到各種文件存儲(chǔ)，打開，軟件設(shè)置，面板的調(diào)換等。2. 工具信息欄：當(dāng)從工具欄里選擇任何一個(gè)工具之后在此欄中都會(huì)顯示相應(yīng)的工具的信息以及一些操作方式3. 工具欄：是對(duì)圖形進(jìn)行處理的各種工具。4. 文檔窗口：當(dāng)前正在進(jìn)行操作處理的文件。5.文檔信息欄：顯示當(dāng)前文檔的大小，視圖比例，以及一些提示信息2、painterPainter自然繪畫軟件是目前世界上最為完善的

5、電腦美術(shù)繪畫軟件,它在電腦上首次將傳統(tǒng)的繪畫方式和電腦設(shè)計(jì)完整地結(jié)合起來，形成了其獨(dú)特的繪畫和造型效果.除了作為世界上首屈一指的自然繪畫軟件外,Painter在影像編輯，特技制作和二維動(dòng)畫等方面，也有突出的表現(xiàn).對(duì)于專業(yè)設(shè)計(jì)師，美編,攝影師，動(dòng)畫及多媒體制作人員和一般電腦美術(shù)愛好者,Painter都是一個(gè)非常理想的圖彳t編輯和繪畫工具。Painter與photoshop相比，一個(gè)最為突出的優(yōu)點(diǎn)在于它能模擬傳統(tǒng)的繪畫方法，模擬各種畫筆效果，這種繪畫風(fēng)格不僅克服了（上圖為利用photoshop進(jìn)行繪制的動(dòng)畫場(chǎng)景）關(guān)于PHOTOSHOP使用方法我們會(huì)有專門的課程進(jìn)行學(xué)習(xí)，在這就不多做介紹Painte

6、r?電腦矢量圖形藝術(shù)所難以避免的"失真"現(xiàn)像，更通過各種仿真筆觸的結(jié)合，使畫家們能夠在電腦上直接"揮灑筆墨，淋漓盡致"地發(fā)揮自己的長(zhǎng)項(xiàng).這種不加修飾的"電腦繪畫"幾乎和傳統(tǒng)繪畫表現(xiàn)完全一樣，特別是由隨意筆觸流動(dòng)產(chǎn)生的筆墨“神韻“更可躍然"紙”上，使畫面生動(dòng)活潑，栩栩如生.電腦和傳統(tǒng)藝術(shù)渾然一體，相得益彰.因此，可以說Painter是目前世界上真正"繪畫”意義的電腦美術(shù)軟件。（上圖為利用Painter繪制的場(chǎng)景）注：在講解本章節(jié)中，結(jié)合上述軟件工具的基本操作進(jìn)行講解。三、場(chǎng)景方位結(jié)構(gòu)圖的制作動(dòng)畫場(chǎng)景設(shè)計(jì)圖是場(chǎng)景設(shè)計(jì)思

7、想的體現(xiàn)，也是學(xué)習(xí)的重點(diǎn)。設(shè)計(jì)圖包括很多方面，比如效果圖、平面圖、立面圖、鳥瞰圖等等，都需要花大量精力去進(jìn)行學(xué)習(xí)、訓(xùn)練。方位結(jié)構(gòu)圖也就是我們經(jīng)常說的平面圖、立面圖、鳥瞰圖等，繪制這些圖的目的就是要明確、清晰地將場(chǎng)景結(jié)構(gòu)、方位表述出來。場(chǎng)景設(shè)計(jì)者應(yīng)該用準(zhǔn)確細(xì)致的圖樣，使組里的其他創(chuàng)作者了解場(chǎng)景的具體空間形態(tài)、結(jié)構(gòu)特點(diǎn)，為未來影片的場(chǎng)面調(diào)度提供可靠的環(huán)境、支點(diǎn)的依據(jù)，為鏡頭設(shè)計(jì)提供更方便快捷的思考空間。所以在進(jìn)行場(chǎng)景設(shè)計(jì)之前，就必須對(duì)這一場(chǎng)景進(jìn)行整體的、詳細(xì)的規(guī)劃。（一）、平面圖、立面圖的基本畫法1、制圖中線的種類和用法制圖中各種圖形都是用粗細(xì)，形狀不同的線段來表示的。（見下圖）名稱圖B使用方法*

8、實(shí)氨物體的可見軸廊線粒實(shí)軌制面的輪乘級(jí)如實(shí)嵬尺寸我.釧畫明彩戳虛線,物體本可見輪廊線曲境雷甯等較住勃1不就刑的斷裂線折新我V1是距禺省嚅巽盤劃線中軸經(jīng)2、制圖中的通用符號(hào)制圖中有些特定的物體，需要特定的符號(hào)表示。（見下圖）名稱圖形單面培雙齒堆1i-單扇門、雙扇門VU轉(zhuǎn)門13)=t仁a-1二J臺(tái)階1及頭R示升高方向）坡楞一i-H-4名稱圖拖鈦楣欄=0=0c=>整掾T1r.-n-LJlJUJ、木柵程._L_r_VW,VVVVu我性同AAAjKaAAa于1(D樹木翳r>rfFTXAkhaa1尹3、繪制平面圖，立面圖運(yùn)用這些制圖的符號(hào)，就可以按照比例，完成一個(gè)場(chǎng)景的平面圖，立面圖。（見下圖

9、）（二）、鳥瞰圖的基本畫法鳥瞰圖是一種立體示意的輔助圖，在一個(gè)圖面上展現(xiàn)三個(gè)面以上的結(jié)構(gòu)。可以幫助了解結(jié)構(gòu)復(fù)雜的場(chǎng)景空間。鳥瞰圖有兩種：1、透視鳥瞰圖可以任意確定結(jié)構(gòu)線的滅點(diǎn)，畫出有一定透視效果的鳥瞰圖.但并不是嚴(yán)格的透視。（下圖為不同風(fēng)格與透視效果的鳥瞰圖）2、無透視鳥瞰圖根據(jù)平面圖直接畫出鳥瞰圖.方法很簡(jiǎn)單，就是以45度水平斜軸做出鳥瞰效果。見下圖（三）、方位結(jié)構(gòu)圖在影片創(chuàng)作中的應(yīng)用下圖為怪物公司的平面示意。這場(chǎng)戲中，方位結(jié)構(gòu)圖在影片中的主要作用就是對(duì)場(chǎng)面調(diào)度的準(zhǔn)確描述。四、場(chǎng)景氣氛?qǐng)D的制作（一）、畫幅規(guī)格人眼的生理特殊性，從正常的平視角度講，以視覺為中心，水平40度角以，垂直30度以，形

10、成左右大于上下的橢圓形圍是人眼的有效圍。所以我們的影視屏幕才會(huì)被設(shè)計(jì)為左右大于上下的長(zhǎng)方形。動(dòng)畫場(chǎng)景最終是要通過屏幕表現(xiàn)出來的，所以我們?cè)诶L制動(dòng)畫場(chǎng)景效果圖之前，應(yīng)要了解國(guó)際上通用的屏幕畫幅的規(guī)格比例。1 .電視屏幕寬高比：普通電視屏幕是4:3,高清晰電視屏幕是16:9o2 .電影銀屏高寬比：普通銀幕1:1.38,遮幅銀幕1:1.66或1:1.85,寬銀幕1:2.35。（二）、場(chǎng)景圖的繪制方法1 .繪制步驟首先繪制線描草圖，這是場(chǎng)景結(jié)構(gòu)的藍(lán)圖，然后描繪出素描層次，接著就是描述光影效果，畫出哪兒是亮的，哪兒是暗的地方，因?yàn)橐獪?zhǔn)確指出光源，所以光線的設(shè)計(jì)增加了圖層的復(fù)雜性。草圖的色調(diào)顯示出它的亮度

11、和對(duì)比度。這些不同圖層的綜合決定了場(chǎng)景的情緒氣氛。（1）場(chǎng)景設(shè)計(jì)草圖階段a、草圖探索對(duì)于一個(gè)相對(duì)復(fù)雜的場(chǎng)景設(shè)計(jì)，有許多問題需要逐步解決，設(shè)計(jì)者得統(tǒng)觀全局進(jìn)行一系列的思考。比如對(duì)于場(chǎng)景的特定時(shí)空與特定地域的定位，場(chǎng)景特定世界觀的定位，對(duì)現(xiàn)實(shí)資料的借鑒與變化等。在思考的同時(shí)，用筆記錄一些圖像化的東西。這個(gè)階段是使構(gòu)思逐步清晰、逐步合理，并且是構(gòu)思從一個(gè)想法到圖形呈現(xiàn)的重要階段。這個(gè)過程要勤于把思考的東西用圖形記錄下來，所謂的靈感在這個(gè)階段總是偏愛那些勤于思考者。草圖階段大致也可以分成兩個(gè)過程。首先，在明確場(chǎng)景設(shè)計(jì)的要求后，查找相關(guān)的圖形資料。比方設(shè)計(jì)要求中的歷史定在戰(zhàn)國(guó)時(shí)代，地點(diǎn)定在國(guó)，這就需要通

12、過大量的圖形資料、文字資料先對(duì)這個(gè)時(shí)期的建筑特點(diǎn)、民俗民風(fēng)，都有個(gè)深入的了解，也可以避免一些常識(shí)性的錯(cuò)誤。在設(shè)計(jì)思路基本明確后，就可以進(jìn)入場(chǎng)景構(gòu)思，圖形化探索了。包括主次空間的分類與分布，空間與空間的整合，空間的平面單元構(gòu)成圖，設(shè)計(jì)一些場(chǎng)景的主要角度，逐步的使設(shè)計(jì)從初步成形到深入細(xì)致。草圖階段可以嘗試不同的表現(xiàn)方法，一般以能快速表現(xiàn)設(shè)計(jì)意圖為宜。b、色彩光影的探索利用小的色彩稿進(jìn)行探索，對(duì)于迅速、準(zhǔn)確地把握?qǐng)鼍罢w的色彩、光線氣氛非常有幫助。色彩小稿的制作手段也是十分多樣的，一般可以用水彩、水粉、彩色鉛筆等方便、易用的傳統(tǒng)繪畫材料。現(xiàn)在，利用photoshop>painter等軟件，可以

13、很方便地繪出色彩小稿，特別是進(jìn)行局部修改和整體色彩調(diào)整時(shí)，更能顯示其方便性。色彩小稿的用途在于分析問題，提供解決問題的方案，提醒我們一些制作時(shí)應(yīng)注意的地方。首先，它適合于小尺寸、有利于整體色彩的把握。其次，要注重大關(guān)系的塑造調(diào)整，舍棄細(xì)節(jié)的刻畫。最后，色彩小稿不同于繪畫作品，繪畫考慮的是單幅畫面的完整與成立，而場(chǎng)景設(shè)計(jì)的色彩小稿應(yīng)該考慮色調(diào)、光線與場(chǎng)景設(shè)計(jì)要求的關(guān)系，前后場(chǎng)景的風(fēng)格統(tǒng)一，看設(shè)計(jì)意圖有沒有得到很好的體現(xiàn)，是以找到最佳方案為目標(biāo)的。（宮崎峻天空之城場(chǎng)景，色彩小稿與完成稿）(千與千尋場(chǎng)景色彩小稿與完成稿)(2)場(chǎng)景設(shè)計(jì)正稿階段a、色彩稿的創(chuàng)作把鉛筆線稿進(jìn)行掃描，然后導(dǎo)入photosh

14、op中。原始的掃描圖一般比較灰暗，還有一些污損的地方，所以要對(duì)掃描圖進(jìn)行一些處理。調(diào)整圖的亮度與對(duì)比度，使鉛筆線飽和而富有層次，再用橡皮擦清除污損的地方，得到一整潔的線稿。（這一步，也可以直接用數(shù)位板在電腦里繪制完成） Photoshop的圖層在色彩稿的繪制過程中非常重要，合理的分層可以大大加快繪制的速度，方便修改。先把線稿放置到層的頂端，并設(shè)置成正片疊底，這一層可以固定在最上層，再加幾層，作為繪制色彩的層，層的多少視圖的復(fù)雜程度而定，分別命名以方便管理。 在鋪設(shè)大基調(diào)時(shí)，用比較大的筆觸輕松涂抹，在有些地方可以考慮先鋪一些對(duì)比色作為底色，這樣在后面的刻畫中不經(jīng)意間可以透出一點(diǎn)，使得顏色比較透明

15、和有生氣。 再加幾層分別鋪設(shè)前景、中景、遠(yuǎn)景。大致畫出形體的基本顏色和明暗關(guān)系，注意色彩空間的架設(shè)，不要太在意邊線、輪廓，這些形體將在后面的繪制過程中得到修正。在這個(gè)過程中，盡量保持新鮮的感覺和旺盛的表現(xiàn)欲，同時(shí)保持用筆的輕松。在深入描繪階段可以運(yùn)用豐富的筆觸進(jìn)行局部的描繪，photoshop中置了多種筆觸效果，可以根據(jù)具體情況酌情選擇，并調(diào)整筆的大小，有時(shí)也可以調(diào)節(jié)筆的透明度，半透明的罩染可以使顏色的表現(xiàn)比較滋潤(rùn)。 用比較細(xì)膩的筆法具體刻畫形體，使形象漸漸如照片顯影般浮現(xiàn)。制作上要穩(wěn)打穩(wěn)扎，時(shí)時(shí)注意畫面的整體性。隨著刻畫的深入，形象越來越具體，這個(gè)階段要注意在細(xì)碎的局部只能感分沖層次，尋找大

16、塊形與小塊形的對(duì)比，冷色與暖色的的對(duì)比。這是整個(gè)繪畫過程中最耗時(shí)間的部分，也是造型能力最大體現(xiàn)的部分。 進(jìn)行最后的局部刻畫，注意各種材質(zhì)的表現(xiàn)，調(diào)節(jié)畫面整體氣氛，可適當(dāng)添加光影、霧氣等，對(duì)色彩進(jìn)行調(diào)整。2.分層處理場(chǎng)景分層處理，就是將場(chǎng)景的前景、中景、后景和背景等若干景次分別按照預(yù)先設(shè)定的比例繪制在不同的平面上，然后在動(dòng)畫制作的時(shí)候依次疊加在一起，在鏡頭里依次注意推近和拉遠(yuǎn)的效果，制作中個(gè)景次之間依次出畫或入畫，以及運(yùn)動(dòng)速度的不同、虛實(shí)變化的不同、大小比例的不同，從而模擬出鏡頭推拉移動(dòng)的視覺效果。（下圖在場(chǎng)景繪制中將景與房屋外景進(jìn)行分別繪制，最后再疊加在一起）將室室外圖結(jié)合起來，最終上色完成稿

17、項(xiàng)目1平安行天下系列之場(chǎng)景制作11、根據(jù)劇本，分鏡的要求，用數(shù)位板先畫第一大概的草圖線稿。這場(chǎng)景是表現(xiàn)在群山環(huán)0繞中的一座帶有科幻感覺的大廈，在起線稿的時(shí)候注意畫面的視覺中心在于大廈表現(xiàn)，采取穩(wěn)定構(gòu)圖的方法，描繪出大概的空間關(guān)系2大概的線稿現(xiàn)在已經(jīng)差不多了，接下來我們開始上色，首先我們先給上一個(gè)大體色調(diào)。這幅圖想表現(xiàn)出夜晚的感覺，所以整個(gè)畫面呈蘭色調(diào)。用深淺不同的蘭色畫出大體畫面層次感。3大概的給主體物和前景撲上整體色調(diào)。利用深顏色拉開主體與背景的距離4大概的給主體物和前景加上一些你預(yù)想要的細(xì)節(jié)，并適當(dāng)加以空間的處理5進(jìn)一步刻畫主體物，給其加上更多的細(xì)節(jié)，在這里我給它加上了一些亮點(diǎn)表示開了燈的

18、窗戶。6進(jìn)一步刻畫場(chǎng)景，給它的前，中，遠(yuǎn)景加上更多的細(xì)節(jié)，使整個(gè)場(chǎng)景氛圍更加的協(xié)調(diào)。7進(jìn)一步加強(qiáng)場(chǎng)景的氛圍，給場(chǎng)景加上一些燈光。整理多余的鉛筆稿，并進(jìn)一步調(diào)節(jié)場(chǎng)景的空間虛實(shí)關(guān)系和比例關(guān)系等。8到這里我們的場(chǎng)景制作就要結(jié)束了，給場(chǎng)景做最后的調(diào)整和色彩的校正項(xiàng)目2平安行天下系列場(chǎng)景制作21、起稿，這一步可以在電腦中直接用數(shù)位板繪制，也可以手繪后掃描進(jìn)電腦2、線稿層模式選擇正片疊底置于最頂層，新建圖層，用漸變填充工具給場(chǎng)景鋪上主色調(diào)2細(xì)化表現(xiàn)，在這3、通過對(duì)前景的描繪拉出景深感，細(xì)化公路。此時(shí)，在天空中利用小筆觸點(diǎn)出星光感覺4、給近處的房屋添上窗戶，營(yíng)造燈光感覺，給樓頂增加一塊粉色，使色彩逐漸變豐富。5、細(xì)節(jié)刻畫，用比較小的筆觸畫出霓虹燈、建筑物投影6、開始營(yíng)造光影氣氛感覺，加上月亮，給出外發(fā)光效果，給建筑物外輪廓加上發(fā)光效果,營(yíng)造月光照射感覺。7、刪掉線稿層，對(duì)場(chǎng)景外輪廓進(jìn)行整理，力求工整。8、整體觀察，調(diào)整畫面明暗對(duì)比，使夜晚感覺更加明顯9、調(diào)整畫面氣氛，給景物層加上外發(fā)光效果，調(diào)整畫面整體色調(diào)，校色。完成最終稿項(xiàng)目3消防大本營(yíng)系列之的場(chǎng)景制作2步驟1：根據(jù)劇本或分鏡的要求，用數(shù)位板先畫出一大概的草圖線稿