AI+PS教程！教你繪制靜謐夜晚下溫暖的庭院插畫

此教程使用軟件為 AI/PS CC2018 ?版本不同可能部分功能不太相同

步驟1

拿到作品不要慌著先動手做

首先我們需要分析作品

大致來分該插畫分為兩個部分

AI 中的矢量插畫和 PS 中完成的噪點(diǎn)效果

接下來我們來解構(gòu) AI 畫面

整個畫面由三角形、矩形、多邊形、橢圓形等基本圖形構(gòu)成草叢 房子 樹木 天空

顏色參考

步驟2

分析之后我們開始繪制 ??記得要分好圖層

新建一個畫板 1878*1230

矩形工具（M）拉出一個 1878*700的矩形 吸取天空的顏色

矩形工具（M）拉出一個 1878*530的矩形 吸取草坪的顏色

步驟3

接下來開始畫房子

用矩形工具拉出一個和房子一樣大的矩形 選擇直接選擇工具選擇矩形左上角的點(diǎn)直線下拉 房子的背景形就出來了

步驟4

下一步給房子添加細(xì)節(jié)

用直線段工具拉出一條直線 按住【ALT＋SHIFT】 向右平行復(fù)制出一個 【Ctrl+D】 再制出你想要的數(shù)量 【Ctrl+G】群組

選擇房子背景【Ctrl+C】復(fù)制 【Ctrl+F】在原位上層復(fù)制一個 【SHIFT+]】置于頂層

將直線段與復(fù)制的圖形放在一起 【Ctrl+7】建立剪切蒙版

上形下色 顧名思義：上層的形狀為剪切后的形狀 顏色是下層圖形的顏色

步驟5

花叢部分

橢圓工具（L） ?拉出一個橢圓

鋼筆工具（P） ?勾出要減去的形狀

路徑查找器【shift+ctrl+F9】減去頂層

鋼筆工具（P） ?畫出曲線和部分葉片的形狀

按住【Alt+移動鼠標(biāo)】復(fù)制 ?調(diào)整到合適的位置

路徑查找器【shift+ctrl+F9】聯(lián)集

步驟6

房間部分

矩形工具（M）畫出一個矩形

直接選擇工具（A）選擇右上角的點(diǎn)向左移動

鋼筆工具（P）勾出抱枕形狀

矩形工具（M）畫出個矩形

直接選擇工具（A）左上的點(diǎn)向右平移 改變上面的圓角度

直線段工具（\）拉出一條直線 描邊面板端點(diǎn)、邊角改為圓角

矩形工具（M）畫矩形

自由變換工具（E） ?透視變換 ?按住下方端點(diǎn)向內(nèi)拉

直接選擇工具（A）選擇右下方的點(diǎn)向內(nèi)直線延長

橢圓工具（L）按住Shift拉出一個正圓

矩形工具（M）畫矩形

路徑查找器【shift+ctrl+F9】 減去頂層

橢圓工具（L）畫出吊椅外形

矩形工具（M）畫出一個矩形

直接選擇工具（A）上面圓角度小一點(diǎn) 下面圓角度直接拉到最大

矩形工具（M）畫出大矩形 然后根據(jù)階梯畫樓梯小矩形 全選 路徑查找器【shift+ctrl+F9】減去頂層

步驟7

AI里做好基礎(chǔ)圖形、顏色基本調(diào)好、調(diào)整好位置導(dǎo)出PSD

文件（F）-導(dǎo)出-導(dǎo)出為-PSD-使用畫板

步驟8

PS部分

完成了基本圖形 我們需要豐富插畫的細(xì)節(jié)給插畫豐富顏色和添加噪點(diǎn)效果

同樣的做之前先分析

房子部分為暖色的燈光 那么在房子周圍的草地樹葉都會受房子光的影響 帶點(diǎn)暖色的環(huán)境色

越靠近光源顏色越暖越亮 ?離光源越遠(yuǎn)顏色越冷

步驟9

在添加噪點(diǎn)效果之前我們先來了解噪點(diǎn)的不同表現(xiàn)形式

通過上方對比圖可以看出畫筆的溶解模式出來的噪點(diǎn)更為細(xì)膩

畫筆的溶解模式是對畫筆畫出來的圖案進(jìn)行溶解效果

圖層的溶解模式是對該圖層上的所有圖案進(jìn)行溶解效果

羽化值越大噪點(diǎn)越分散

根據(jù)自己的需求選擇相應(yīng)的效果 這里我選的是畫溶解模式

步驟10

PS里勾選自動選擇圖層

點(diǎn)擊要添加噪點(diǎn)的圖層，在改圖層上方新建一個圖層，建立剪切蒙版

畫筆工具（B）選擇溶解模式 調(diào)整不透明度和流量在新圖層上涂抹 效果如圖所示

第一次沒有畫到位沒事可以多嘗試去調(diào)整不透明度和流量反復(fù)嘗試

同理來給其他的圖層添加噪點(diǎn)

步驟11

建議一個顏色一個圖層方便后期修改

如果感覺噪點(diǎn)畫多了可以選擇橡皮擦工具（E）來擦涂不想要的部分

拓展：鎖定透明像素

鎖定透明像素同樣可以達(dá)到和創(chuàng)建剪切蒙版一樣的效果但是鎖定透明像素只能在同一個圖層上進(jìn)行繪制不易修改

步驟12

如果感覺顏色效果做出來不太滿意怎么辦呢

可以通過FX圖層樣式給圖層疊加顏色或者通過添加調(diào)整圖層改變色相飽和度

最終效果圖：

其他上色方法一樣需要大家自己動動小手去試一試?yán)?/p>

基礎(chǔ)操作不太了解的話移步優(yōu)優(yōu)知識樹系列哦

→?知識樹系列！最容易聽懂的PS零基礎(chǔ)入門教程合集

→?知識樹系列！最容易理解的AI零基礎(chǔ)入門教程合集

結(jié)語

本期教程到這里就結(jié)束了，希望大家在練習(xí)過程中多思考、理解制作思路和操作方法，活學(xué)活用。

相關(guān)推薦：

→?UDT分享！教你繪制噪點(diǎn)質(zhì)感數(shù)字插畫

→?UDT分享！教你學(xué)習(xí)城市場景噪點(diǎn)插畫繪制思路

---

一個人做練習(xí)的時候，做得好沒人發(fā)現(xiàn)，做得差沒人點(diǎn)評，總感覺很難堅持下去呢···

從今天開始參與「優(yōu)優(yōu)教程網(wǎng) 365 天打卡計劃」，每天一個小練習(xí)， 4 位U站管理員與大家一起打卡練習(xí)，點(diǎn)贊點(diǎn)評，互幫互助。優(yōu)秀練習(xí)還有機(jī)會被優(yōu)優(yōu)轉(zhuǎn)發(fā) 【參與方式】每天在?#優(yōu)設(shè)每日作業(yè)#?內(nèi)，上傳打卡練習(xí)，話題微博格式【 DAY 01~365 】轉(zhuǎn)發(fā)視為參加。（動圖為打卡演示） 【收獲】更好的自己