利用PS CS6的新功能保持icon細節(jié)飽滿完

2022-12-26 18:27:56 來源/作者: / 己有:27人學習過

二、利用次像素讓圖形更飽滿

舉個小例子,看看次像素在圖形設計中的作用,拋磚引玉。

在界面設計中,經(jīng)常會繪制下拉菜單等控件上的三角形箭頭形狀,最常見的做法就是用鉛筆工具點象素畫出來,如圖4-a所示,看上去很清晰,但在分辨率較小的屏幕上看,會稍顯生硬、有鋸齒感,影響界面的細膩度;用路徑對齊網(wǎng)格繪制箭頭,如圖4-b所示,解決了鋸齒問題,但看上去體量感被削弱了,不夠飽滿;圖4-c中所示的效果,是對次像素微調后的效果,既消除了鋸齒,而且在體量感上不輸?shù)谝环N方案的效果。

利用PS CS6的新功能保持icon細節(jié)飽滿完美

沒看出差別?我們將三種方案放在一起對比下,見圖8,從左至右依次為圖4中的a、b、c方案,我們看到中間的b方案雖然沒有了鋸齒,但體量上明顯小于a、c方案,而c方案同時具備無鋸齒、相等的體量感兩個優(yōu)點。

利用PS CS6的新功能保持icon細節(jié)飽滿完美

通過放大圖片我們可以看到在次像素上的差別,要達到方案c的方法其實很簡單,看看下圖放大的效果和路徑你就明白了。

利用PS CS6的新功能保持icon細節(jié)飽滿完美

只要將角點上的路徑錨點分別向外移動一點,讓原本顏色比較淡的次像素稍微加深就可以了,操作時,放大畫布讓調節(jié)更細微和精確,選中錨點,輕點多次鍵盤上的方向鍵來移動即可,這個方法不局限于箭頭形狀,大家可以開啟像素眼去發(fā)現(xiàn)更多的應用場景。

附:清湯故事3碗