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

來(lái)源:未知 作者:不詳 學(xué)習(xí):16616人次

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

舉個(gè)小例子,看看次像素在圖形設(shè)計(jì)中的作用,拋磚引玉。

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

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

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

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

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

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

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

附:清湯故事3碗

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

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

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