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

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

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

效果圖:

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

操作步驟:

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

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

2、對(duì)象——擴(kuò)展,在彈出的對(duì)話框里選擇 “漸變網(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、必須這么做的第二步來(lái)了。畫(huà)一個(gè)比圓大的矩形,然后在圖層中把矩形用鼠標(biāo)移到圖層圓的上面,這樣可以看到兩個(gè)圖層都是存在的(但我之前用快捷鍵移到圓的下面,矩形圖層就不見(jiàn)了。。),如圖所示:

圖標(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)

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

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

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

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

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

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

是不是還挺簡(jiǎn)單的,可以輕松實(shí)現(xiàn),同學(xué)們?cè)谥谱鞯臅r(shí)候細(xì)心一點(diǎn)就可以完成。