AI教你創建細膩的網頁斜紋紋理背景

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

　　一、單個像素圖

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

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

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

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

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

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

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

　　二、建立圖案

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

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

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

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

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

　　三、導出圖案

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

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

　　後記

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