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

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

來源:站酷 作者:不詳 學(xué)習(xí):3202人次

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

效果圖:

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn
tgudhdp.cn

設(shè)置新的項(xiàng)目文件

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

畫板數(shù)量:1

寬度:1200像素

高度:600像素

單位:像素

進(jìn)入“高級(jí)”選項(xiàng):

色彩模式:RGB

柵格效果:屏幕(72ppi)

預(yù)覽模式:默認(rèn)

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

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

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

第一步

進(jìn)入編輯>首選項(xiàng)>網(wǎng)格子菜單,然后進(jìn)行以下設(shè)置

網(wǎng)格線:1px

細(xì)分:1

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

設(shè)置圖層

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

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

第1層:背景

第2層:水

第3層:地平線

第4層:云

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

第6層:紋理

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

創(chuàng)建背景

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

第1步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第2步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第3步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第4步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

創(chuàng)建水面

完成背景繪制后,就可以進(jìn)行水面的繪制了

第一步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第2步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第3步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第4步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第5步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第6步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第7步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第8步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第9步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第10步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第11步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第12步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

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

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

第1步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第2步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第3步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第4步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

創(chuàng)建云

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

第1步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第2步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第3步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第4步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第5步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第6步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第7步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

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

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

第1步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第2步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

創(chuàng)建紋理

進(jìn)入到第六個(gè)圖層我們開始給圖層添加紋理

第1步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第2步

選擇圓,然后給圖形添加一個(gè)效果>圖片特效>紋理>顆粒,強(qiáng)度11,對(duì)比度100,顆粒類型噴灑

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第3步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

第4步

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

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

完成

AI插畫繪制,用AI繪制一幅落日西下場(chǎng)景的插畫_tgudhdp.cn

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

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

學(xué)習(xí) · 提示

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

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

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