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

@飛屋睿UIdesign?：斜紋的做法和?《AI新手教程！手把手教你創(chuàng)建細(xì)膩的網(wǎng)頁紋理背景》?的制作原理大致相同，采用AI中圖案工具，就能做出精彩絕倫的紋理背景。但是，斜紋的細(xì)部處理卻與點(diǎn)狀紋飾相比更加精準(zhǔn)化，相對(duì)而言也會(huì)較為復(fù)雜一點(diǎn)，現(xiàn)在就讓我們來看看斜紋的制作方法。

一、單個(gè)像素圖

首先打開AI軟件，新建一個(gè)文檔，文檔大小任意。在視圖欄目下勾選“像素預(yù)覽”，勾選這一選項(xiàng)后，當(dāng)你將自己的圖片縮放到足夠大時(shí)，會(huì)出現(xiàn)像素格子，然后再勾選“對(duì)齊像素”，這樣圖案就會(huì)自動(dòng)對(duì)齊像素，無需你再自己手動(dòng)控制對(duì)齊了。

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

在正方形旁邊畫上一個(gè)1*2px的長(zhǎng)方形；

將兩個(gè)形狀合并為一個(gè)圖形。選中兩個(gè)圖形，打開“路徑查找器”，點(diǎn)擊“合并”按鈕。

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

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

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

二、建立圖案

選中上一步所制作出的斜紋線，然后進(jìn)入【對(duì)象>圖案>建立】，進(jìn)入圖案編輯狀態(tài)。

其實(shí)，這時(shí)才是圖案創(chuàng)作的開始。正因?yàn)閱蝹€(gè)像素圖往往和我們最終效果之間出現(xiàn)偏差，因此，我們就在這里開始進(jìn)一步美化我們的圖案。

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

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

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

三、導(dǎo)出圖案

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

填充后的圖案導(dǎo)出png格式，并利用PS定義為圖案后，投入實(shí)際的使用。

后記

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

最火的多邊形風(fēng)格背景全教程！

新手教程！輕松變多邊形背景！
《AI新手教程！教你簡(jiǎn)單快速地將圖片變成多邊形背景》

不用學(xué)了！350M 超多高清資源直接拿走！
《大福利！350M高分辨率低多邊形背景圖打包下載！》

放個(gè)多邊形彩蛋，輕松一下！
《看看高手創(chuàng)造的低多邊形人物有多牛（有彩蛋）》

原文地址：ifeiwu
作者：@飛屋睿UIdesign
uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量82萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：