企業微信
酷網科技公司
當前位置: 建站知識  >>  瀏覽文章
時間:2016年06月04日 信息來源:互聯網

PS圖標設計!如何設計矢量的wifi圖標

最近做一款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

延伸閱讀:

  • PS圖標教程!10分鐘快速繪制iTunes icon
  • PS圖標教程!教你繪制一枚扁平的相機圖標
  • PS圖標教程!教你繪制一枚酷炫的機械風格圖標
  • ps圖標教程!N Style圖標制作教程
  • PS圖標教程!如何繪制一枚精致舒服的下載圖標
  • PS圖標制作!教你7步打造一枚原生LOL圖標
  • PS圖標設計!教你單圖層打造炫彩的圓形圖標


(編輯:小酷)

 


上一篇:網站配色!30個黑色背景+極簡布局的網站設計
下一篇:網站的關鍵!教你13步打造優雅的WEB字體
聯系
客服

掃碼添加客服微信

服務熱線
服務熱線
0411-62888851
公眾號

掃碼關注公眾號

回到頂部