圖標(biāo)制作,制作形象的手指指紋圖標(biāo)
本篇教程通過(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)試試吧。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 圖標(biāo)制作
- 指紋設(shè)計(jì)
- 指紋圖片
- 不起名字了吧
- 微信指紋
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),在ps中制作一款可愛(ài)的獼猴桃圖標(biāo)
- 圖標(biāo)制作,用PS制作個(gè)性的的網(wǎng)頁(yè)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡(jiǎn)單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過(guò)PS設(shè)計(jì)制作一款逼真的玉石圖案
- 圖標(biāo)制作,通過(guò)PS制作彌撒圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過(guò)PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡(jiǎn)單的彩色線性圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)
推薦教程
- ps制作高光藍(lán)色按鈕
- ps制作一個(gè)簡(jiǎn)單的網(wǎng)站按鈕
- ps網(wǎng)頁(yè)開(kāi)關(guān)按鈕
- photoshop質(zhì)感按鈕入門(mén)制作教程
- PS網(wǎng)頁(yè)設(shè)計(jì)教程:制作網(wǎng)頁(yè)水晶按鈕
- 點(diǎn)擊按鈕,設(shè)計(jì)一枚通透的質(zhì)感按鈕教程
- 用ps制作Vista風(fēng)格按鈕
- 按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程
- Ps實(shí)例教程-高光質(zhì)感按鈕
- Photoshop繪制綠色風(fēng)格半透明網(wǎng)頁(yè)按鈕