photoshop cs6怎麼做出次畫素,新手,過程詳細簡

時間 2021-10-14 23:04:54

1樓:匿名使用者

3月份,photoshop cs6 beta版(下文簡稱ps cs6)釋出公測,有著多項驚豔的新特性,工作中整天和畫素打交道,感觸比較深的特性就是ps cs6支援向量物件繪製、變換時畫素自動對齊網格。

當然,物件繪製、變換時畫素對齊網格並不是ps cs6獨有的功能,只是更智慧更好用了,ps cs6的畫素自動對齊網格功能在繪圖過程中,無疑方便了很多,不必再擔心圖形邊緣會出現模糊,但是我們在實際的圖形設計過程中會發現,還是會經常需要調整一些路徑沒有完全對齊到網格產生的半透明的過渡畫素,用來平滑圖形邊緣減少鋸齒感,或讓圖形看上去更飽滿、更細膩,我們稱其為次畫素 (或亞畫素,sub-pixel,一般用於螢幕顯示技術等領域),如下圖所示。

圖1-消除鋸齒的次畫素

趁著 ps cs6正式版還未普及,以ps cs5為例,和大家**向量路徑圖形繪製時如何讓畫素對齊網格,如何利用路徑調整次畫素改善圖形的飽滿度的一些經驗,希望對大家有所啟發和幫助。

一、畫素對齊網格

1. 物件繪製時畫素對齊網格

畫素對齊網格最大的作用就是避免繪製圖形時出現虛邊,解決圖形模糊的問題,尤其是將畫布放大數倍去摳介面、圖示細節時,精度可以達到畫素級,讓設計師將精力更多的集中在創意表達層面,不必因為擔心模糊而謹慎的去操作,從而提高工作效率。

在ps cs5初始狀態時,只有當畫布在100%比例下,也就是實際畫素比例時,畫出來的圖形才不會模糊,放大或縮小畫布到其他比例下,即使開啟網格進行輔助,畫出來的圖形也會模糊,如圖2所示,藍色圖形與紫色圖形分別為100%畫布下不開啟網格,和非100%比例畫布下開啟網格隨意繪製的相同大小的矩形,我們能明顯的看到紫色圖形邊緣非常的模糊。

圖2-對齊畫素圖形和未對齊畫素圖形的對比

這時的網格沒有起到作用,是因為在ps cs5初始狀態時,網格的引數不是以畫素為單位,而是毫米,如圖-3,首選項視窗可以通過主選單中「編輯》首選項》常規」或快捷鍵ctrl+k來開啟。

圖3-初始狀態下的網格引數

想要在常規圖形 (矩形、圓角矩形、圓形) 繪製過程中,使畫素在任何情況下都對齊網格,在ps cs5的首選項視窗中,對「參考線、網格和切片」選項卡的網格引數進行簡單的設定,並配合快捷鍵就可以做到。

圖3中可以看到網格線間隔的預設值是25毫米,將單位改為畫素,這時單位前面的數值會自動變為1,這時的網格線並未與畫布上的畫素格對齊,需要手動重新輸入數值,且網格線間隔數值與子網格數值必須相等,圖4展示的是在3200%比例下,兩種不同數值網格所呈現出的效果,可根據自己的喜好進行調整。網格可通過主選單「檢視》顯示》網格「來顯示或隱藏,快捷鍵為ctrl+』(回車左側的引號鍵)。

圖4-不同網格引數呈現的效果

完成了如上設定,最後確保」主選單》檢視》對齊」及「對齊到》網格「兩個選項已勾選,「對齊到》網格「選項在開啟顯示網格的情況下才可編輯。

圖5-對齊功能及相關選項

畫素對齊網格設定完成,以後在非100%檢視下繪製常規圖形,只要開啟網格輔助,就不會出現模糊情況。畫素對齊網格在ps cs5中還是存在一定的侷限性,受到圖形形狀的約束,當使用線條工具、多邊形工具、自定義形狀工具繪製一些帶有傾斜邊緣或非直角的圖形時,還是無法保證所有角點和邊緣對齊網格,當然這裡的模糊更多的是防鋸齒效果,可以利用網格手動調整。

2. 物件變換時畫素對齊網格

ps cs5中,長寬都是奇數或都是偶數時,進行90°變換時都可以對齊畫素,當長寬數值分別是奇數和偶數時,再進行順時針或逆時針90°變換就會使圖形模糊,無法對齊到畫素,這時可以先旋轉,然後開啟網格進行輔助,不要退出自由變換模式,拖動物件,這時邊緣就會自動吸附對齊網格,如下圖:

圖6-變換圖形時對齊網格

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

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

在介面設計中,經常會繪製下拉選單等控制元件上的三角形箭頭形狀,最常見的做法就是用鉛筆工具點象素畫出來,如圖7-a所示,看上去很清晰,但在解析度較小的螢幕上看,會稍顯生硬、有鋸齒感,影響介面的細膩度;用路徑對齊網格繪製箭頭,如圖7-b所示,解決了鋸齒問題,但看上去體量感被削弱了,不夠飽滿;圖7-c中所示的效果,是對次畫素微調後的效果,既消除了鋸齒,而且在體量感上不輸第一種方案的效果。

圖7-三種不同方法繪製的箭頭

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

圖8-下拉箭頭效果對比

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

圖9-使用路徑改善後的次畫素

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

2樓:匿名使用者

什麼次畫素?你是說三角形?

photoshopcs6畫畫素畫應該怎麼設定

3樓:老房

photoshopcs6軟體就是點陣圖處理軟體,也就是所謂的畫素畫。凡事用phtoshop繪製處理的**都可以說是畫素畫。畫畫素畫可以用畫筆工具,也可以藉助數位板繪製。

詳細製作過程建議網上搜教程!

photoshop cs6怎麼做標題藝術字

藝術字千差萬別,不同的字型效果製作方法不同!沒有具體效果圖,不好詳細說明製作方法!一般製作藝術字,用文字工具打字,調整大小,柵格化文字,新增斜面和浮雕 投影等等即可!當然是打上字,然後再進行一些處理。藝術字效果太多了 簡單的你可以利用國樣式製作 處果是異形體 不是一兩句能說清楚的 網上有教程 希望我...

怎麼用photoshopcs6做摺扇

老房 photoshop cs6是adobe公司pscs系列軟體最後一個版本的軟體,號稱是歷史上最大規模的一次產品升級,其集影象掃描 編輯修改 影象製作 廣告創意,影象輸入與輸出於一體,可以進行更有效的圖形影象處理 製作等工作。用photoshopcs6做摺扇的具體方法是 1 開啟pscs6軟體 檔...

PhotoShop CS6怎麼安裝

用我給的官方原版簡體中文c s 6,先試用安裝,安裝後先升級後再破解。這版本不會出現簡化版本中的問題!安裝包大概1.3g多!壓縮包裡面有詳細的 安裝教程 破解檔案在裡面 64位和32位是同一個安裝包!你直接安裝就行!adobe photoshop cs6中文的安裝出來怎麼是英文 尹訓標 你好,很高興...