圖標制作,制作形象的手指指紋圖標
本篇教程通過PS制作一款形象的手指指紋圖標,在手機支付大行其道的今天,我們動動手指就可以完成一筆交易,與我們密切相關(guān)的指紋如何制作出來呢?我們需要用到PS中的路徑等操作來制作,十分的形象,制作起來難度中等,感興趣的同學(xué)一起通過教程來練習(xí)一下。
效果圖:
操作步驟:
第1步
根據(jù)指紋圖標的使用場景,確定圖標大小(我是在84px的矩形參考線范圍內(nèi)繪制的)繪制一個4px寬,56px高, 2px圓角 的圓角矩形(坐標確保是整數(shù),且考慮到適配,如果是在@2x下繪制,長短等尺寸最好是4的整數(shù)倍
第2步
使用偏移路徑(計算好每個圓角矩形線框之間的距離,在這里我用的所有線條寬度為4px,間隔為4px)繪制最大的和第二小的圓角矩形線框,之后刪除第1步中繪制的圓角矩形,用鋼筆工具重新繪制(確保其為描邊狀態(tài), 方便后續(xù)繪制)
第3步 雙擊混合工具繪制等間距的圓角矩形線框,移動第二小的圓角矩形線框與最大圓角矩形線框相平行,并在最大和第二小圓角矩形線框下端區(qū)域添加錨點(注意:在未擴展時使用混合工具。因其余線框為虛擬路徑,所以只需移動第二小的圓角矩形線框錨點后,其余虛擬線框?qū)⒆詣右苿樱诘诙〉膱A角矩形線框添加錨點后,其余虛擬線框在擴展后, 會在同位置出現(xiàn)錨點,從而提高效率。)再進行擴展。注意!是混合中的擴展。 第4步: 使用直接選擇工具,將最底部錨點向左移動30px,再次使用直接選擇工具選中中間區(qū)域所有圓角矩形線框的錨點, 調(diào)整圓角至最大限度。第5步
再繪制個更大的同心圓,使用直接選擇工具選中全部后,按住Alt/Option鍵選擇路徑查找器中的輪廓按鈕,再次選中全部,在頂部工具欄中恢復(fù)4px描邊,并刪除多余錨點及外圍的同心圓,并將所有路徑端點改為圓頭端點,到此為止,大功告成一大半
第6步
最后一步一加入斷點,這本身不難,但我們一定要努力做到更好更嚴謹,使得每個斷點間隔一-樣大,怎么實現(xiàn)呢?使用描邊中的虛線,耐心一些,選中每個指紋圓弧的路徑,在保證間隔大小一樣的情況下,一個一個調(diào)整,我這里是設(shè)置了10px的間隙,最后得到了這樣一款完美的指紋圖標。
完成:
一個指紋圖案就制作完成了,同學(xué)們快來試試吧。
學(xué)習(xí) · 提示
相關(guān)教程