註解:

本文中的資訊與 Illustrator CC 2015.x 版及更早版本有關。自 CC 2017 版起,Illustrator 提供更穩定且更準確的功能,以便將線條圖對齊像素格點。如需詳細資訊,請參閱繪製像素級最佳化線條圖

像素對齊是物件層級的屬性,可以讓物件的垂直和水平路徑對齊像素格點。修改物件時,仍會隨著該物件保留此屬性。只要物件有設定此屬性,則物件中的任何垂直或水平路徑都會對齊像素格點。

Illustrator 中的像素對齊路徑
顯示像素對齊物件以及非像素對齊物件的插圖

A. 物件未與像素對齊 B. 物件已與像素對齊 

如需有關繪製網頁工作流程之像素對齊路徑的影片,請參閱 www.adobe.com/go/lrvid5201_ai_tw

使新物件對齊像素格點

您可以在「新增文件」對話框的「進階」區段中使用「使新物件對齊像素格點」選項。

也可以在「變形」面板中的「變形」面板選單 (彈出式選單) 使用此選項。

「變形」面板選單中的「使新物件對齊像素格點」選項
「變形」面板選單中的「使新物件對齊像素格點」選項

如果您啟用此選項,則繪製的任何新物件預設都會設定像素對齊屬性。對於使用網頁文件描述檔建立的新文件,預設會啟用此選項。

像素對齊筆畫的明晰外觀,僅支持以 72 ppi 解析度輸出點陣圖。對於其他解析度,這樣的筆畫極有可能產生消除鋸齒結果。

像素對齊、但沒有任何直線垂直或水平區段的物件,不會修改為對齊像素格點。例如,當旋轉後的矩形設定像素對齊屬性時,因為它不具有直線垂直或水平區段,因此不會輕推以產生明晰路徑。

註解:

每個物件的文件層級屬性和像素對齊狀態都會儲存於 .ai 檔。

如需有關使符號對齊像素格點的詳細資訊,請參閱使符號對齊像素格點

使現有物件對齊像素格點

每當修改選取「對齊像素格點」選項的物件時,會輕推該物件以對齊像素格點。例如,如果您移動或變形一個像素對齊物件,該物件會根據其新座標重新對齊像素格點。

若要使現有物件對齊像素格點,請選取該物件,並核取「變形」面板底部的「對齊像素格點」核取方塊。

「變形」面板中的「對齊像素格點」選項
「變形」面板中的「對齊像素格點」選項

當您選取此選項時,會輕推物件路徑的垂直和水平區段。因此,這類區段的外觀的所有筆畫寬度和所有位置,一律都會顯示明晰筆畫。選取此選項的物件,其筆畫寬度一律都是完整整數值。

將非對齊物件帶入已啟用「使新物件對齊像素格點」選項的文件,不會自動將這類物件對齊像素。若要讓這類物件對齊像素,請選取物件,然後從「變形」面板選取「對齊像素格點」選項。您無法將點陣、點陣特效以及文字物件之類的物件進行像素對齊,因為這類物件沒有真實路徑。

選取沒有對齊像素格點的物件

按一下「選取 > 物件 > 沒有對齊像素格點」來選取這些物件。

使符號對齊像素格點

若要建立對齊像素的符號,請從「符號選項」對話框選取「對齊像素格點」選項。對齊像素格點的符號,會以實際大小在工作區域的任何位置,都保持像素格點對齊。

註解:

雖然縮放的符號會根據屬性對齊像素,但它可能不會產生明晰路徑。

如需有關對齊像素格點的詳細資訊,請參閱繪製網頁工作流程的像素對齊路徑

註解:

如果「控制」面板中的「重設」按鈕處於作用中狀態,這表示該符號已經變形,而且不是它實際的大小。

檢視像素格點

若要檢視像素格點,請在「像素預視」模式下縮放至 600% 或更高。

若要設定檢視像素格點的偏好設定,請按一下「偏好設定 > 參考線及格點」。如果尚未選取「顯示像素格點 (放大 600% 以上)」選項,請選取它。

儲存選取的切片

若要只儲存圖稿中選取的切片,請按一下「檔案 > 儲存選取的切片」。

消除鋸齒選項

文字消除鋸齒

Illustrator 中的「字元」面板會提供以下文字消除鋸齒選項:

  • 銳利化

  • 明晰

文字消除鋸齒
「字元」面板中的文字消除鋸齒選項

您可以為每個文字框設定消除鋸齒選項。這些文字消除鋸齒屬性會儲存為文件的一部分。PDF、AIT 及 EPS 格式也支援這些選項。文字消除鋸齒選項可以轉存為 PSD 或從 PSD 讀入。

轉存為 BMP、PNG、Targa、JPEG 或 TIFF 格式時,在消除鋸齒下拉式清單中可以使用下列選項:「無」、「最佳化線條圖」以及「最佳化文字」。

  • 最佳化線條圖選項會使用與較舊版本相同的方式,為這些格式產生點陣。不過,在此情況下將圖稿點陣化時,將不會遵循文字消除鋸齒選項。

  • 最佳化文字選項會針對所產生點陣中的文字框,遵循新引入的消除鋸齒選項。

您也可以在「儲存為網頁用」對話框中使用這些選項。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策