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

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)(3)

來(lái)源:站酷 作者:不詳 學(xué)習(xí):4982人次

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第2步

使用鋼筆工具(P)繪制幾條#ff9b73較亮的線條和#d3674較暗的線條,使用行星副本創(chuàng)建剪切蒙版遮蓋它們,使線條不會(huì)突出到行星表面之外

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第3步

使用橢圓工具(L)在行星底部和上部創(chuàng)建一些橢圓

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第4步

給行星創(chuàng)建環(huán)形輪廓,使其與其余圖標(biāo)的樣式保持一致

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第5步

將左上角的星球顏色改為#ea7d7d,右下角的行星顏色改為#d8ca8b,并在行星表面創(chuàng)建一些小的斜線(#bcaf75)

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

注:不要忘記使用Control-G快捷鍵選擇所有圖標(biāo)元素將其組合在一起

十一、創(chuàng)建土星圖標(biāo)

第1步

跳轉(zhuǎn)到第7層,放大參考網(wǎng)格,將較大圓圈的顏色更改為#d8ca8b

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第2步

使用矩形工具(M),創(chuàng)建高度不一樣的矩形,并分別賦予#eadba0、#bcaf75和#59862的顏色,使用直接選擇工具(A)選擇所有矩形一邊的錨點(diǎn)將它們略微向頂側(cè)移動(dòng)約12px的距離調(diào)整矩形

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第3步

按照之前添加行星輪廓一樣的方法給行星創(chuàng)建較淺顏色的輪廓

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第4步

添加行星的行星環(huán),創(chuàng)建一個(gè)98×26像素(#ffe9a4)和一個(gè)較小的74×18px(#ffe9a4)的橢圓,使用路徑查找器減去行星中心的形狀

將生成的形狀定位到行星的中心。確保將較大的圓圈放在它前面(右鍵單擊>排列>置于前面),然后將其旋轉(zhuǎn)24°(右鍵單擊>變換>旋轉(zhuǎn)>24)

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第5步

創(chuàng)建行星環(huán)和行星的副本(Control-C)并將其粘貼到所有元素(Control-F)上,然后,使用“路徑查找器”的“相交”選項(xiàng),創(chuàng)建一個(gè)兩者的交點(diǎn)產(chǎn)生的新形狀,移除頂部創(chuàng)建行星環(huán)繞的感覺(jué)

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第6步

改變左側(cè)行星的顏色#e27959,并將右邊的行星顏色設(shè)置為#5ad6e0并添加一些細(xì)長(zhǎng)的線條(#73ecef)

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

十二、創(chuàng)建天王星圖標(biāo)

第1步

跳轉(zhuǎn)到天王星圖層,改變行星的顏色#5ad6e0

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第2步

使用鋼筆工具(P)繪制三個(gè)垂直線段,并使用#73ecef 給較大的圓圈進(jìn)行著色和遮罩

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第3步

使用橢圓工具(L),創(chuàng)建兩個(gè)垂直細(xì)長(zhǎng)形狀,使用#e1ffff給它們著色,并將它們定位在行星的右上角

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第4步

正如我們對(duì)之前的圖標(biāo)所做的那樣,給行星添加環(huán)狀的高光

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第5步

接下來(lái)給行星創(chuàng)建垂直的行星環(huán),首先給行星需要添加垂直線條,通過(guò)創(chuàng)建一個(gè)12 x 90 px橢圓(#e1ffff)和另一個(gè)較小的8 x 86 px(#e1ffff)橢圓,使用路徑查找器的減去選項(xiàng)將中間的橢圓從較大的橢圓中切出來(lái)完成

將生成的形狀定位在行星的中心,放置在較大圓圈的下方,然后向右側(cè)移動(dòng)幾個(gè)像素

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第6步

創(chuàng)建一個(gè)行星環(huán)和另一個(gè)較大的圓圈的副本(Control-C> Control-F),然后使用路徑尋找器的相交選項(xiàng)創(chuàng)建一個(gè)繞著行星圓周運(yùn)動(dòng)的行星環(huán)

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第7步

使用#d8ca8b給右下角行星著色。完成后,選擇所有圖標(biāo)元素并將其組合在一起(Control-G)

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

十三、創(chuàng)建海王星圖標(biāo)

第1步

接下來(lái)跳轉(zhuǎn)到最后一個(gè)圖層,將較大圓圈的顏色更改為#77afe0

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第2步

使用鋼筆工具(P),繪制兩個(gè)不規(guī)則形狀,使用#e1ffff給它們著色,將它們一個(gè)放置在頂部,另一個(gè)放置在底部

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第3步

選擇橢圓工具(L)并創(chuàng)建一對(duì)淺色斑點(diǎn)(#e1ffff)和一個(gè)較暗(#5fa1d3)橢圓陰影,放置在行星的中心

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第4步

給行星添加2 px厚的環(huán)狀高光以保持視覺(jué)上的一致性

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第5步

通過(guò)從我們的土星圖標(biāo)中選取右側(cè)較小行星的副本替換我們現(xiàn)在圖層中右上角的星球來(lái)完成圖標(biāo)

并且使用Control-G快捷鍵選擇所有圖標(biāo)元素并將其組合在一起

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

十四、創(chuàng)建漸變背景

接下來(lái)我們需要給背景創(chuàng)建平滑的漸變效果,這將使圖標(biāo)更具視覺(jué)吸引力

第1步

創(chuàng)建所有圖標(biāo)的背景副本(Control-C),將其粘貼在原圖層的前面(Control-F)

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

然后,選擇副本,轉(zhuǎn)到“對(duì)象”>“復(fù)合路徑”并單擊“建立”將所有圖形變?yōu)橐粋(gè)整體

第2步

選擇副本,然后對(duì)其應(yīng)用線性漸變,調(diào)整左側(cè)顏色為#93278f、右側(cè)顏色為#0071bc,將角度設(shè)置為90°

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

第3步

在仍選擇副本的情況下,打開(kāi)“透明度”面板,并將“混合模式”設(shè)置為“疊加”,將“不透明度”降低到80%

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

完成

一旦你完成了疊加層,不要忘記選擇它和底層圖標(biāo),并將它們進(jìn)行分組(Control-G),確保它們不會(huì)被錯(cuò)誤地分開(kāi)

這樣,我們的圖標(biāo)就完成啦

AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)_theoat.com.cn

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

這些行星是不是看起來(lái)萌萌噠,小巧又可愛(ài),同學(xué)們快來(lái)制作一下吧。

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

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

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

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