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

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)(3)

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

第2步

創(chuàng)建兩個(gè)8 x 8 px大小2 px輪廓的圓圈(#EABD63)創(chuàng)建眼鏡框,將彼此間隔調(diào)整為4 px,確保將它們定位在距離繪圖區(qū)域的底部邊緣16px的位置。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第3步

創(chuàng)建6 x 6 px大小2 px厚的圓圈(#EABD63)添加將兩個(gè)圓圈連接在一起的橋接部分,將它放置在參考圖像中的位置。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第4步

使用直接選擇工具(A)選擇其底部錨點(diǎn)來調(diào)整較小的圓,然后通過按Delete刪除它。完成后,選擇并將所有三個(gè)部分組合在一起(Control-G),然后再繼續(xù)下一步。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第5步

使用圓角矩形工具繪制1 px輪廓36 x 2 px大小圓角矩形(#FFFFFF)創(chuàng)建帽子邊緣,將居中對(duì)齊到下面眼鏡2px的位置。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第6步

創(chuàng)建20 x 10 px矩形(#FFFFFF)創(chuàng)建帽子部分,我們將其放置到上一個(gè)形狀的頂部。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第7步

通過在“變形”面板的“矩形屬性”中將其頂角的半徑設(shè)置為2 px來調(diào)整帽子頂部。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第8步

使用添加錨點(diǎn)工具(+)將新錨點(diǎn)添加到其上邊緣的中心來繼續(xù)調(diào)整生成的形狀,然后我們將其向下推動(dòng)2 px的距離(右鍵單擊>變換>移動(dòng)>垂直> 2像素或使用方向箭頭鍵)。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第9步

使用直接選擇工具(A)選擇其頂部和中心錨點(diǎn)來調(diào)整表冠上部的曲率,使用平滑工具,調(diào)整出一個(gè)良好的彎曲過渡。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第10步

創(chuàng)建4 x 4 px正方形(#3A2F2E)添加帽子上的小細(xì)節(jié),我們將通過在其頂部邊緣的中心添加新錨點(diǎn)然后將其推到底部2 px(右鍵單擊)進(jìn)行調(diào)整>變換>移動(dòng)>垂直> 2像素或使用方向箭頭鍵)。完成后,將圖形定位到參考圖像的位置。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第11步

創(chuàng)建2 x 12 px矩形(#EABD63)添加小邊細(xì)節(jié)來完成圖標(biāo),通過“變換”面板的“矩形”屬性中將其左上角和右下角的半徑設(shè)置為2 px來進(jìn)行調(diào)整。將生成的形狀放置在帽子的右側(cè),距離底部帽子邊緣2 px,使用Control-G鍵盤快捷鍵選擇并分組所有形狀。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

創(chuàng)建安全鎖圖標(biāo)

接下來我們創(chuàng)建最后一個(gè)安全鎖圖標(biāo),選擇最后一個(gè)畫板放大繪圖區(qū)域進(jìn)行下一步操作。

第1步

首先創(chuàng)建56 x 56 px圓(#3A2F2E)作為背景,將其對(duì)齊到下面的繪圖區(qū)域。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第2步

開始繪制安全鎖時(shí),首先創(chuàng)建24×20像素2 px角半徑的圓角矩形(#EABD63)創(chuàng)建安全鎖下部主體形狀,我們將它放置在距離繪圖區(qū)域的底部邊緣12px的位置。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第3步

使用8 x 8 px圓圈添加鍵孔的圓形部分,使用#3A2F2E進(jìn)行著色,然后將其放置在距前一個(gè)形狀頂部邊緣4 px的位置。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第4步

使用4 x 8 px矩形(#3A2F2E)創(chuàng)建孔的下部,調(diào)整“變換”面板的“矩形屬性”中將其底角的半徑設(shè)置為2 px。完成后,將生成的形狀放在圓圈的下半部分,使用Control-G鍵盤快捷鍵選擇并將兩者組合在一起。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第5步

創(chuàng)建四個(gè)2 x 2 px圓圈添加小螺栓,使用#3A2F2E進(jìn)行著色,然后定位到距離安全鎖四個(gè)角角2 px的位置,如參考圖像所示。準(zhǔn)備就緒后,在繼續(xù)下一步之前,選擇并將(Control-G)所有當(dāng)前部分的組成形狀組合在一起。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第6步

創(chuàng)建鎖環(huán),使用14×11像素大小2像素輪廓的矩形(#FFFFFF)調(diào)整頂部邊角的半徑至7像素,確保選擇并刪除其右下錨點(diǎn)。然后將邊角設(shè)置為圓角,定位到鎖身,如參考圖像中所示。將形狀放置到位后,使用Control-G鍵盤快捷鍵選擇并組合鎖的所有形狀。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

第7步

完成圖標(biāo),以參考圖像為標(biāo)準(zhǔn),創(chuàng)建六個(gè)2 px粗的線條(#FFFFFF)給安全鎖添加細(xì)節(jié)裝飾。完成后,選擇并分組(Control-G)所有圖標(biāo)的組成形狀。

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

這樣我們的安全主題系列圖標(biāo)就完成了!

AI圖標(biāo)制作,用AI創(chuàng)建一款趣味性圖標(biāo)_m.theoat.com.cn

圖標(biāo)制作就完成了,一起來學(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)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

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

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