UI圖標(biāo)，模仿擬物風(fēng)格的SIRI圖標(biāo)

今天跟大家一起來練習(xí)一下怎么設(shè)計(jì)一枚擬物風(fēng)格的UI圖標(biāo)，整個(gè)教程難度是麥克風(fēng)中的發(fā)光鏤空圖案，教程十分詳細(xì)，新手也能跟著一起做出來。做完交作業(yè)。

這是我們的最終效果：

這個(gè)是原圖：

下面開始我的制作過程。為了后面的工作更加輕松便捷，所以我把新建的畫布尺寸設(shè)成一個(gè)比較好計(jì)算的整數(shù)~

原圖的背景過于簡單，我畫蛇添足，制作一個(gè)iOS風(fēng)格的背景。新建一層純黑色填充層。

新建一層，填充白色。執(zhí)行“濾鏡-雜色-添加雜色”，參數(shù)如圖~

“濾鏡-模糊-動(dòng)感模糊”

把這個(gè)動(dòng)感模糊層的透明度調(diào)到45%。

復(fù)制一層，CTRL+T自由變化旋轉(zhuǎn)90度，把透明度調(diào)回100%，圖層混合模式改為“疊加”。

畫布四周的“毛邊”看著很不和諧，選中這兩個(gè)動(dòng)感模糊層，CTRL+T自由變化，放大一些，直至毛邊不見為止，背景完成。