Touch ID 的圖標是怎麼樣畫的?

我從driblle上看到一教程,教怎麼畫這個icon的,我照著這個畫也沒有成功畫出來。主要遇到的問題是無法精確地完成線條的切割和連接,畫出來的效果:

教程網址 Dribbble - how to: create touch id logo by Anton Kudin
文章出處老鳥創意設計團
請問有人知道怎麼樣才能標準繪製么?
雖說教程里有簡略的步驟,但是具體操作起來就遇到了難以解決的細節問題,你不信試試,本人用的是AI,據說可以用ps製作,源文件可從教程內下。我想知道怎麼樣才算標準繪製。如果有畫出來的就放到知乎上吧,也可以發私人郵箱caobo163@yeah.net thanks。


恩,先上個成果——

以下步驟是在 AI 中,400px * 400px 的畫布中繪製完成。網格尺寸是每格 20px * 20px. 其中要注意的一些點,放在最後。帶過程的 AI 文件,也會在後面附上鏈接。
------
一、畫八個同心圓,尺寸從直徑 40px 到直徑 320px,每一個之間直徑相差 40px. 嘗試過用 「Blend」 功能來實現,但尺寸會有問題,所以還是用了一個一個複製、調尺寸的繁瑣方法。如圖。

二、用剪刀工具(Scissors Tool, 快捷鍵為 C)點每一個圓的左、右兩個錨點,將其切割成上下兩半,保留上半。試圖用 Divide Object Below 來做,但並不能做到此效果,所以只好一個一個錨點用剪刀點。如圖。

三、以最左側點為圓心,再畫從直徑 40px 到直徑 640px 的 16 個同心圓。每個直徑差同上,如圖。

四、再次用剪刀工具。剪剩每個圓在右下的 1/4 圓,如圖。

五、此時,如果操作沒有出問題,路徑應能使用 Control - J ( Mac: Command - J) 接合。然後,畫一個與最初大圓相同的圓,用以作輔助線,剪斷下方多餘路徑,如圖。

注意在路徑相交處截斷。

六、將用以輔助的大圓,刪剩最右突出的一點即可。到這步大體就完成了。

------

建議在「首選項」中將鍵盤增量設為 1px, 並且將智能輔助多選上幾個,並且適當調大選擇容忍度。

要避免問題補充說明中的路徑接不上的問題,就要確保每個圓的尺寸都是整數,而沒有小數點產生;同時,圓心的坐標也應當準確。否則,路徑的連接就會出現問題。建議在「變換」面板中,將圓的坐標基準點設為正中。

若有簡化上述過程中繁瑣步驟的方法,煩請告知。

過程文件:Procedure_.ai


先佔個位 圖在家裡電腦裡面 不是樓主說的那種畫法 是通過幾個圓相交什麼之類的做出來的
----------------------------------------------------------------------------------------------------------------
上圖(忘了 知乎不能看動圖 看最後的鏈接)

不懂的話點蘋果 Touch ID的icon是怎麼畫...@孔果採集到UI(110圖)_花瓣UI 交互設計


猴賽雷!會弄了!


簡單方法: rhino畫線,Ai設線寬,上色


Ctrl+J連接


推薦閱讀:

圖標是否就是我們認為的這麼重要?
繪製 iOS 7 風格的 glyph 細線圖標有何技巧?
如何製作出 Webshocker 那樣風格獨特的寫實應用圖標?
為什麼災害預警會以顏色表示等級?
怎樣直觀地告訴用戶「該圖標需要長按才能出現效果」?

TAG:設計 | 圖標設計 | 平面設計 | 用戶界面設計 | 用戶體驗設計 |