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

AI場景設(shè)計,用PS制作精美的熱帶場景插畫

來源:站酷 作者:尋圖標(biāo) 學(xué)習(xí):5148人次

插畫一直是設(shè)計中不可或缺的元素,本篇教程我們通過AI制作一張精美的熱帶的場景插畫,用簡單的形狀和各種變形效果來創(chuàng)建一種手繪風(fēng)格的熱帶水果插畫,之前我們設(shè)計的插畫大都不是這種手繪風(fēng)格,同學(xué)們可以通過教程來學(xué)習(xí)一下不一樣的風(fēng)格制作,具體還是通過教程來學(xué)習(xí)一下吧。

效果圖:

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn
theoat.com.cn

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

操作步驟:

1.繪制香蕉

第1步

選擇橢圓工具(L),制作230 x 50像素的黃色橢圓。

轉(zhuǎn)到效果>變形>拱形并設(shè)置:

水平彎曲值為-60%

水平調(diào)整至-10%

垂直調(diào)整至0%

單擊“確定”和“對象”>“擴展外觀”應(yīng)用效果。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第2步

接下來為我們的香蕉創(chuàng)建兩端凸起。選擇矩形工具(M)制作一個20 x 20像素的黃色正方形。轉(zhuǎn)到效果>變形>凸出并設(shè)置:

水平彎曲值為0%

水平為0%

垂直至25%

單擊“確定”和“對象”>“擴展外觀”以應(yīng)用效果。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第3步

調(diào)整形狀大小。復(fù)制(Control-C> Control-F)并將矩形附加到香蕉的兩個尖端,如下所示。選擇三個元素,并且使用路徑查找器的聯(lián)集將它們合并成一個單一的形狀。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第4步

接下來讓我們創(chuàng)造一個粗糙的紋理效果,從而為我們的形狀增添手繪效果。轉(zhuǎn)到效果>扭曲和變換>粗糙并設(shè)置:

大小為0.3%

選擇相對選項

細節(jié)調(diào)整到到50 / 英寸

點選擇平滑

單擊確定。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第5步

對象>擴展外觀。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第6步

選擇鉛筆工具(N),讓我們給香蕉添加一些簡單的細節(jié),使香蕉看起來更加逼真!雙擊“工具”面板中的“鉛筆工具”(N)圖標(biāo),將“保真度”滑塊調(diào)整到中心或更接近“精確”。

在“顏色”面板中將“填充”顏色設(shè)置為“無”,將“筆觸”顏色設(shè)置為棕色。然后打開“筆觸”面板(“窗口”>“描邊”)并將“粗細”設(shè)置為1.2pt,將“端點”設(shè)置為“圓形端點”。

繪制出下圖所示的類似形狀即可。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第7步

給香蕉的末端添加細節(jié)。然后沿整個形狀繪制一個較大的拱形線條。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第8步

在香蕉的兩端繪制出類似兩端形狀的棕色填充形狀,一個黃色的香蕉就完成了。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

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

2.制作橙片

第1步

使用矩形工具(M)制作90 x 45像素的黃色形狀,用直接選擇工具(A)選擇矩形的底部錨點。將圓形標(biāo)記拖動到中心,使角落變圓。你也可以從頂部的控制面板調(diào)整“形狀”值,并根據(jù)參考數(shù)據(jù)設(shè)置精確數(shù)值。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第2步

選擇形狀并轉(zhuǎn)到對象>路徑>偏移路徑,將偏移值設(shè)置為8像素,并將所有其他選項保留為默認值。單擊“確定”并使用橙色填充新形狀。

選擇兩個形狀,選擇橡皮擦工具(Shift-E),按住Alt,然后擦除形狀的頂部,使兩個圖形的頂部對齊。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第3步

復(fù)制(Control-C> Control-F)黃色形狀。選擇其中一個黃色形狀的副本和橙色形狀,然后從“路徑查找器”面板中應(yīng)用“減去頂層”。

將剩下的黃色形狀調(diào)整的稍小,使兩個形狀之間存在空白間隙。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第4步

使用與以前相同的設(shè)置應(yīng)用“效果”>“扭曲和變換”>“粗糙”濾鏡,給邊緣添加手繪效果。

使用線段工具()或鋼筆工具(P)并添加一組白色線條將黃色形狀切割成段。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第5步

保持選中線條,轉(zhuǎn)到“畫筆”面板(“窗口”>“畫筆”),然后打開面板底部的“畫筆庫”菜單。從這里,選擇進入藝術(shù)效果>粉筆炭筆鉛筆,找到一個木炭 - 鉛筆刷(或任何其他你喜歡的刷子)。單擊它以應(yīng)用于線條。如果線條看起來太細,可以增加線條的寬度。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第6步

進入對象>擴展外觀并在路徑查找器中將它們聯(lián)集起來。最后,選擇線條和黃色半圓進入路徑查找器中的減去頂層選項。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第7步

使用鉛筆工具(N)給橙色切片添加一些細小的線條制作果實的種子。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

3.制作火龍果

第1步

首先制作一個105 x 115像素的粉紅色橢圓,然后使用直接選擇工具(A)通過移動錨點修改形狀。

復(fù)制(Control-C> Control-F)形狀并使頂部副本更小一些。將其填充顏色更改為白色。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第2步

像我們繪制香蕉時一樣,使用矩形工具(M)和凸出扭曲效果創(chuàng)建一個小梯形來修飾火龍果的形狀。

將梯形放在水果頂部,使用橢圓工具(L)沿粉紅色形狀的邊緣創(chuàng)建一組橢圓。選擇所有粉紅色形狀并在“路徑查找器”中將它們聯(lián)集起來。

