編者按：上次分享了一篇點狀紋飾背景的 Illustrator 新手教程，今天繼續深入，來一篇斜紋紋理背景教程，斜紋的細部處理卻與點狀紋飾相比更加精準化，相對而言也會較為復雜一點，不過步驟很詳細，新手也可以掌握咯。

一、單個像素圖

首先打開AI軟件，新建一個文檔，文檔大小任意。在視圖欄目下勾選“像素預覽”，勾選這一選項后，當你將自己的圖片縮放到足夠大時，會出現像素格子，然后再勾選“對齊像素”，這樣圖案就會自動對齊像素，無需你再自己手動控制對齊了。

畫一個1*1px的正方形，填充為淺灰色;

在正方形旁邊畫上一個1*2px的長方形；

將兩個形狀合并為一個圖形。選中兩個圖形，打開“路徑查找器”，點擊“合并”按鈕。

注：“路徑查找器”可以通過“ctrl+shift+F9”快捷方式打開。

復制合并后的圖形，并拖放于右上方。復制可以通過按住“alt”鍵的方式移動原圖，或者采用“ctrl+V”(復制)，然后“ctrl+F”(粘貼)。在這一步當中，復制圖形放置的位置決定了斜紋的傾斜角度和方向，你也可以在此對它的方向進行控制。

選中復制后的圖形，然后通過點擊“ctrl+D”重復前一步的操作。這個組合快捷鍵在制作紋理時非常有用。按照這一步驟操作多次，就會輕松畫出一條斜紋線。

選中上一步所制作出的斜紋線，然后進入【對象>圖案>建立】，進入圖案編輯狀態。

其實，這時才是圖案創作的開始。正因為單個像素圖往往和我們最終效果之間出現偏差，因此，我們就在這里開始進一步美化我們的圖案。

如果你想要讓線條更加豐富，可以增加一些新的圖形。這時，在藍色選框內進行編輯，操作的方式和正常的模式沒有差別，唯一不同就是可以看到圖案的整體效果。例如我在此增加一些1*1px的小方形。

這 時，請你記得無論追加什么圖形，你都不能只關注藍色方框中的圖形的樣子，而要查看整體圖案是否剛好吻合，如果不是，你將要在方框內不斷嘗試修正。例如，我 在增加小方形時，左上角也需要增加一個小方形，才能讓整個斜紋完滿。這類追加的圖形，在藍色方框的邊角處的處理相對教復雜，情況也根據圖形的不同而多樣 化，在此簡述，但你也要通過自己的實踐練習對其掌握的熟練度。

接下來我又增加了其他的形狀，并為鋪上淺灰色作為底色。

點擊“完成”按鈕后，畫上一個矩形，選擇剛剛制作好的圖案填充。

填充后的圖案導出png格式，并利用PS定義為圖案后，投入實際的使用。

后記

有人說，既然可以在圖案建立后還能編輯，可不可以從一開始就從空白開始建立圖案呢？我的答案是，完全可以！創意是無限的，你可以在空白的編輯區域里進行任意調整，直到你獲得想要的效果。

教程結束，以上就是用AI快速制作精致的網頁傾斜紋理背景過程，希望能幫到大家！謝謝閱讀！