當前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI插畫繪制,用AI繪制一幅落日西下場景的插畫(4)

來源:站酷 作者:不詳 學習:3202人次

之前的很多關(guān)于AI的教程里,我們通過AI創(chuàng)建了很多具有設計感的插畫,本篇通過AI制作一幅落日余暉的場景插畫,教程比較長,同學們制作起來要有耐心,畢竟一幅好的作品需要時間去設計和規(guī)劃布局,整個的作品比較有意境,同學們可以一邊繪制一邊感受一下每次看到夕陽的場景,具體教程一起來學習一下吧。

效果圖:

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn
www.theoat.com.cn

設置新的項目文件

啟動并運行l(wèi)llustrator,為我們創(chuàng)建一個新文檔(File>New或Control-N):

畫板數(shù)量:1

寬度:1200像素

高度:600像素

單位:像素

進入“高級”選項:

色彩模式:RGB

柵格效果:屏幕(72ppi)

預覽模式:默認

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

設置自定義網(wǎng)格

在開始繪制插圖前我們要先繪制項目網(wǎng)格

第一步

進入編輯>首選項>網(wǎng)格子菜單,然后進行以下設置

網(wǎng)格線:1px

細分:1

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

設置圖層

完成項目文件設置后,接下來我們創(chuàng)建多個圖層為下面的繪圖提供方便

調(diào)出“圖層”面板,創(chuàng)建六個圖層,將它們命名如下:

第1層:背景

第2層:水

第3層:地平線

第4層:云

第5層:圓形突顯區(qū)域

第6層:紋理

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

創(chuàng)建背景

選擇我們命名好的第一個圖層開始我們的繪制

第1步

創(chuàng)建一個480×480像素的圓圈,應用線性漸變工具,使用左邊#EFFF56和右邊#EF6B43的顏色,將角度設置為90°,將形狀居中對齊到較大的畫板

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第2步

