城市漸變風格插畫教程，未來科技感十足！

Sponsor

前言：今天給大家分享的是科技感插畫教程，這類風格達人認為很實用的，比如插畫、APP UI、WEB Banner都可以用到，實用性高，值得學習。本次教程使用工具是 PS 或 AI 均可（推薦用AI畫矢量圖哦）。

本教程作品靈感來源于@Romain大佬的城市漸變風格插畫。

作者：Romain

作者：Romain

先來展示最終效果圖（坐標深圳）

Jack 2heng 效果圖

分析難點：1.城市建筑風格 2.色彩把控 3.控制好建筑比例 4.突出前后背景 5.場景構思

教程/步驟

第一步

首先找到幾張建筑群的照片作為參考對象（照片清晰，無云彩遮蓋，多找城市規劃鳥瞰圖，和燈光秀有關建筑照片），這一步的目的是確定建筑類型，與場景布局思路。

第二步

確定好建筑的透視點，開始在草稿紙上畫好建筑草圖。

注：本人推薦平面展示的目的是為了更好的上手

第三步

建一個黑色背景的畫板(大小隨意，本人使用1200*800)， 并在草圖上的建筑圖形在軟件中變為線稿圖（記得打好組）?？梢栽谛‘嫲逯挟?，將建筑組件化，最后再合在一起。當然對每棟建筑描繪越詳細越好（建筑比例要注意一下）。這一步的目的是確定場景布局。

注：ps，ai均可選擇描邊

第四步

確定明暗關系，受光面與背關面。（素描基礎）并把層級分好，前景（建筑群）為重點，中景（小建筑）為輔助，背景（大山與背景）為裝飾。

第五步

不受建筑本身顏色創作，對以分明建筑進行HSB進行配色(尤其在高光面，要突出亮點)，此部分可多參考燈光秀的配色，吸取相關顏色。配色的目的是為了鋪上基礎顏色，確定建筑顏色飽和度等，后期由漸變優化建筑本體。

注意前中后的差別，背景不能搶前景的亮點。

第六步

1.在前面基礎上給每棟建筑添加漸變，從通過對色相之間進行變化，使用HSB中S進行調色練習。還可以照顧一些受光影響的建筑。

2.對建筑本身結構進行漸變層次分明。

第七步

對每棟建筑刻畫添加高光線，建筑紋理線，玻璃燈… 當然對建筑的刻畫可以多參考建筑的細節。

第八步

在每座建筑后添加對應色相的氛圍燈，讓每棟建筑物生動起來。

第九步

對背景進行裝飾添加星星，對背景進行簡單漸變處理，色相要暗。

第十步

對建筑+氛圍燈+背景進行層級分析，并合理擺放建筑位置，注意每棟建筑的間隙，不要過于空曠與緊密。

第十一步

最后一步，將所處一個水平面的建筑進行倒影處理。倒影這塊需要編輯組后進行透明度調整。

調整完成后就完成啦，當然有很多需要優化的地方，大家可以發揮想象力。進行設計期待你們打卡的內容!

總結

在本次練習中從靈感-參考-線稿-明暗關系-色彩鋪色-漸變運用-添加細節-圖層背景，

可以作為衍生擴展，運用到banner，插畫作品上…

作者 | Jack_2heng
來源 | 站酷 zcool.com.cn/u/22563164

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。