
最近做一款App,需要考慮到無網情況的頁面顯示效果。因此想做一個wifi圖標,放上去。
現在分享一下,如何用PS設計一個矢量的wifi圖標。
首先創建一個270x270px的畫布。用形狀圖層的橢圓工具,在PS面板,繪制7個圓形。
圓形半徑分別為:60px;120px,150px;210px,240px;300px,330px。
然后對著7個圓形進行圖層排序,布爾運算,截圖如下:
如下是圖層之間布爾運算的面板:

如下是7個圓形的圖層排序的面板:

在同一個圖層,布爾運算7個圓形的結果如下:

接下來,按住Shift鍵,在同一個圖層,創建一個矩形300x300px,旋轉45度,對齊中間, 在布爾運算面板里,選擇【與形狀區域相交】,?效果如下:

最后,新建一個背景層,填色#ffffff,?效果如下:

Wifi的圖標的PS矢量圖,終于設計完成。這是目前最流行的扁平化淺灰色的剪影圖標。
如下是無網狀態下的【手繪原型圖】,其中需要一個wifi圖標。

作者:張云錢 個人微信號:944352559
(編輯:小酷)
掃碼添加客服微信
掃碼關注公眾號
酷網(大連)科技有限公司
致力于為客戶品牌提供完善解決方案
統一服務電話:0411-62888851