UI圖標,模仿擬物風格的SIRI圖標

2022-12-26 11:12:33 來源/作者: / 己有:57人學習過

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

這是我們的最終效果:

_0402535313-0.jpg

這個是原圖:

_0402531311-1.jpg

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

_0402533550-2.jpg

原圖的背景過于簡單,我畫蛇添足,制作一個iOS風格的背景。新建一層純黑色填充層。

_040253J47-3.jpg

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

_0402531058-4.jpg

“濾鏡-模糊-動感模糊”

_0402532W0-5.jpg

把這個動感模糊層的透明度調到45%。

_0402535451-6.jpg

復制一層,CTRL+T自由變化旋轉90度,把透明度調回100%,圖層混合模式改為“疊加”。

_0402535242-7.jpg

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

_040253H02-8.jpg