看上去很簡單的線性圖標,在細節上面其實是很講究的,從不經意的圓角,或近大遠小的兩座山,或中間特意刪去的線條,或形狀的長寬高比例,能感受到它們的不同。
最近兩天用ps臨摹了一套線性App的圖標,我總結了一下從中學到的東西,跟大家分享一下,希望對大家有所幫助。
主要工具
1.形狀工具的基本圖形結合布爾運算;
2.鋼筆工具勾勒形狀,調節錨點。
剛開始一方面對工具操作的不熟悉,另一方面用布爾運算通過圖形切割堆疊得到形狀,雖說可跟原作很相似,前三圖形畫了兩個多小時,效率實在太低。
后面想了一下,這個系列的圖標并不夠簡潔,全用布爾運算顯得多余,于是改用鋼筆結合快捷鍵,一個下午就把剩下的畫好了。
鋼筆工具的使用
對鋼筆工具不熟悉的小伙伴可看網頁文檔:
鋼筆工具路徑終極教程 有簡單動效展示;
需更熟練快捷鍵操作,ctrl,alt,shift,組合方式會有不同效果,錨點,方向控制也需多練習。
移動,矢量和位圖,結合快捷鍵:鍵盤箭頭+shift,點擊一次快速移動10個像素點。
變形,鋼筆工具勾勒出的形狀可結合快捷鍵:ctrl+T,快速變形及移動,得到想要圖形;
刪除,用鋼筆工具添加1個點,然后再del點這錨點,這錨點跟兩邊錨點所在的線,就會被刪除掉。
需要注意的點:
對齊,圓直徑最好為偶數,一些形狀寬或高最好設置為偶數(這個視情況而定 ),方便對齊像素格;
寫于2017年5月4號,后面發現了其他有用的東西,后續會繼續更新。臨摹練習如下所示:
左為原圖,右為臨摹