選擇水果并應(yīng)用效果>扭曲和變形>粗糙使邊緣粗糙。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第3步

使用橢圓工具(L)創(chuàng)建一個2 x 2 px棕色圓圈。然后選擇直接選擇工具(A)選擇橢圓頂部錨點并將其向上拖動。

將種子放在果實上,然后通過按住Alt鍵并移動種子開始進行復(fù)制。旋轉(zhuǎn)副本并稍微改變種子的大小。

得到火龍果的種子。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

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

4.創(chuàng)造熱帶葉子和植物

第1步

首先,我們需要創(chuàng)建自己的畫筆來加速繪制樹葉的過程。

使用橢圓工具(L)制作100 x 5像素的壓扁橢圓。

使用直接選擇工具(A)選擇其側(cè)錨點,并從頂部的控制面板將錨點轉(zhuǎn)換為角點。

然后將我們繪制的橢圓拖放到“畫筆”面板中,然后在彈出的“新建畫筆”窗口中選擇“藝術(shù)畫筆”。

將所有設(shè)置保留為默認值。這些數(shù)值之后可以通過在“畫筆”面板中雙擊我們繪制的畫筆來更改。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第2步

使用鉛筆工具(N)繪制葉子深綠色的葉莖。

選擇畫筆工具(B)并開始沿著樹葉的莖部繪制葉子。過程中改變他們的長度或者讓它們重疊在一起,使葉子看起來更真實。

當(dāng)繪制葉子頂部時,可以是葉子越來越小。

用較長的線條創(chuàng)建另一片不同形狀的葉子。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第3步

現(xiàn)在讓我們畫一個龜背竹葉子。之所以選擇龜背竹這種植物是因為這種植物在繪制熱帶風(fēng)格作品時比較具有代表性。

首先使用鉛筆工具(N)繪制葉子輪廓。龜背竹葉子的形狀有點類似橢圓但是又是一種扭曲不對稱的形狀。另外需要注意的是葉子的頂部稍尖,底部像倒置的心形。

將填充顏色切換其他任意顏色,并在葉子頂部繪制更多扭曲類似形狀,制作葉子上的間隙。選擇所有黑色形狀和葉片主要形狀進入路徑查找器選擇減去頂層選項,一片龜背竹的葉子就完成了。

最后,應(yīng)用粗糙效果使葉子變得更類似于手繪。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第4步

接下來我們繪制一個扇形的葉子。使用鉛筆工具(N)繪制葉子的輪廓。

應(yīng)用粗糙效果,并在鉛筆工具(N)的幫助下添加深綠色葉子脈絡(luò)來完成葉子。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第5步

現(xiàn)在讓我們繼續(xù)下一片熱帶葉子的繪制。首先繪制一個85 x 230像素的橢圓作為葉子的基本形狀。使用直接選擇工具(A)并移動橢圓上的錨點及手柄,改變形狀。

應(yīng)用粗糙效果,并在鉛筆工具(N)的幫助下添加樹葉的莖和脈絡(luò),完成葉片。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第6步

接下來繪制另外一種植物的葉子。制作一個12 x 12像素圓圈并將其左側(cè)錨點向左拖動一段距離。從頂部的控制面板將選定的點轉(zhuǎn)換為角點。

將創(chuàng)建的形狀拖放到“畫筆”面板中。創(chuàng)建一個新的藝術(shù)畫筆,將其選項保留默認值,然后嘗試著繪制幾個形狀查看一下效果。根據(jù)需要,調(diào)整寬度,使植物看起來更加生動漂亮。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第7步

現(xiàn)在所有的葉子都準(zhǔn)備好了,我們開始調(diào)整它們的顏色,讓它們看起來更自然,更多樣化。我們可以手動或使用頂部控制面板上的編輯>編輯顏色>調(diào)整色彩平衡來重新調(diào)整樹葉顏色。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

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

5.使用繪圖工具設(shè)計熱帶場景

第1步

選擇我們創(chuàng)建的所有圖案,然后轉(zhuǎn)到對象>圖案>建立。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第2步

從這里,前往圖案選項面板并進行以下設(shè)置:

平鋪類型選擇網(wǎng)格

寬度為450像素

高度為450像素

份數(shù)為3 x 3

副本變暗調(diào)整到70%

勾選顯示拼貼邊緣

設(shè)置好上面選項后在繪制場景中將樹葉的大小、方向、彼此重疊

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第3步

接下來添加完成圖案的副本填充整個畫板。過程中可以使用鏡像工具(O)通過雙擊翻轉(zhuǎn)形狀的水平或垂直軸,然后單擊復(fù)制,創(chuàng)建鏡像副本。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第4步

最后添加更多的葉子,讓圖片整體看起來更加和諧。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第5步

雙擊圖案外的任意位置,或單擊“完成”退出“預(yù)覽模式”。

之后繪制過程中我們可以進入色板選項面板(窗口> 色板)。根據(jù)自己的喜好創(chuàng)建任意形狀,例如正方形,并通過在“色板”面板中單擊我們創(chuàng)建的圖案。通過單擊“顯示圖案選項”按鈕返回到“預(yù)覽模式”,在某些圖案看起來不協(xié)調(diào)的情況下移動元素。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

第6步

創(chuàng)建一個800 x 600像素的矩形,并用深綠色填充它,完成背景的制作。

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

完成了!

AI場景設(shè)計,用PS制作精美的熱帶場景插畫_theoat.com.cn

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

整個教程就制作完成了,插畫中的元素可謂是多元化,香蕉、火龍果等水果的加入有一種夏天要來的的感覺,具體還是通過教程來制作一下吧。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

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

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