圖標(biāo)制作,制作形象的手指指紋圖標(biāo)

來源:站酷 作者:不起名字了吧 學(xué)習(xí):16543人次

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

效果圖:

圖標(biāo)制作,制作形象的手指指紋圖標(biāo)_m.tgudhdp.cn

操作步驟:

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

圖標(biāo)制作,制作形象的手指指紋圖標(biāo)_m.tgudhdp.cn

第2步

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

圖標(biāo)制作,制作形象的手指指紋圖標(biāo)_m.tgudhdp.cn

第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ò)展。

圖標(biāo)制作,制作形象的手指指紋圖標(biāo)_m.tgudhdp.cn

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

圖標(biāo)制作,制作形象的手指指紋圖標(biāo)_m.tgudhdp.cn

第5步

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

圖標(biāo)制作,制作形象的手指指紋圖標(biāo)_m.tgudhdp.cn

第6步

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

圖標(biāo)制作,制作形象的手指指紋圖標(biāo)_m.tgudhdp.cn

完成:

圖標(biāo)制作,制作形象的手指指紋圖標(biāo)_m.tgudhdp.cn

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

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
?2018-09-05 11:46
太棒了
很久以前我們2018-08-23 11:11
摔裂要縫合,雙氧水倒下去時(shí),那泡沫奔騰的場(chǎng)景,很像喪尸。接著做完兩個(gè)開顱手術(shù)后,淡定的吃著瓦罐湯,我就確信我適合這個(gè)工作了。 談?wù)剬W(xué)解剖的事,臨近考試每晚宿舍輪流去解剖室看標(biāo)本,護(hù)理班都女生(唉,廢話一宿舍能出現(xiàn)男人么),大家都是誠(chéng)惶誠(chéng)恐,但都沒說出口。每次看完標(biāo)本,都趕著走不愿意成為最后一熄燈鎖門的人,寢室一姑娘奮勇提出由她鎖門,結(jié)果熄燈關(guān)門白大褂被門夾著人走不了,接著聽到黑暗中慘烈的尖叫。。。 還是幾十年前當(dāng)學(xué)生時(shí)上婦產(chǎn)科課看順產(chǎn)的教學(xué)電影,全年級(jí)兩百多人在黑黑的放映室里,當(dāng)看到會(huì)陰側(cè)切時(shí),就聽到一陣驚呼有人昏倒了,老師開燈后看到一男生臉色蒼白大汗淋漓,后來被連扶帶拖拉出去了 實(shí)習(xí)時(shí)做心電圖,做出來波形一直有干擾,我以為導(dǎo)聯(lián)插的位置不對(duì),就在病人(女性)胸口找肋間隙,緊張的滿臉通紅,最后對(duì)病人說:對(duì)不起,我第一次做。病人回答:誰都有第一次啊,沒關(guān)系。我還記得她模樣,至今想起,心里都是濃濃暖意和感激。 大學(xué)時(shí)實(shí)習(xí),在脊柱外科,當(dāng)時(shí)接臺(tái)手術(shù),研究生去洗手了,沒有人導(dǎo)尿。主刀醫(yī)生指著我說,導(dǎo)過尿沒有?答,沒有。然后就有了人生第一次導(dǎo)尿。導(dǎo)尿前主刀醫(yī)生還說,女孩子就應(yīng)該主動(dòng)一點(diǎn)。。。過程有點(diǎn)小坎坷(男性患者),主刀在旁邊指導(dǎo),當(dāng)時(shí)臉紅的呀,對(duì)面一排的護(hù)士醫(yī)生站整齊一排看著我操作 我把針縫直了… 醫(yī)學(xué)生,之前在腎內(nèi)見習(xí)的時(shí)候有一個(gè)做尿檢病人,捧了滿滿一杯尿,然后在出病房門的時(shí)候一個(gè)趔趄。。。尿全撒了,潑了我一身。。。然后我淡定的轉(zhuǎn)身,又去問護(hù)士要了一個(gè)杯子。叫我女漢子。 也是農(nóng)藥中毒的病人,男性,入住監(jiān)護(hù)室,長(zhǎng)托寧應(yīng)用中。一日患者忽然對(duì)與我一個(gè)班的護(hù)士妹妹喊:護(hù)士,我要小姐!妹妹只氣的蛾眉倒豎,杏眼圓睜,嬌叱一聲:流氓!我默默走到該患床前,把小便器遞給了他。病人又是感動(dòng)又是委屈,眼含熱淚道:人家就是要小解么...... 肛腸科實(shí)習(xí),病人已全麻,側(cè)臥位,和另一同學(xué)一起扒著屁股,某老師正專心手術(shù)中,突然患者毫無意識(shí)的情況下放了個(gè)屁,黏液飛濺,我倆躲過一劫,可老師就不幸中槍了。。。?
萌萌甜橙2018-08-23 07:08
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)
似錦光年2018-08-23 04:03
真復(fù)雜啊~~~~~
紫風(fēng)六翼2018-08-23 03:00
給力
穿黑絲的魂蛋2018-08-23 02:55
學(xué)習(xí)

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

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