如何繪製邊緣清晰又圓潤的小尺寸圖示？

1樓：震震清

我直接上乾貨吧。愛死ai畫圖示了。

Pixel Perfection When Rotating, Pasting And Nudging In Photoshop

不想看的就幾句話：

1.在ai裡面畫圖示配合畫素預覽，alt ctrl k,設定1畫素網格

2.畫圖標的時候注意對齊畫素

3.原大複製貼上到ps，如果出現區域性問題，ctrl t調整

2樓：

3樓：

題主你沒對齊畫素。

看到第乙個AI上面那些灰色的方格線了嗎？那個就是畫素參考線，很顯然你的圖示兩個內圓都在半個畫素的位置，放大了看不覺得，縮小之後就會糊成一團了。把每乙個圓的邊緣都對齊格仔，如果對不齊，微調外圓尺寸，這樣就能得到你需要的邊緣圓潤清晰的圖示了。

4樓：方遲

曾今痴迷小畫素上的 pixel perfection，有別於嚴格意義上的畫素畫，不追求畫素完全對齊，只追求小尺寸上的清晰，平滑，準確，概括，堆細節，當然最重要的還是，小，乙個畫素也不浪費。

見我頭像

32 畫素，便可以表現出陶花盆的質感，泥土中得碎石，葉片的肉感，葉脈和水滴。並在有限範圍內做到盡量概括。

不過在國內幾乎沒見過的同好，隨著螢幕分 ppi 的上公升，我們畫素黨已經基本沒有活路了。

好了，不扯了，下面答題。

要達到題主的要求，基本上只有小尺寸對齊畫素重鉤路徑，然後用路徑微調來做視覺修正。

幾個小技巧：

乙個是圓形描邊時擴大線寬盡量擴內不擴外，保持外輪廓清爽

在次畫素模糊程度可以接受的情況下去盡量還原造型，眯著眼看會比較管用

多線交界處可以適當減小交界處的線寬，避免筆畫粘滯

左數第乙個是我優化的

附上 psd

更新加幾句話

看到很多人提到對齊畫素的問題。

我個人的理解是，和 Mac 和 Windows 的字型渲染取向是一樣的。

是乙個你更注重形態還是更注重清晰度取捨，但是還不止這些。

當然同時完成這兩點是可能的，但在大多數情況下的既有圖形本身包含了很多的視覺修正和空間調整，很難完全滿足既保證形狀又保證正好對齊畫素，通常至少會有一方面需要犧牲一些，這個時候微調的作用在於找乙個平衡點，準確表達和清晰度之間的平衡，優化下去的空間也是無限的，只要花時間花心思（這個很有趣的）。

粗暴的認為只要對齊畫素了，形狀比比例跟原來差一些沒關係，或認為只有對齊畫素是最優解，沒有優化空間的，都是很片面的想法。

雖然畫素優化已經變得越來越過時了，但類似的優化思路是有歷史延續性的。

5樓：車路

就是你不能再用向量的思維來考慮問題了，你得用畫素的思維來考慮了。這就是所謂的做72dpi的設計。

畫素畫中，每乙個角度的直線，都是由畫素點不同數量的排列重複組成。每乙個弧線也是。

你去搜尋：畫素畫教程入個門即可。我幫你先搜乙個：

另外，我這裡的回答也不是正確的方法，稍後補。