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

AI插畫制作,用AI制作有海盜元素的天文望遠鏡(4)

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

效果圖:

有沒有想過自己親手制作一支望遠鏡?AI插畫設計過很多,哪一款是你最喜歡的呢?本篇教程帶同學們一起制作一支形象的,有海盜元素的天文望遠鏡,教程比較長,一步步教同學們?nèi)绾沃谱魍瓿,相信可以從中學到很多東西,看看一個漂亮的天文望遠鏡是如何在自己手里呈現(xiàn)的,具體教程來學習一下吧。

效果圖:

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

操作步驟:

創(chuàng)建新文檔

首先設置一個新文檔(文件>新建或Control-N),我們將使用以下設置進行調(diào)整:

畫板數(shù)量:1

寬度:1200像素

高度:640像素

單位:像素

進入“高級”選項卡:

色彩模式:RGB

柵格效果:屏幕(72 ppi)

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

設置圖層

打開“圖層”面板,讓我們創(chuàng)建四個單獨的圖層,我們將其命名如下:

第1層>疊加

第2層>支架

第3層>望遠鏡

第4層>背景

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

創(chuàng)建望遠鏡的主要形狀

完成了文檔的分層,就可以開始繪制我們的插圖了,定位到第二個圖層(鎖定所有其他層),進行下一步操作

第1步

選擇矩形工具(M)創(chuàng)建240 x 120 px矩形作為木制望遠鏡的背面部分,使用#C67852進行著色,放置在距離畫板左邊緣300 px,距離頂部220 px的位置

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第2步

