Photoshop結合AI繪製溫暖的庭院插畫

學習PS

微信公眾號：xxps1979

本教程主要使用Photoshop結合AI製作夜晚下溫暖的庭院插畫，此教程使用軟體為 AI/PS CC2018版本不同可能部分功能不太相同，但是主要的思路都是一樣的，推薦給思緣的朋友學習，希望大家可以喜歡。

先看看效果圖：

步驟1

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

首先我們需要分析作品

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

AI 中的矢量插畫和 PS 中完成的噪點效果

接下來我們來解構 AI 畫面

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

顏色參考

步驟2

分析之後我們開始繪製 記得要分好圖層

新建一個畫板 1878*1230

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

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

步驟3

接下來開始畫房子

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

步驟4

下一步給房子添加細節

用直線段工具拉出一條直線 按住【ALT+SHIFT】 向右平行複製出一個 【Ctrl+D】 再制出你想要的數量 【Ctrl+G】群組

選擇房子背景【Ctrl+C】複製 【Ctrl+F】在原位上層複製一個 【SHIFT+]】置於頂層

將直線段與複製的圖形放在一起 【Ctrl+7】建立剪切蒙版

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

步驟5

花叢部分

橢圓工具(L) 拉出一個橢圓

鋼筆工具(P) 勾出要減去的形狀

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

鋼筆工具(P) 畫出曲線和部分葉片的形狀

按住【Alt+移動滑鼠】複製 調整到合適的位置

路徑查找器【shift+ctrl+F9】聯集

步驟6

房間部分

矩形工具(M)畫出一個矩形

直接選擇工具(A)選擇右上角的點向左移動

鋼筆工具(P)勾出抱枕形狀

矩形工具(M)畫出個矩形

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

直線段工具()拉出一條直線 描邊面板端點、邊角改為圓角

矩形工具(M)畫矩形

自由變換工具(E) 透視變換 按住下方端點向內拉

直接選擇工具(A)選擇右下方的點向內直線延長

橢圓工具(L)按住Shift拉出一個正圓

矩形工具(M)畫矩形

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

橢圓工具(L)畫出吊椅外形

矩形工具(M)畫出一個矩形

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

步驟7

AI里做好基礎圖形、顏色基本調好、調整好位置導出PSD

文件(F)-導出-導出為-PSD-使用畫板

步驟8

PS部分

完成了基本圖形 我們需要豐富插畫的細節給插畫豐富顏色和添加噪點效果

同樣的做之前先分析

房子部分為暖色的燈光 那麼在房子周圍的草地樹葉都會受房子光的影響 帶點暖色的環境色

越靠近光源顏色越暖越亮 離光源越遠顏色越冷

步驟9

在添加噪點效果之前我們先來了解噪點的不同表現形式

通過上方對比圖可以看出畫筆的溶解模式出來的噪點更為細膩

畫筆的溶解模式是對畫筆畫出來的圖案進行溶解效果

圖層的溶解模式是對該圖層上的所有圖案進行溶解效果

羽化值越大噪點越分散

根據自己的需求選擇相應的效果 這裡我選的是畫溶解模式

步驟10

PS里勾選自動選擇圖層

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

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

第一次沒有畫到位沒事可以多嘗試去調整不透明度和流量反覆嘗試

同理來給其他的圖層添加噪點

步驟11

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

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

拓展：鎖定透明像素

鎖定透明像素同樣可以達到和創建剪切蒙版一樣的效果但是鎖定透明像素只能在同一個圖層上進行繪製不易修改

步驟12

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

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

最終效果圖：

其他上色方法一樣需要大家自己動動小手去試一試啦。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！