AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程

來源:趣味百科館 1.2W

本期教大家用AI繪製扁平風格漸變場景插畫

步驟 01

在AI裏新建文檔,尺寸3000*2000px

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程

步驟 02

把畫面分成:左面山崖、山崖、上面雲彩,背景下方雲彩、背景圓環、外部漸變。

先繪製雲彩,用圓形工具和鋼筆勾畫出雲彩的形狀,使用路徑查找合併路徑,然後去掉描邊,添加漸變,按照同樣的做法做出其餘幾個雲彩。

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第2張

步驟 03

繪製左邊山崖,先拆分一下

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第3張

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第4張

用路徑查找器合併路徑,並添加顏色如圖所示

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第5張

步驟 04

繪製主體山崖,同樣的拆分一下

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第6張

使用鋼筆工具,從下往上,依次繪製出如圖所示形狀,顏色已標註在圖片上,可作參考

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第7張

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第8張

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第9張

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第10張

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第11張

把圖形編組,在透明度選項裏添加一個蒙版,然後拉黑白漸變,原地複製五層,達到如下效果

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第12張

鼠標右鍵點擊,對稱一下,用之前同樣的方法給圖形添加倒影,添加高斯模糊

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第13張

用上面講過的同樣的方法制作圖形倒影

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第14張

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第15張

步驟 05

繪製背景圓環

新建一個直徑爲 1104px 的正圓,添加漸變如圖,數值如下

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第16張

畫一個直徑爲 962px 的正圓,填充白色,和一個直徑 830px 的正圓,對齊好之後運用路徑查找器減去頂層,得到圓環,然後運用830px的正圓和 730px 的正圓做出接下來的圓環,運用這個方法做出如圖沒有縫隙的圓環。(顏色是爲了看的清楚,其實都是白色)

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第17張

把上面做好的漸變的圓和這些圓環做一個對齊,做出如圖所示效果

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第18張

調節圓的不透明度,從 5% 開始,每向裏面一格加 5% 的透明度,一直到 65% ,最裏面的圓環透明度爲 100%

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第19張

最中間的圓環放大一點,添加高斯模糊效果,數值 14.5 ,得到如圖所示效果

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第20張

步驟 06

將繪製好的圓環背景,放在之前繪製好的山體後面

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第21張

繪製一個畫布大小長方形,3000*2000px,添加漸變如圖,數值如下

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第22張

繪製一個和圓環最外側圓同等大小的圓形,和剛纔繪製好的矩形做減去頂層的操作,得到如圖所示效果

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第23張

繪製雲彩,與矩形做減去頂層和合並路徑的操作,得到如圖所示效果

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第24張

之前做的雲彩漸變結合一下,出現有一部分空白(如下圖),背景的紫色漸變複製一個放大就好了

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第25張

用鋼筆繪製一隻小鹿,用之前的方法制作出倒影,並添加蒙版得到如圖所示效果

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第26張

如果覺得鹿的腿那裏不亮,可以畫一個白色正圓並添加高斯模糊效果

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第27張

用鋼筆和圓形工具勾畫背景下方的雲彩,併合並路徑

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第28張

同樣的方法做出如下幾個路徑,都是白色,組合一下

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第29張

組合起來,調節不透明度。

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第30張

用鋼筆勾畫淺色山崖,合併路徑

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第31張

顏色設置爲 #975596,位置放置如圖

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第32張

好了,至此完成全部繪製,在PS裏調整一下色相/飽和度即可,來看看最終效果

AI教程 繪製一幅漂亮的扁平化風格漸變場景插畫的教程 第33張

結語

本期教程到這裏就結束了,數據不是絕對,根據自身情況操作。多嘗試,希望大家在練習過程中多思考、理解制作思路和操作方法,活學活用。

熱門標籤