編按：

    今天的教程有一些特別的地方，不管你是初學(xué)者還是進(jìn)階者肯定都難逃頭暈眼花的不適。你別不信，一會(huì)做到一半眼花可不要怪我沒有提醒過你哦！今天利用的元素只有線條，簡(jiǎn)簡(jiǎn)單單的線條做極簡(jiǎn)風(fēng)再適合不過了，尤其作為背景使用時(shí)，會(huì)讓整個(gè)畫面活躍起來，起到四兩撥千斤的作用?？靵碓囋嚢桑?/span>

STEP 01

在AI中新建一個(gè)文檔，新文檔大小為1280*840px，繪制一個(gè)矩形，矩形大小剛好和文檔的畫板大小一致，關(guān)閉矩形的描邊，填充為白色。

STEP 02

選中這個(gè)矩形的同時(shí)進(jìn)入【窗口>外觀】，打開外觀面板，在現(xiàn)有的填色上，再增加一個(gè)新的填色。這個(gè)新的填色的就是我們的線條圖案。

STEP 03

對(duì)新填色的色板重新進(jìn)行設(shè)置，這時(shí)在新填色的右下角箭頭中打開填色，然后點(diǎn)擊左下方的色板庫菜單，在色板庫中選擇圖案作為色板。進(jìn)入【圖案>基本圖形>線條】，選擇其中的一個(gè)線條圖案“6 LPI 50%”。這時(shí)，繪制的矩形會(huì)呈現(xiàn)線條的圖案。

二、改變圖案

要改變圖案，需要的只是一個(gè)“小機(jī)關(guān)”~

STEP 04

改變圖案的造型，繼續(xù)留在“外觀”的面板中，選中新的圖案填充的情況下，進(jìn)入【窗口>變換】。這時(shí)來到了“變換”工具的面板，在這里對(duì)圖案進(jìn)行改變。

點(diǎn)擊面板右上方的菜單按鈕，選擇“僅變換圖案”的選項(xiàng)。這就是改變圖案造型的“小機(jī)關(guān)”，它決定了你的調(diào)整結(jié)果。否則你會(huì)發(fā)現(xiàn)，無論如何變換，都只是對(duì)矩形形狀的改變，圖案依然保持原狀。

STEP 05

這時(shí)在“變換”面板中，調(diào)整寬和高的參數(shù)值，可以點(diǎn)擊右側(cè)的“約束寬度和高度比例”鎖鏈圖標(biāo)，這樣就在調(diào)整寬和高其中某一參數(shù)時(shí)，另一個(gè)參數(shù)跟隨著同比例改變。

這時(shí)鍵入任何參數(shù)都不是問題，關(guān)鍵是要達(dá)到最終的效果。例如我們?cè)谶@里是要增加線條的粗細(xì)和間隔，因此，這時(shí)就可以在寬度這一欄中輸入一個(gè)數(shù)值為2000,點(diǎn)擊回車鍵，看看它們的效果，如果仍然不夠，就再次輸入一個(gè)數(shù)值為1500，再點(diǎn)擊回車鍵。后面的這個(gè)參數(shù)，是以前面調(diào)整后的結(jié)果作為出發(fā)點(diǎn)。

STEP 06

接下來改變圖案的色彩，需要運(yùn)用的工具是“重新著色圖稿”工具。在畫板上方的屬性欄里可以找到這個(gè)圖標(biāo)。

然后在工具面板中，對(duì)色彩進(jìn)行重置前，需要去掉需要保留的色彩選項(xiàng)。點(diǎn)擊預(yù)設(shè)選項(xiàng)框右側(cè)的小圖標(biāo)，打開“減低顏色深度選項(xiàng)”的面板，在保留這一系列的勾選中，將默認(rèn)的勾選去掉。否則，你將會(huì)發(fā)現(xiàn)，你無法改變目前的黑色或白色的部分。

STEP 07

在黑色的新建一欄中，調(diào)整下方RGB的滑塊，使其變?yōu)樗{(lán)色，這個(gè)過程即時(shí)就能看到效果。

三、拼接圖案

線條的拼接將會(huì)非常有趣，這一過程需要的是細(xì)致的耐心~

STEP 08

讓我們?cè)诋嫲迳戏皆倮L制出一塊矩形，矩形的大小為703*219px。這個(gè)矩形最好是能容納完整的四根淺藍(lán)色線條。如下圖我們所見。且，這個(gè)矩形一旦繪制完成就不要重新進(jìn)行伸縮，否則它所呈現(xiàn)的線條將無法與原有的線條圖案的線條粗細(xì)保持一致。

STEP 09

選中這一矩形的情況下，進(jìn)入“外觀”面板，在面板中增加新填充，填充為白色。這個(gè)新填充將其移動(dòng)到原有圖案填充之下，作為其背景而存在。（希望大家能在這些操作中理解外觀中的各種填充的用法，在此可以反向思維，如果你需要透明背景的線條圖案，僅僅需要的就是去掉背景即可。）

STEP 10

將我們?cè)?/span>STEP 07中完成的圖案選中后，進(jìn)入外觀面板，確保選中了線條圖案的填充，再進(jìn)入到變換的面板，在面板的角度參數(shù)中設(shè)置為-45°。這時(shí)，線條的方向就會(huì)改變。請(qǐng)記得打開變換時(shí)，依然是確保選中“僅變換圖案”這一選項(xiàng)。

STEP 11

利用同樣的方式來處理STEP 09的小一些的圖案，旋轉(zhuǎn)的角度可設(shè)置為45°。

STEP 12

將小一些的圖案往大的圖案移動(dòng)，使它們能成功“拼接”，拼接一般來說從一個(gè)條邊開始。

改變小的圖案的邊能和大的圖案實(shí)現(xiàn)拼接的方式就是使用直接選擇工具，選中某一條邊（左右或上下的兩個(gè)錨點(diǎn)），然后利用鍵盤進(jìn)行移動(dòng)。

STEP 13

完成整個(gè)的拼接，只需要重復(fù)上述的操作，增加更多的小的圖案就可以了。這一步是自由創(chuàng)作的過程。

可以看到我增加了三個(gè)矩形，這三個(gè)小的矩形，改變了原來的圖案線條的走向。因此形成了視覺上類似迷宮的效果。

最終效果

這是最終的結(jié)果，我把它用在了一副插畫的背景當(dāng)中。

你的線條背景用在了哪里呢？歡迎關(guān)注公眾號(hào)和小編分享~

本文配套的練習(xí)素材請(qǐng)加QQ群：143686347下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號(hào)，隨時(shí)隨地學(xué)習(xí)PS：

相關(guān)推薦：

設(shè)計(jì)就是做巧婦：一張素材也要能做出N種方案

簡(jiǎn)單粗暴，用AI繪制酷炫藝術(shù)字體

超簡(jiǎn)單炫彩抽象線條感海報(bào)

版權(quán)信息：

原標(biāo)題：極簡(jiǎn)迷宮式線條風(fēng)格背景制作

來源： 博客  作者：飛屋睿UIdesign