圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

2022-12-26 11:04:29 來源/作者: / 己有:20人學(xué)習(xí)過

本篇教程通過AI設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo),這類圖標(biāo)在iPhone手機(jī)中經(jīng)常能見到,因?yàn)樵赑S中有圓角漸變效果,點(diǎn)一下就可以,那么本次通過AI如何設(shè)計(jì)呢?教程難度中等,同學(xué)們可以嘗試做一下,挑戰(zhàn)一下自己,通過教程一起來學(xué)習(xí)一下吧。

效果圖:

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

操作步驟:

1、畫一個(gè)正圓,填充漸變色,并使用徑向漸變(第一個(gè)必須這么做的步驟來了),如圖所示:

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

2、對象——擴(kuò)展,在彈出的對話框里選擇 “漸變網(wǎng)格” 如圖所示:

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

3、右擊 “取消編組” +右擊 “釋放剪切蒙版” ,如圖所示:

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

4、必須這么做的第二步來了。畫一個(gè)比圓大的矩形,然后在圖層中把矩形用鼠標(biāo)移到圖層圓的上面,這樣可以看到兩個(gè)圖層都是存在的(但我之前用快捷鍵移到圓的下面,矩形圖層就不見了。。),如圖所示:

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

反正得看好了要有三個(gè)圖層,順序是最上面 :圓、矩形、剪切蒙版。如下圖所示:

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

5、最后一步:同時(shí)選中矩形和圓,

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

對象——封套扭曲——用頂層對象建立,就完成啦

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

如果你的圓不夠圓的話,再:對象——封套扭曲——封套選項(xiàng)中保真度拉到100%就好啦,

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

我最后是做成這樣的查找iphone的效果

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款“查找iPhone”的樣式圖標(biāo)

是不是還挺簡單的,可以輕松實(shí)現(xiàn),同學(xué)們在制作的時(shí)候細(xì)心一點(diǎn)就可以完成。