本篇教程通過(guò)PS制作一款形象的手指指紋圖標(biāo)，在手機(jī)支付大行其道的今天，我們動(dòng)動(dòng)手指就可以完成一筆交易，與我們密切相關(guān)的指紋如何制作出來(lái)呢？我們需要用到PS中的路徑等操作來(lái)制作，十分的形象，制作起來(lái)難度中等，感興趣的同學(xué)一起通過(guò)教程來(lái)練習(xí)一下。

效果圖：

操作步驟：

第1步
根據(jù)指紋圖標(biāo)的使用場(chǎng)景，確定圖標(biāo)大小(我是在84px的矩形參考線范圍內(nèi)繪制的)繪制一個(gè)4px寬，56px高， 2px圓角 的圓角矩形(坐標(biāo)確保是整數(shù)，且考慮到適配，如果是在@2x下繪制，長(zhǎng)短等尺寸最好是4的整數(shù)倍

第2步

使用偏移路徑(計(jì)算好每個(gè)圓角矩形線框之間的距離，在這里我用的所有線條寬度為4px，間隔為4px)繪制最大的和第二小的圓角矩形線框，之后刪除第1步中繪制的圓角矩形，用鋼筆工具重新繪制(確保其為描邊狀態(tài),  方便后續(xù)繪制) 

第3步 雙擊混合工具繪制等間距的圓角矩形線框，移動(dòng)第二小的圓角矩形線框與最大圓角矩形線框相平行，并在最大和第二小圓角矩形線框下端區(qū)域添加錨點(diǎn)(注意:在未擴(kuò)展時(shí)使用混合工具。因其余線框?yàn)樘摂M路徑，所以只需移動(dòng)第二小的圓角矩形線框錨點(diǎn)后，其余虛擬線框?qū)⒆詣?dòng)移動(dòng)，在第二小的圓角矩形線框添加錨點(diǎn)后，其余虛擬線框在擴(kuò)展后,  會(huì)在同位置出現(xiàn)錨點(diǎn)，從而提高效率。)再進(jìn)行擴(kuò)展。注意!是混合中的擴(kuò)展。

  第4步:   使用直接選擇工具，將最底部錨點(diǎn)向左移動(dòng)30px，再次使用直接選擇工具選中中間區(qū)域所有圓角矩形線框的錨點(diǎn),  調(diào)整圓角至最大限度。

第5步

再繪制個(gè)更大的同心圓，使用直接選擇工具選中全部后，按住Alt/Option鍵選擇路徑查找器中的輪廓按鈕，再次選中全部，在頂部工具欄中恢復(fù)4px描邊，并刪除多余錨點(diǎn)及外圍的同心圓，并將所有路徑端點(diǎn)改為圓頭端點(diǎn)，到此為止，大功告成一大半

第6步

最后一步一加入斷點(diǎn)，這本身不難，但我們一定要努力做到更好更嚴(yán)謹(jǐn)，使得每個(gè)斷點(diǎn)間隔一-樣大，怎么實(shí)現(xiàn)呢?使用描邊中的虛線，耐心一些，選中每個(gè)指紋圓弧的路徑，在保證間隔大小一樣的情況下，一個(gè)一個(gè)調(diào)整，我這里是設(shè)置了10px的間隙，最后得到了這樣一款完美的指紋圖標(biāo)。

完成：

一個(gè)指紋圖案就制作完成了，同學(xué)們快來(lái)試試吧。