讓每乙個畫素都清晰可辨

2021-06-18 19:09:28 字數 1193 閱讀 2712

大家在設計介面和網頁時,是不是經常碰到ps裡繪製的圖示雖然是向量的,但還是會有許多虛邊,在放大、縮小、旋轉後虛邊變的更嚴重了,或者是在ai裡繪製的精美向量圖示粘到ps裡就變虛了,我們辛苦設計的作品就這樣變「糊了」,這是我們雙眼所不允許的,我們要讓每乙個畫素都清晰可辨。要解決這些問題就要理解ps畫素組成的原理,了解一些設定選項和使用技巧,下面和大家一塊分享。(ps=photoshop,  ai=illustrator)

1.繪製邊緣清晰的[形狀圖層]

我們通常在ps裡繪製矩形時會用 [矩形工具] ,這樣產生的是向量的形狀圖層,它的好處是我們無論放大縮小時都保持向量屬性,但當我們放大檢視看時還是有虛邊(上圖),這些虛邊雖然在繪製大的圖形時影響不太大,但當我們繪製很小的畫素級圖示時,就會很明顯了。

解決方法是選中下圖列出的 [對齊畫素] 選項,當我們再繪製同樣的矩形時,放大檢視看邊緣就清晰可辨了(下圖)。其中的原理是:我們螢幕顯示的影象是由無數個畫素組成的,也就是說畫素是圖形的最小單位,通常當我們繪製的圖形不是整數畫素時,比如寬是20.5畫素,那0.5的畫素小於1畫素,ps就會以虛邊顯示。當選中[對齊畫素]選項時,我們繪製的寬、高將都是整數了。

2.旋轉圖形時保持邊緣清晰

當我們以矩形的中心點90度旋轉時,得到的矩形缺失了兩個邊。這是什麼原因呢?得知這個矩形的長是奇數、寬是偶數。當以中心點旋轉時畫素不能整分,所以得到這種結果。解決辦法是,可以選矩形的四個角的任一頂點為中心點旋轉,或者使矩形的長寬都為奇數或偶數值。如果我們的操作是旋轉並縮放圖形,最好是旋轉完按確定,再進行縮放。不要連續操作完再確定,這樣得到的結果會比較清晰。

3.ai粘入ps時保持邊緣清晰

有時當我們在ai裡繪製了圖示後,粘到ps裡就會出現如下圖的虛邊,這是有兩種原因造成的,一是在ai裡新建檔案時沒有選中[對齊畫素網格]選項(只有ai cs5以上版本有這個選項),這樣繪製的圖示的各個數值不為整數的情況,粘到ps裡就會出現虛邊。再乙個是選中了 [對齊畫素網格] 選項粘到ps中依然出現虛邊,這是要在粘之前在ps中建乙個與圖示大小相同的選區,再粘進來就ok了,因為ps中貼上板中的圖示粘入到檢視時,圖示是以被粘入檢視的中心點定位貼上的,這樣貼上的位置可能不是整數值,所以會出現虛邊,這時我們要建乙個同樣大小的選區,再粘就沒問題了。還有貼上時選 [形狀圖層] ,這樣以後的可編輯性會比較強。

以上方法希望對大家能有所幫助,讓我們今後的作品每乙個畫素都清晰可辨,希望多交流學習!

每乙個善意都值得尊重

愛 原本就是無求的付出,對每乙個卑微的善舉都應該心懷感恩。每乙個善意都該得到尊重,容不得一絲齷齪的猜疑。當她猛然發現身邊的皮包不見了時,嚇得冷汗涔涔。那手提包裡的錢和銀行卡都在其次,關乎 命門 的是海關進出口手冊和關稅證明的單據,一旦丟失,將給她所在的報關公司帶來鉅額的經濟損失。她失魂落魄,跌跌撞撞...

每乙個夢想都值得被尊重和敬仰

文 乙隻特立獨行的貓 昨天在車裡聽廣播說新一年的考研大軍開始備戰了,大學生們排隊十小時為了求得乙個考研自習室的座位的新聞。我沒參加過考研大軍,也很少接觸到考研的群體,但我想起兩個人來,兩個曾經跟我同租住在北大附近300元 月 床鋪的考研女孩。a是乙個農村出來的,胖胖的,大約1.65公尺高的女孩,黑黑...

不要把每乙個地方的情景都寫具體

栩栩如生的懷念 今天的栩栩如生的懷念,栩栩如生,媽媽還常教導我,走累了,就會取勝,有一雙手將我扶了起來,在公園裡,照著公園裡婀娜多姿的柳樹,和他相處了幾天後,有詳又略地去寫。太像了,記得我們上學會查無字詞典的那一天,自強,這全是媽媽的懷念功勞,媽媽帶我到杜娟谷玩,我們的懷念第一堂課便開始了,讀到太像...