使用248 x 248 px正方形(#C67852)添加望遠鏡中間的部分,放置于前一個形狀的右邊,底部邊緣留出44 px的距離

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第3步

使用160 x 324 px矩形(#C67852)創(chuàng)建望遠鏡的前部,將它定位在第二個形狀的頂部,左邊留出172 px,底部邊緣留出40 px

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第4步

使用160 x 288 px矩形添加鏡頭的主要形狀,使用#CCEAF2進行著色,然后定位在上一個形狀下方(右鍵單擊>排列>后移一層),如下圖所示

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第5步

使用96 x 384 px矩形創(chuàng)建鏡頭護罩,使用#FFE7C5進行著色,將其定位在前段頂部,左邊緣留出100 px,底部邊緣留出20 px

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第6步

使用56 x 108 px矩形(#FFE7C5)添加目鏡的主要形狀,放置在參考圖像中看到的位置

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

調(diào)整望遠鏡的形狀

一旦我們完成了望遠鏡的基本形狀,就可以進行下一步了

第1步

從繪制鏡頭護罩開始,使用直接選擇工具(A)選擇圖形上面錨點,將錨點移動到參考圖像的距離(右鍵單擊>變換>移動>垂直和/或水平>使用指示的值)

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第2步

完成望遠鏡鏡罩后,移動到木制主體的前部進行調(diào)整

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第3步

使用參考圖像作為主要指南調(diào)整中部形狀

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第4步

使用參考圖像作為主要指南調(diào)整前端形狀

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第5步

調(diào)整目鏡部分

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

為望遠鏡添加高光

獲得了所需的輪廓后,可以為望遠鏡的不同部分進行細節(jié)上的修飾,首先從高光部分開始

第1步

首先定位在木制圓筒的后部,通過雙擊將其隔離,然后創(chuàng)建一個240 x 64像素的矩形,使用#E59973進行著色,然后對齊到較大底層形狀的右上角

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第2步

由于我們希望在某種程度上遵循較大形狀頂部的線條走向,因此我們必須選擇形狀右下方的錨點并使用方向箭頭鍵或移動工具將其推到頂部(右鍵單擊>變換>移動>垂直,然后輸入所需的值)。為了保持插畫的風格在這里我向上移動了40px的位置為了使它不與頂部的線條平行

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第3步

使用底層形狀的副本(Control-C)掩蓋多出的高光部分,將創(chuàng)建的副本粘貼(Control-F)在高光的前面,然后選擇它和高光,右鍵單擊>制作剪貼蒙版。完成后,可以通過按Esc鍵退出隔離模式

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第4步

依照同樣的方法依次給剩余的部分添加高光得到下圖中的效果:

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第5步

物鏡的高光顏色較淺,這里我們使用#FFF6E9作為我們的填充顏色

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第6步

給鏡片添加高光時,采用的方法不同,首先創(chuàng)建已經(jīng)擁有形狀的副本(Control-C> Control-F),通過設置其顏色來調(diào)整#B5DBE8,然后單獨選擇并將副本頂部和右側(cè)錨點推向內(nèi)部幾個像素

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第7步

然后,我們選擇鋼筆工具(P)繪制一個類似水滴的形狀,使用#CCEAF2進行著色,鏡片的高光部分就完成了

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

給望遠鏡添加陰影

陰影的添加與高光的添加類似,首先為陰影創(chuàng)建主要形狀,使用#AA6448為它們著色,然后將它們放置在各自的剪切蒙版內(nèi)。完成后,再繼續(xù)下一步操作

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

為望遠鏡添加紋理

完成了陰影,我們接來下將使用鋼筆工具給望遠鏡繪制木質(zhì)紋理

第1步

選擇鋼筆工具(P)使用2 px線條繪制木質(zhì)紋理線,顏色設置為#AA6448。完成后,使用Control-G鍵選擇所有形狀并將它們組合在一起

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第2步

移動到望遠鏡的木質(zhì)部分繪制紋理線,單獨進行分組(Control-G)并將它們放置在各自的剪切蒙版內(nèi)

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

繪制望遠鏡的細節(jié)

第1步

選擇鋼筆工具(P)在望遠鏡木制部分的“x”符號,使用#AA6448作為填充顏色

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第2步

選擇鋼筆工具(P),將填充顏色更改為#DDA885,在望遠鏡的正面和背面繪制兩條對角線。完成后,選擇并進行分組(Control-G),對整個望遠鏡執(zhí)行相同操作,然后再進行下一步

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

創(chuàng)建展臺

完成了望遠鏡的工作,鎖定它的圖層繼續(xù)前進到下一個圖層(這將是第三個圖層)創(chuàng)建木架

第1步

使用536 x 40像素的矩形創(chuàng)建木架基座,使用#FFE7C5進行著色,然后在距離畫板左邊緣320像素底部邊緣64像素的位置

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第2步

如參考圖像中所示,調(diào)整木質(zhì)基座的錨點

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第3步

使用536 x 56 px矩形(#C67852)添加支架的上部

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第4步

調(diào)整我們剛剛創(chuàng)建的形狀

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第5步

使用#E59973作為填充顏色繪制木質(zhì)基座的高光,調(diào)整它的錨點位置

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第6步

完成高光,可以使用2 px的線條繪制木質(zhì)紋理,顏色設置為#AA6448。完成后選擇并將所有線條組合在一起(Control-G),然后對支架的上部進行相同的操作

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第7步

移動到支架的底部,使用536 x 24 px矩形(#AA6448)添加陰影,將居中對齊到較大形狀的頂部邊緣之后創(chuàng)建它的副本(Control-C> Control-F)創(chuàng)建蒙版遮住多出的部分(右鍵單擊>制作剪切蒙版)

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第8步

接下來,使用156 x 48 px矩形創(chuàng)建黃金銘牌的主要形狀,使用#FFC76C進行著色,定位距離基部左邊緣176 px,距底部邊緣12 px

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第9步

使用114 x 20 px矩形添加內(nèi)部陰影部分,使用#EFAB48進行著色,然后如參考圖像中所示定位

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第10步

如參考圖像中指示的數(shù)值調(diào)整矩形的形狀

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第11步

接下來,使用一個156 x 20像素的矩形(#FFD985)添加高光,調(diào)整它,使其底邊沿著銘牌頂部,使用較大底層形狀的副本(Control-C> Control-F)創(chuàng)建蒙版遮蓋多出部分(右擊>制作剪貼蒙版)。完成后,使用Control-G鍵選擇并分組所有銘牌的組成形狀

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第12步

使用#AA6448繪制銘牌陰影,將生成的形狀放在銘牌整體的下面(右鍵單擊>排列>后移一層)。完成后,選擇并組合(Control-G)所有銘牌的組成形狀

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第13步

使用#FFE7C5填充顏色的鋼筆工具繪制兩個垂直的支架,使用#FFC76C繪制支架的頭部,使用#EFAB48繪制內(nèi)部較暗的部分。接下來使用#FFD985作為填充顏色添加支架高光部分,分別對兩條支架進行分組(Control-G),然后將它們放置在支架基座后面(右鍵單擊>排列>后移一層) 。完成后,選擇并分組(Control-G)所有支架的組成形狀,然后再進行下一步操作

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第14步

鎖定當前層并移到望遠鏡的主體部分(將繪制支架投射的陰影),繪制下圖所說形狀的陰影并使用#AA6448進行著色。完成后,確保將生成的形狀放置在基礎部分的剪切蒙版中,然后再進行下一步的操作

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

創(chuàng)建背景

完成了望遠鏡和支架的工作,就可以開始繪制背景了

第1步

進入背景層,選擇鋼筆工具(P)將填充顏色設置為#354E60,使用參考圖像作為主要指南繪制背景的形狀

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第2步

完成背景的主要形狀,就可以使用鋼筆工具簡單的繪制幾顆小星星#FFC76C,確保畫風與我們的插畫風格相同。完成后,使用Control-G鍵選擇并組合所有星星和背景

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

創(chuàng)建漸變疊加

第1步

首先選擇背景的主要形狀創(chuàng)建一個副本(Control-C)(用橙色突出顯示)然后將它粘貼(Control-F)到頂層

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第2步

選擇副本的所有形狀,轉(zhuǎn)到路徑查找器工具的高級菜單,單擊聯(lián)集將所有形狀組合成一個大的形狀

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第3步

使用#ED1C24作為左側(cè)色標,使用#0000FF作為右側(cè)色標,給我們創(chuàng)建的復合形狀添加線型漸變

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

第4步

打開透明度面板并將漸變的混合模式設置為疊加,將其不透明度降低到40%

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

完成:

AI插畫制作,用AI制作有海盜元素的天文望遠鏡_theoat.com.cn

同學們制作的如何了?在制作過程遇到什么難題了嗎?只要有問題都是好的,證明有在學習,還是需要實際操作才可以,快來制作一下吧。

學習 · 提示

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

關注大神微博加入>>

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