如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.ukodug.icu

繪制絢麗多彩城市夜景光影插畫的AI教程

當前位置 : PS學習網 > 矢量繪圖 > 正文來源:網絡作者:網絡時間:2019-11-03人氣:

這幅作品主要是半帶寫實來處理,但在做的時候發現太過于寫實效果不好。網上帶細節的圖片有限,辛苦找到但又發現角度不對。自己也對仰視與俯視把握不準,希望大家可以見諒。

先看看效果圖

繪制絢麗多彩城市夜景光影插畫的AI教程

關于教程—

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

這是第一次做教程,可能還有很多不足。做完發現,最難的難點就是動手。只要動手了,別的都不算什么。

要點分析—

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

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

AI 部分:

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

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

顏色:多找參考,在畫之前分區定色彩

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

PS 部分:

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

繪制8棟大廈—

繪制絢麗多彩城市夜景光影插畫的AI教程

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

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

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

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

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

在 AI 中畫出輪廓

確定顏色后上底色。

添加細節,如漸變色過渡、線條粗線、透明度、顏色深淺

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

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

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

 

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

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

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

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

步驟 03 :平安大廈附屬樓

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

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

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

步驟 04 :商務中心

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

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

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

 

步驟 05 :卓越時代廣場

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

步驟06 :嘉里建設廣場

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

步驟 07 :香格里拉

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

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

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

步驟 08 :平安大廈

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

 

繪制其他大廈—

步驟 01 :左側組

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

左側繪制完成。

步驟 02 :中間組

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

中間組繪制完成

步驟 03 :右側組

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

右側組建筑繪制完成。

繪制絢麗多彩城市夜景光影插畫的AI教程

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

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

添加光影—

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

 

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

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

左側組,紫色背景顏色 #403867。后續其它組背景效果做法相同。

繪制絢麗多彩城市夜景光影插畫的AI教程

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

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

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

電腦性能好,可以數值再升高。

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

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

繪制絢麗多彩城市夜景光影插畫的AI教程

繪制絢麗多彩城市夜景光影插畫的AI教程

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

最終完成效果:

繪制絢麗多彩城市夜景光影插畫的AI教程

回頂部
深海捕鱼捕鱼大亨 网盛棋牌下载18金币 广东体彩11选五怎样中奖 申城棋牌上海真人四人斗地主 中国所有股票代码 湖南幸运赛车开奖记录 山西11选五遗漏走势图 pc蛋蛋官网 幸运飞艇愽彩平台出租 白小姐精选一肖中特 黑龙江福彩p62玩法 腾讯欢乐捕鱼蒸汽时代 南宁麻将怎么算番 旭升股份股票 天易棋牌游戏? 贵州11选5台子 2020六台宝典下载