在地鐵與公交、路邊經常看到用 AI 做的城市插畫，但效果都做的很一般，暫時沒看到好的作品。在偶然一次瀏覽 Behance ，看到了 Romain Trystram 的作品，使我印象深刻。從他的作品中發(fā)現(xiàn)了，原來色彩漸變可以那么炫酷，瞬間體會到甲方爸爸要的五彩斑斕的黑。一直讓我耿耿于懷，久久放不下來，糾結了很久直到我鼓起勇氣，來一次原創(chuàng)吧。發(fā)現(xiàn)作者做了我國的上海與香港，那我在想我住在深圳，那我是否做個深圳?

這是第一次做教程，可能還有很多不足。做完發(fā)現(xiàn)，最難的難點就是動手。只要動手了，別的都不算什么。

效果圖：

要點分析：

這幅作品主要是半帶寫實來處理，但在做的時候發(fā)現(xiàn)太過于寫實效果不好。網上帶細節(jié)的圖片有限，辛苦找到但又發(fā)現(xiàn)角度不對。自己也對仰視與俯視把握不準，網上找的圖片無法滿足，某些樓只好就拿起相機去拍我想要的角度與細節(jié)。但可能高高興興跑過去，發(fā)現(xiàn)有東西擋著或位置不對，那就多在電腦嘗試吧。白天與晚上都最好能拍到，白天看清細節(jié)，晚上看燈光效果。沒相機的同學用手機拍吧。

本教程分 3 個部分來完成，左側、中間、右側。但在分組前，我先完成教程的八棟主樓。

AI 部分：

線條：大樓線條用 1px 線條就足夠了，2px 會太過明顯(特殊除外)。多用透明度表現(xiàn)層次感。

漸變：如果對漸變控制不好，可以用 2 層疊加。

顏色：多找參考，在畫之前分區(qū)定色彩

細節(jié)：不要死扣某棟樓的細節(jié)，要做簡單化。能把這棟樓的最主要特性表達明白就好，在紙上打草稿能提升效率。

PS 部分：

畫筆選柔邊圓，添加背景光線加強夜晚效果。

具體步驟：

繪制8棟大廈

步驟 01 ：卓越時代廣場 2 期

現(xiàn)在看出白天與晚上的差別了吧，可以讓你節(jié)省很多空想的時間。 更快捷提取應該要突出的點。這時候先別急著打開 AI ，我們應該拿出筆，在紙上畫出你感覺最能表達這棟樓的輪廓。對的你先別急著往下看，先畫上幾筆，畫的不好不要緊，沒有別人看到。

首先網上找參考，如果沒有合適的可自行攝拍。

手繪提取外形輪廓，畫出重點(不需要畫結節(jié))這步就不展示了。

在 AI 中畫出輪廓

確定顏色后上底色。

添加細節(jié)，如漸變色過渡、線條粗線、透明度、顏色深淺

如果相近的大廈顏色相近，層次關系不明顯時，要再次修改顏色。如想突出前樓，后樓要加深顏色等。

在 PS 添加背景色時，可以受背景光的影響會加次添加大廈邊緣顏色，使的更加融合。

步驟 02 ：嘉里建設廣場 1 座與 2 座

這大廈在做細節(jié)時我也想了好久，但在找素材時發(fā)現(xiàn)了這張夜景，瞬間解決問題。因與中間組的卓越廣場外形相似，為了更好區(qū)別，這大廈做暗調處理加強對比。

步驟 03 ：平安大廈附屬樓

找素材的時候沒發(fā)現(xiàn)合適的角度與夜景的圖，只能去拍攝幾張。這樓繪制的時候是帶側面的，注意比例關系。

步驟 04 ：商務中心

主流的外形很容易繪制，因靠近紅色區(qū)域，樓體中間要添加紅色。

步驟 05 ：卓越時代廣場

步驟06 ：嘉里建設廣場

步驟 07 ：香格里拉

外形帶點弧度顯得圓潤，也是一個找素材能解決問題的大廈。原大廈 5 條藍色的線條，在繪畫時感覺太過細密，后刪剪到 4 條。

步驟 08 ：平安大廈

繪制其他大廈—

步驟 01 ：左側組

左側繪制完成。

步驟 02 ：中間組

中間組繪制完成

步驟 03 ：右側組

右側組建筑繪制完成。

把左側組、中間組、右側組繪制完成后，調整效果圖

AI 部分已經繪制完成，下面在 PS 添加效果。

添加光影—

用鋼筆勾選出你要的范圍大小，變成選區(qū)，再用畫筆工具-柔邊圓點擊繪畫，可以調節(jié)畫筆的不透明度或流量大小來控制光影強度。 顏色 #f2104f。

左側組，紫色背景顏色 #403867。后續(xù)其它組背景效果做法相同。

分別在中間組與右側組用上述方法，用柔邊圓點擊繪畫。

通過右鍵“通過拷貝新建智能對象”，雙擊進入 AI 。

全選中 – 打開 – 效果 – 扭曲和變形 – 波紋效果(此功能比較耗電腦性能，也容易使軟件崩潰，使用之前請保存好文件)

電腦性能好，可以數(shù)值再升高。

把三組已完成波紋效果編組，CTRL+T 垂直翻轉，透明度改為 40% 。新建一層，用黑色柔邊圓畫筆在最底下繪畫，以接近水倒影效果。

用鋼筆繪制云，并通過屬性添加羽化效果。為了更加有縱深感，添加了遠處的山與燈光、星星。

最終完成效果：

教程結束，以上就是關于AI+PS繪制五彩斑斕的黑效果的深圳城市夜景插畫的全過程，希望大家看完有所收獲！文章來源于 優(yōu)優(yōu)教程網，感謝作者 早睡的嘿豆 給我們帶來經精彩的文章！

相關推薦：

AI巧用完美像素法制作一幅精致的紋理效果城市插畫教程

AI來繪制卡通風格的城市建筑插畫

PS制作五彩斑斕的黑效果的復仇者聯(lián)盟3海報教程

最新評論