當前位置:首頁>軟件教程>AI教程>教程內容

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標

來源:站酷 作者:設計軟件通 學習:6452人次

本篇教程通過AI制作仿手機上的指紋按鈕圖標,整個教程制作起來比較簡單,全部是我們一筆一筆畫出來的,效果特別棒,后期我們可以運用到海報設計中,按鈕和手機的指紋解鎖樣式一樣,整個圖標極具設計感,動感十足,具體通過教程來學習一下吧,練習中找到學習樂趣。

效果圖:

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn
m.tgudhdp.cn

操作步驟:

1

首先還是新建一個500*500的文檔

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

2

接著使用直線段工具

在畫板上繪制一根線

填充色無描邊色純黑

描邊1圓頭端點

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn
 
AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

3

使用選擇工具

按住鍵盤上的Shift+Alt鍵向下拖動一點

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

因為按住了Alt鍵所以是復制了一跟線

4

下面按四次Ctrl+D

來重復四次步驟3

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

5

我們選中第一根線

為它添加虛線屬性

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn
AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

6

選中第二根線

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn
AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

7

第三根線

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn
AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

8

第四根線

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn
AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

9

第五根線

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn
AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

10

第六根線

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn
AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

11

下面打開畫筆面板

選中我們做好的圖形拖動進去

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

選擇藝術畫筆

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

其他參數(shù)默認就可以了

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn
AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

12

下面我們使用圓角矩形工具

在畫板上繪制一個這樣的圓角矩形

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

這里記得將圓角矩形的虛線屬性關閉

13

然后從畫筆面板中

將剛剛制作好的畫筆拖動到這個矩形上的路徑上

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

然后點擊對象-擴展外觀

14

再使用直線段工具

在如圖位置繪制一根線段

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

15

然后為它添加虛線屬性

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn
AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

16

到這里就差不多完成了

我們再使用橢圓工具在畫板上繪制一個圓形

放置在我們做的指紋底下

為了看清楚

我這邊把指紋的描邊色設置為純白色

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

17

調整好位置以后再把圓形放置到指紋的上方

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

按鍵盤上的Ctrl+7

此時可能什么都看不到了

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

18

別急

咱們再繪制一個深色填色的圓形

這次要比剛才大一些

放置在最底層

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

完成:

AI圖標制作,用AI制作仿手機上的指紋按鈕圖標_m.tgudhdp.cn

大家可以自己根據(jù)使用的場景來

添加不同的顏色或效果

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
鹿港2019-01-07 12:15
非常好
微湖山(陳金豐)2019-01-07 08:36
太棒了

關注大神微博加入>>

網(wǎng)友求助,請回答!