AI+PS繪制五彩斑斕的黑效果的深圳城市夜景插畫

在地鐵與公交、路邊經(jīng)常看到用 AI 做的城市插畫,但效果都做的很一般,暫時(shí)沒看到好的作品。在偶然一次瀏覽 Behance ,看到了 Romain Trystram 的作品,使我印象深刻。從他的作品中發(fā)現(xiàn)了,原來色彩漸變可以那么炫酷,瞬間體會(huì)到甲方爸爸要的五彩斑斕的黑。一直讓我耿耿于懷,久久放不下來,糾結(jié)了很久直到我鼓起勇氣,來一次原創(chuàng)吧。發(fā)現(xiàn)作者做了我國的上海與香港,那我在想我住在深圳,那我是否做個(gè)深圳?
這是第一次做教程,可能還有很多不足。做完發(fā)現(xiàn),最難的難點(diǎn)就是動(dòng)手。只要?jiǎng)邮至?,別的都不算什么。
效果圖:
要點(diǎn)分析:
這幅作品主要是半帶寫實(shí)來處理,但在做的時(shí)候發(fā)現(xiàn)太過于寫實(shí)效果不好。網(wǎng)上帶細(xì)節(jié)的圖片有限,辛苦找到但又發(fā)現(xiàn)角度不對(duì)。自己也對(duì)仰視與俯視把握不準(zhǔn),網(wǎng)上找的圖片無法滿足,某些樓只好就拿起相機(jī)去拍我想要的角度與細(xì)節(jié)。但可能高高興興跑過去,發(fā)現(xiàn)有東西擋著或位置不對(duì),那就多在電腦嘗試吧。白天與晚上都最好能拍到,白天看清細(xì)節(jié),晚上看燈光效果。沒相機(jī)的同學(xué)用手機(jī)拍吧。
本教程分 3 個(gè)部分來完成,左側(cè)、中間、右側(cè)。但在分組前,我先完成教程的八棟主樓。
AI 部分:
線條:大樓線條用 1px 線條就足夠了,2px 會(huì)太過明顯(特殊除外)。多用透明度表現(xiàn)層次感。
漸變:如果對(duì)漸變控制不好,可以用 2 層疊加。
顏色:多找參考,在畫之前分區(qū)定色彩
細(xì)節(jié):不要死扣某棟樓的細(xì)節(jié),要做簡單化。能把這棟樓的最主要特性表達(dá)明白就好,在紙上打草稿能提升效率。
PS 部分:
畫筆選柔邊圓,添加背景光線加強(qiáng)夜晚效果。
具體步驟:
繪制8棟大廈
步驟 01 :卓越時(shí)代廣場 2 期
現(xiàn)在看出白天與晚上的差別了吧,可以讓你節(jié)省很多空想的時(shí)間。 更快捷提取應(yīng)該要突出的點(diǎn)。這時(shí)候先別急著打開 AI ,我們應(yīng)該拿出筆,在紙上畫出你感覺最能表達(dá)這棟樓的輪廓。對(duì)的你先別急著往下看,先畫上幾筆,畫的不好不要緊,沒有別人看到。
首先網(wǎng)上找參考,如果沒有合適的可自行攝拍。
手繪提取外形輪廓,畫出重點(diǎn)(不需要畫結(jié)節(jié))這步就不展示了。
在 AI 中畫出輪廓
確定顏色后上底色。
添加細(xì)節(jié),如漸變色過渡、線條粗線、透明度、顏色深淺
如果相近的大廈顏色相近,層次關(guān)系不明顯時(shí),要再次修改顏色。如想突出前樓,后樓要加深顏色等。
在 PS 添加背景色時(shí),可以受背景光的影響會(huì)加次添加大廈邊緣顏色,使的更加融合。
步驟 02 :嘉里建設(shè)廣場 1 座與 2 座
這大廈在做細(xì)節(jié)時(shí)我也想了好久,但在找素材時(shí)發(fā)現(xiàn)了這張夜景,瞬間解決問題。因與中間組的卓越廣場外形相似,為了更好區(qū)別,這大廈做暗調(diào)處理加強(qiáng)對(duì)比。
步驟 03 :平安大廈附屬樓
找素材的時(shí)候沒發(fā)現(xiàn)合適的角度與夜景的圖,只能去拍攝幾張。這樓繪制的時(shí)候是帶側(cè)面的,注意比例關(guān)系。
步驟 04 :商務(wù)中心
主流的外形很容易繪制,因靠近紅色區(qū)域,樓體中間要添加紅色。
步驟 05 :卓越時(shí)代廣場
步驟06 :嘉里建設(shè)廣場
步驟 07 :香格里拉
外形帶點(diǎn)弧度顯得圓潤,也是一個(gè)找素材能解決問題的大廈。原大廈 5 條藍(lán)色的線條,在繪畫時(shí)感覺太過細(xì)密,后刪剪到 4 條。
步驟 08 :平安大廈
繪制其他大廈—
步驟 01 :左側(cè)組
左側(cè)繪制完成。
步驟 02 :中間組
中間組繪制完成
步驟 03 :右側(cè)組
右側(cè)組建筑繪制完成。
把左側(cè)組、中間組、右側(cè)組繪制完成后,調(diào)整效果圖
AI 部分已經(jīng)繪制完成,下面在 PS 添加效果。
添加光影—
用鋼筆勾選出你要的范圍大小,變成選區(qū),再用畫筆工具-柔邊圓點(diǎn)擊繪畫,可以調(diào)節(jié)畫筆的不透明度或流量大小來控制光影強(qiáng)度。 顏色 #f2104f。
左側(cè)組,紫色背景顏色 #403867。后續(xù)其它組背景效果做法相同。
分別在中間組與右側(cè)組用上述方法,用柔邊圓點(diǎn)擊繪畫。
通過右鍵“通過拷貝新建智能對(duì)象”,雙擊進(jìn)入 AI 。
全選中 – 打開 – 效果 – 扭曲和變形 – 波紋效果(此功能比較耗電腦性能,也容易使軟件崩潰,使用之前請(qǐng)保存好文件)
電腦性能好,可以數(shù)值再升高。
把三組已完成波紋效果編組,CTRL+T 垂直翻轉(zhuǎn),透明度改為 40% 。新建一層,用黑色柔邊圓畫筆在最底下繪畫,以接近水倒影效果。
用鋼筆繪制云,并通過屬性添加羽化效果。為了更加有縱深感,添加了遠(yuǎn)處的山與燈光、星星。
最終完成效果:
教程結(jié)束,以上就是關(guān)于AI+PS繪制五彩斑斕的黑效果的深圳城市夜景插畫的全過程,希望大家看完有所收獲!文章來源于 優(yōu)優(yōu)教程網(wǎng),感謝作者 早睡的嘿豆 給我們帶來經(jīng)精彩的文章!
相關(guān)推薦:
PS制作五彩斑斕的黑效果的復(fù)仇者聯(lián)盟3海報(bào)教程
相關(guān)文章
ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來看看詳細(xì)的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來看看ai原位復(fù)制快捷鍵介紹2023-12-19ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來看看illustrator區(qū)域文字不跟著變換問題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來看看詳細(xì)的設(shè)計(jì)過程2023-11-02