當(dāng)前位置:首頁(yè)>軟件教程>AI教程>教程內(nèi)容

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)

來源:站酷 作者:設(shè)計(jì)軟件通 學(xué)習(xí):6452人次

本篇教程通過AI制作仿手機(jī)上的指紋按鈕圖標(biāo),整個(gè)教程制作起來比較簡(jiǎn)單,全部是我們一筆一筆畫出來的,效果特別棒,后期我們可以運(yùn)用到海報(bào)設(shè)計(jì)中,按鈕和手機(jī)的指紋解鎖樣式一樣,整個(gè)圖標(biāo)極具設(shè)計(jì)感,動(dòng)感十足,具體通過教程來學(xué)習(xí)一下吧,練習(xí)中找到學(xué)習(xí)樂趣。

效果圖:

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn
www.tgudhdp.cn

操作步驟:

1

首先還是新建一個(gè)500*500的文檔

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

2

接著使用直線段工具

在畫板上繪制一根線

填充色無描邊色純黑

描邊1圓頭端點(diǎn)

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn
 
AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

3

使用選擇工具

按住鍵盤上的Shift+Alt鍵向下拖動(dòng)一點(diǎn)

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

因?yàn)榘醋×薃lt鍵所以是復(fù)制了一跟線

4

下面按四次Ctrl+D

來重復(fù)四次步驟3

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

5

我們選中第一根線

為它添加虛線屬性

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn
AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

6

選中第二根線

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn
AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

7

第三根線

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn
AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

8

第四根線

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn
AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

9

第五根線

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn
AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

10

第六根線

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn
AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

11

下面打開畫筆面板

選中我們做好的圖形拖動(dòng)進(jìn)去

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

選擇藝術(shù)畫筆

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

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

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn
AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

12

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

在畫板上繪制一個(gè)這樣的圓角矩形

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

這里記得將圓角矩形的虛線屬性關(guān)閉

13

然后從畫筆面板中

將剛剛制作好的畫筆拖動(dòng)到這個(gè)矩形上的路徑上

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

然后點(diǎn)擊對(duì)象-擴(kuò)展外觀

14

再使用直線段工具

在如圖位置繪制一根線段

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

15

然后為它添加虛線屬性

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn
AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

16

到這里就差不多完成了

我們?cè)偈褂脵E圓工具在畫板上繪制一個(gè)圓形

放置在我們做的指紋底下

為了看清楚

我這邊把指紋的描邊色設(shè)置為純白色

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

17

調(diào)整好位置以后再把圓形放置到指紋的上方

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

按鍵盤上的Ctrl+7

此時(shí)可能什么都看不到了

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

18

別急

咱們?cè)倮L制一個(gè)深色填色的圓形

這次要比剛才大一些

放置在最底層

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

完成:

AI圖標(biāo)制作,用AI制作仿手機(jī)上的指紋按鈕圖標(biāo)_www.tgudhdp.cn

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

添加不同的顏色或效果

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>