萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 手繪教學

友基數位板數字繪畫場景教程《月光城》(上):哥特風格城市設計與透視構建實戰

教程背景與作者

作者:張魚兒(張鵬軍),高校動畫講師,中國高校美術家協會理事。
軟硬體:Photoshop CS5 + 友基繪影 G5 數位板(2048 壓感,9×6 英寸)。
創作感悟:一年奔波工作與學習,終得機會回母校進修,分享這幅醞釀已久的「月光城」創作過程。

最終效果

月光城最終效果圖

一、作品構思:城市的歷史邏輯

畫面描繪一座歷史沉澱的哥特風格城市,分為三大功能區:

  • 居住區(右側城堡群):保留古建築原貌,高聳尖頂、彩繪玻璃窗。
  • 能源區(中左改造建築):古建築與植物共生結構,內部裝有巨型鐘表裝置,為城市供能。
  • 工業區(右側現代化建築):煙囪、管道、現代樓宇,體現時代疊加感。

核心概念:城市非一日建成,建築風格呈歷史疊加狀態。

二、畫面大體規劃

2.1 區域劃分

圖2-1:能源/住宅/工業區劃分

圖 2-1

2.2 空間層級(四層景深)

圖2-2:前/中/後/背景分層

圖 2-2

三、透視走向研究(兩點透視)

  • 垂直向上感:哥特建築挺拔特質,物體垂直線保持豎直,細部頂端向上收斂(黃線標註)。
  • 視覺引導:建築線條、光線、連接結構引導視線向畫面中心聚焦(紫線、黃綠線標註)。
  • 兩點透視建立:左右各一消失點。PS 中用標尺工具定點 → 直線工具在兩圖層分別拉線 → 圖層眼圖標控制顯隱。
圖3-1:垂直向上透視

圖 3-1

圖3-2:視覺引導線

圖 3-2

圖3-3:兩點透視示意

圖 3-3

圖3-4:PS透視線圖層管理

圖 3-4

圖3-5:透視線20%透明度

圖 3-5

四、草稿繪制與透視修正

  • 初嘗三點透視(表現垂直向下),發現橫構圖不穩定,改回兩點透視。
  • 黑白草稿:僅考慮造型體積,筆刷:軟筆(硬度 0%、不透明度抖動-筆壓)畫虛幻遠景/光線;硬筆(硬度 100%)畫實體結構。
  • 變形工具將前景單獨調整為兩點透視,裁剪工具擴大畫面補齊左右下方。
圖4-1:初始草稿

圖 4-1

圖4-2:軟硬筆刷設置與效果

圖 4-2

圖4-3:透視調整

圖 4-3

圖4-4:裁剪擴展

圖 4-4

五、修改具體化造型(素材參考與結構重組)

  • 收集鐘表內部結構、哥特式教堂建築素材作參考。
  • 主體建築過寬 → 去除兩側贅餘造型 → 添加鐘表內部齒輪裝置作為能源核心細節。
  • 樹葉使用楊雪果老師筆刷包中的「樹葉筆刷」快速鋪設。
圖5-1:鐘表內部結構參考

圖 5-1

圖5-2/5-3:更多參考素材

圖 5-2 / 圖 5-3

下篇預告

下篇將詳細講解:建築細節深入刻畫、材質表現(石材/金屬/植物)、光影氛圍營造(月光/火光/魔法光)、後期色彩分級與細節豐富化。敬請期待!

copyright © 萬盛學電腦網 all rights reserved