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

AI圖標設(shè)計,用AI制作太陽系的行星圖標(3)

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第2步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第3步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第4步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第5步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

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

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

第1步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第2步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第3步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第4步

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

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第5步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第6步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

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

第1步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第2步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第3步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第4步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第5步

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

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第6步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第7步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

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

第1步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第2步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第3步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第4步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第5步

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

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

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

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

第1步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

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

第2步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

第3步

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

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

完成

一旦你完成了疊加層,不要忘記選擇它和底層圖標,并將它們進行分組(Control-G),確保它們不會被錯誤地分開

這樣,我們的圖標就完成啦

AI圖標設(shè)計,用AI制作太陽系的行星圖標_m.theoat.com.cn

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

這些行星是不是看起來萌萌噠,小巧又可愛,同學們快來制作一下吧。

學習 · 提示

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

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

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