然后創(chuàng)建一個較小的384×384px圓(#ED7743)來開始處理太陽的光暈,將其不透明度降低到40%,將生成的形狀居中對齊到背景

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第3步

使用48%不透明度的288×288px的圓圈(#ED7743)添加第二個輝光部分,將它 居中對齊到上一步驟中的圓圈

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第4步

使用192×192px創(chuàng)建太陽,使用#E87243進行著色,然后將其中心對齊到先前創(chuàng)建的形狀,完成后,使用Control-G快捷鍵選擇并分組太陽的所有組成形狀,鎖定當前圖層,繼續(xù)進行下一步

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

創(chuàng)建水面

完成背景繪制后,就可以進行水面的繪制了

第一步

創(chuàng)建一個512×512px矩形,選擇線性漸變(左側(cè)顏色:#6FA0CD;右側(cè)顏色:#7DDBCD;角度:90°),將其定位在背景較大圓圈的下半部分

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第2步

創(chuàng)建背景的副本(Control-C)遮擋我們剛剛創(chuàng)建的形狀,將其粘貼到當前圖層(Control-C),同事選擇它和副本,右鍵單擊>創(chuàng)建剪切蒙版

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第3步

接下來開始繪制水面的反射光,首先創(chuàng)建一個240×32像素圓角矩形(#FFFFFF)角半徑設置為16像素,然后創(chuàng)建一個同樣角半徑176×32像素(#FFFFFF)大笑的圓角矩形,將它們垂直堆疊在距離頂端32像素的位置

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第4步

接下來我們填充上一步創(chuàng)建的空白區(qū)域,方法是創(chuàng)建一個192 x 32 px矩形(#FFFFFF),放置到第一個間隙,一個128 x 32 px的矩形(#FFFFFF)放置到第二個間隙

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第5步

使用路徑尋找器的減去模式,將側(cè)面切割出一個32 x 32 px圓圈(用紅色突出顯示)來調(diào)整我們剛剛創(chuàng)建的矩形

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第6步

使用64 x 48 px矩形(#FFFFFF)添加最后一個部分,將圖形放置于參考圖像中看到的較小的圓角矩形下方

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第7步

使用直接選擇工具(A)選擇矩形的中心錨點,然后在“實時角”工具的中將其半徑設置為32像素,調(diào)整生成的形狀

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第8步

創(chuàng)建兩個48 x 32 px圓角矩形(#FFFFFF)分別放置在反光區(qū)域兩側(cè)16px的位置

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第9步

由于我們希望較大的反射光和側(cè)面圖形能作為單個整體形狀,接下來我們選擇它們?nèi)缓笫褂?ldquo;路徑尋找器”來創(chuàng)建復合形狀

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第10步

創(chuàng)建了復合形狀,接下來我們使用一個漂亮的光滑白色線性漸變, 左邊顏色透明度設置為20%,右邊為60%,將角度設置 為90o

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第11步

創(chuàng)建上一步圖形的副本(Control-C> Control-F)制作較小的反射,使用“縮放”工具縮。ㄓ益I>“變換”>“縮放”>“均勻”> 50%)圖形

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第12步

將生成的形狀放置在較大反射的上邊緣上方,選擇所有形狀并將其分組(Control-G),然后再繼續(xù)下一步

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

創(chuàng)建地平線上的景物

選擇我們的第三個圖層,給插頭的中心部分添加一些細節(jié)。

第1步

選擇鋼筆工具(P),使用#C4583B進行填充顏色開始繪制小島。完成后,繼續(xù)下一步

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第2步

給小島內(nèi)部添加一些較深#AA4531填充顏色,選擇并對小島的圖形進行分組(控制-G)

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第3步

使用幾個矩形(#C4583B)創(chuàng)建小游輪,通過調(diào)整錨點來進行小船的繪制。完成后,使用Control-G鍵盤快捷鍵選擇并組合小船的所有組成形狀

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第4步

由于島的右側(cè)部分很可能會超出背景部分,這時我們需要使用較大圓的副本(Control-C)來掩蓋它,把它(Control-F)粘貼到當前圖層上(右鍵單擊>制作剪貼蒙版

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

創(chuàng)建云

完成上一部分步驟后,接下來我們調(diào)整到下一圖層(第四層),開始云的繪制

第1步

創(chuàng)建一個80 x 16 px大小、8px角半徑的圓角矩形(#FFFFFF)開始處理第一組云,將其定位在距離背景左邊緣56 px、距頂部邊緣102 px的距離

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第2步

創(chuàng)建另一個80 x 16 px大小、8px角半徑的圓角矩形(#FFFFFF),將它放置到上一個圓角矩形的下方,距背景左邊緣88 px,距前一個圓角矩形16 px的位置

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第3步

使用32 x 16 px矩形(#FFFFFF)創(chuàng)建云的內(nèi)部,我們將使用路徑尋找器的減去模式從矩形側(cè)面部分切出16 x 16 px圓圈

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第4步

使用32 x 16 px大小、8px角半徑的圓角矩形(#FFFFFF)創(chuàng)建較小云,我們將其放置在距離云下部16 px的位置。完成后,使用Control-G鍵盤快捷鍵選擇所有形狀并將它們組合在一起

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第5步

使用相同的操作創(chuàng)建第二個云,將得到的形狀放在插圖的右側(cè)

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第6步

選擇兩組云并將它們轉(zhuǎn)換為更大的復合形狀,應用90o的白色線性漸變,左邊顏色使用80%不透明度,右邊顏色使用20%不透明度

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第7步

創(chuàng)建兩個80 x 4 px大小、左邊角半徑2px的矩形(#FFFFFF)添加星星軌跡,將它們垂直堆疊在一起,彼此距離調(diào)整為12 px,應用線性漸變(左側(cè)顏色為60%不透明度); 右邊10%不透明度

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

創(chuàng)建圓形突顯區(qū)域

選擇第五個圖層,然后創(chuàng)建圓形突顯區(qū)域。

第1步

創(chuàng)建背景較大圓圈的副本(Control-C),將其粘貼(Control-F)到當前圖層上,然后將其顏色設置為白色(#FFFFFF)移除較小的448 x 448像素圓圈(將中心突顯顏色調(diào)整為紅色)

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第2步

通過將生成的形狀不透明度設置為30%來完成高光。

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

創(chuàng)建紋理

進入到第六個圖層我們開始給圖層添加紋理

第1步

將背景較大圓圈創(chuàng)建一個副本(Control-F)粘貼到當前圖層上,將其顏色更改為黑色(#000000)

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第2步

選擇圓,然后給圖形添加一個效果>圖片特效>紋理>顆粒,強度11,對比度100,顆粒類型噴灑

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第3步

接下來在“透明度”面板中將其“混合模式”設置為“柔光”并將其“不透明度”設置為20%來調(diào)整生成的紋理

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

第4步

選擇并遮蓋紋理圖層完成插圖

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

完成

AI插畫繪制,用AI繪制一幅落日西下場景的插畫_www.theoat.com.cn

(本教程由尋圖標icon.52112.com提供)

制作過程比較長,同學們要一點一點慢慢去學習,插畫的設計都來源于生活,我們要善于發(fā)現(xiàn)生活中美,再來進行繪制,一起學習吧。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
喜一機2024-03-07 12:42
謝謝老師的分享。
390000521是騙子2024-02-10 11:35
QQ390000521是騙子
1537965792023-06-04 08:48
謝謝老師的分享。
煩惱且呆萌2023-05-26 09:55
看起來很厲害的樣子。然而我還沒學AI
查查2023-05-24 04:33
支持了
1537965792023-05-14 07:09
謝謝老師的分享。
benbenqier2023-05-13 03:47
我的作業(yè):

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!