火星網校
【原創教程】新中式風韻《東方城》場景繪製解析
發布時間：2018-11-17 19:57:24
導言：大家好，我是旅行的爬爬，目前從事遊戲場景美術相關工作。這次非常有幸為大家分享我的近期作品《東方城》的創作過程和設計思路。
作者簡介：
旅行的爬爬，遊戲美術設計師，目前就職於騰訊科技互動娛樂事業群魔方工作室群。
最終效果圖：
具體繪製過程：
1、初步構思
其實這張圖我一開始並沒有特別明確的構思和想要表現的畫麵內容，當時隻是給自己設定了一個大概的方向和主題，那就是表現一個有東方風韻的現代城市，為了將自己的思維往這個主題上引導，我做了一些素材的搜集和積累。
這個準備階段是非常重要的，再構思一幅圖像之前，需要通過這個過程來明確你腦海中的概念，這樣我們在設計畫麵的時候就會清晰的知道哪些元素是可以為我所用的。
2、設計小稿繪製
腦海中有了一些想法和元素以後，就可以開始繪製設計小稿了。設計小稿的主要作用是初步確定畫麵的布局和設計，因此不用在細節上過於糾結，隻求把想表現的內容大概的呈現出來就可以了。這一步可以多做一些方案和嚐試，然後從中挑選。
這一步需要重視的點是層次和建築之間的遮擋關係，要盡量做的多一些，這樣畫麵最終看上去才會比較豐富。其次需要注意的點是輪廓的節奏感，剪影的輪廓一定要疏密結合，一定不要出現平均的情況。
3、具體化設計
在設計小稿的階段，設計隻存在大概的印象，細節仍舊是不明朗的，這個時候需要進一步理清設計細節。
我選擇用線稿的方式去做設計，這樣細節能講的比較清楚。我這裏隻做了比較靠前的建築，後麵的建築由於信息量的衰減，其實並不需要過多的細節設計。這一步同時建立了更加標準的透視網格，對設計小稿的透視進行了矯正。
4、建立黑白素描關係
處理空間關係較為複雜，在東西比較多的場景時，我喜歡用先黑白後色彩的方式去構建畫麵。這樣的方式有一個顯而易見的優點，就是複雜的問題可以拆分成簡單的問題，同時思考素描和色彩其實是一件痛苦的事情，並且容易出錯但是自己很難察覺。
我的習慣是黑白稿這一步，首先隻考慮陰天環境下的天光和閉塞陰影，拋棄掉所有的固有色明度影響，這個感覺就好像是在3D裏麵搭建了一個白模。這個素描關係其實是可以公式化去計算的，近深遠淺（近處的顏色深，遠處的顏色淺），近實遠虛（近處的對比強，遠處的對比弱），上亮下暗（朝上的麵亮，朝下的麵暗），凸明凹暗（凸出來的角和邊亮，凹進去的角和邊暗）。前麵兩點是由空氣透視造成的，後麵兩點則來源於天光和空氣散射的影響。一般來說，按照這個規則去畫，基本上都能得出一個較為紮實的素描關係。
5、設計打光
我們上一步得出的素描關係是一個沒有直射光影響的素描關係，基本上是陰天下的受光狀態，現在我們要在這個基礎上設計受光。
首先確定時間和光照方向。例如我想要表現太陽快要落山時候的光照環境，所以我把光照角度壓得比較低。然後就開始畫受光區域。這裏有一個比較方便的辦法就是新建一個顏色減淡圖層，用噴槍把想要打光的區域刷出來，然後用橡皮擦把不受光的區域擦掉。
在設計受光區域的時候其實有一個比較重要的方法和技巧，就是受光和不受光的區域要盡量的間隔分布，以亮暗亮暗亮暗這樣的節奏推過去。這樣設計光照的好處是空間的層次能更好的得到強化。
6、初步上色
這一步開始給畫稿上色。首先把黑白稿處理成略帶一些色彩關係的狀態，就像下圖這樣。
這一步其實涉及到黑白稿階段的一個步驟。我在畫黑白稿的時候，就有意識的把頂麵受天光影響的部分單獨分了層，於是在這一步我就能給這些部分單獨調色，讓它變成受天光影響的顏色。而上一步的打光步驟，受光區域也是單獨分了圖層的，在這一步就能方便的調成夕陽的感覺。
在上一步的基礎上，就能開始給建築上固有色了。我個人習慣於使用疊加模式的圖層進行上色，注意固有色不要超出整個氛圍環境，要處於一個和諧的區間。
上固有色也需要遵照近實遠虛的空氣透視原則，近處的東西，色彩飽和度高，遠處的東西，色彩飽和度低，到了最遠處的地方，物體已經接近無法識別固有色了，隻需要有個剪影就行。另外，暗部的色彩傾向也不明顯，需要做的統一些。
7、深入刻畫
這個階段，對於畫麵最後的完成效果已經有了很清晰的預期，這個時候就可以開始著手細化，直接新建圖層，在上麵繼續刻畫，完善畫麵關係。
可以看到我添加了許多點線結構。點和線是凸顯畫麵細節的最主要的部分，通過添加點和線，能夠快速的提升畫麵的細節和信息量。需要注意的是，這裏指的點和線是相對而言的，相對於整張畫麵較小的形和較細的線都屬於此列，比如木梁上的金屬裝飾，遠處細小的招牌、電線杆、電線。在為畫麵添加細節的時候，也要尤其注重節奏感和疏密關係，不要所有地方都是細節。
畫到這一步，發現前景有點壓不住了，這裏需要添加更多信息量來壓過後麵。我是結合了一些照片材質來做的，這種方法可以達成純手畫難以達到的細節。最後再對畫麵做一些調整，就基本上完成了。
8、修改天氣氛圍
我們這幅畫在繪製的過程中其實圖層分的細，素描、打光、顏色都是分開處理的，這樣做還有一個好處，就是能利用這些分層來修改很多天氣氛圍，例如我把光照去掉，隻剩下天光，然後把顏色飽和度調低調冷，最後把畫麵明度調低，很快就能調出一張陰天的氛圍出來。同理，其他氛圍也能調整，比如下雨、下雪，隻需要按照相應的天氣特征去畫即可。
總結：
這次為大家展示的是一套比較適合於工作運用的場景氛圍製作方法，這套方法的優點是能穩定的運用於流程，步驟拆分的比較細，不容易出現大的問題。在設計上，能快速的更改配色方案；在氛圍繪製上，也能方便做多種氛圍方案的嚐試。最後希望這次的分享能對大家有所幫助，謝謝！
個人主頁：
新浪微博：http://weibo.com/tizianozhou
Zcool：http://www.zcool.com.cn/u/1364075
Artstation：https://www.artstation.com/zt528563900
塗鴉王國：http://www.poocg.com/p1137511673349338
（注：本教程為火星網特約作者首發教程，版權歸原作者所有，如需轉載，請聯係原作者，謝謝！）
分享
上一篇 【原創教程】《闖》繪製解析
华体会hth体育网
賞析
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
想要製作自己的手機遊戲嗎？火星時代教育讓您實現此目標！理論學習與實戰操作相結合，我們的專業課程將帶您逐步掌握手機遊戲製作的精髓。
-
了解影視後期技能培訓學校的重要性，以及火星時代教育如何幫助你成為創意工業的精英。
-
詳解影視概念培訓的收費模式與注意事項，以及火星時代教育在此領域的優勢和服務介紹。
-
火星時代教育為您詳盡介紹UI設計課程培訓價格，助你快速掌握UI設計技能，提升職場競爭力
-
揭示UE界麵設計的關鍵技術與實踐應用，探究如何運用設計思維和工具提升產品用戶體驗。火星時代，引領教育創新。
-
若你想浸入影視動畫行業，挑選一所優質的專業培訓機構至關重要。從專業設施、師資力量到畢業生就業，火星時代教育與眾不同，是靠譜的影......
