AI背景教程，配合PS制作條紋背景教程(4)

本篇教程跟大家分享了如何制作條紋背景的方法，主要用到AI和PS兩個(gè)工具，適用于廣告背景等地方，希望大家能喜歡本篇條紋背景教程。

先來(lái)看看效果：

www.theoat.com.cn

一、制作線(xiàn)條背景

打開(kāi)AI軟件，新建一個(gè)文檔，文檔大小設(shè)置為 1400*1900px 。

利用直線(xiàn)工具，在畫(huà)布的左右兩側(cè)分別畫(huà)上兩條平行的垂線(xiàn)。兩條線(xiàn)的長(zhǎng)度剛好和畫(huà)布的高等長(zhǎng)。直線(xiàn)大小為 5px 。

這時(shí)，讓我們?cè)谲浖�界面左�?cè)工具欄中找到混合工具，雙擊混合工具的圖標(biāo)，將會(huì)在畫(huà)布上彈出混合選項(xiàng)對(duì)話(huà)框。

在這里你可以參考我的參數(shù)，我對(duì)混合間距設(shè)置為指定的間距，間距距離是 20px 。

對(duì)于這里的參數(shù)需要加以理解，由于我在之前設(shè)置直線(xiàn)的大小是 5px ，因此，當(dāng)它們間隔時(shí)最好是 5 的倍數(shù)，最終的效果才會(huì)顯得更加自然。

當(dāng)然這樣的造型會(huì)顯得比較平穩(wěn)，而打破平靜需要更多的加工和構(gòu)思。

設(shè)置好后點(diǎn)擊確定，然后再選中兩條直線(xiàn)，進(jìn)入【對(duì)象>混合>建立】，這時(shí)畫(huà)布上的兩條直線(xiàn)就變成了一個(gè)由直線(xiàn)組成的直線(xiàn)背景。

二、用線(xiàn)條造型

我們開(kāi)始進(jìn)入用線(xiàn)條造型，在前言中，我們提到過(guò)，要把每根線(xiàn)條視作一個(gè)”點(diǎn)”來(lái)進(jìn)行造型。

那么具體操作是，先要畫(huà)出你所要表現(xiàn)的造型線(xiàn)條。你可以使用鋼筆工具，也可以用直線(xiàn)工具。

例如，我在此要做的是字母 “W” 。線(xiàn)條的粗細(xì)與背景線(xiàn)條的直線(xiàn)大小一樣為 5px 。

看起來(lái)這一步很簡(jiǎn)單，但操作時(shí)需要注意，務(wù)必使每條線(xiàn)條的端點(diǎn)與背景線(xiàn)條相交。

在與原有線(xiàn)條平行的基礎(chǔ)上再畫(huà)上另一根線(xiàn)條，以此作為造型的基礎(chǔ)。當(dāng)然，在端點(diǎn)也需要與原有線(xiàn)條相交。

為了方便我們?yōu)榫�(xiàn)條造型“打底”，讓我們把目前所畫(huà)的線(xiàn)條全部鎖定（ctrl+2） 。

采用鋼筆工具，關(guān)閉描邊，填充白色，在這個(gè)字母的背后，也即兩條線(xiàn)的中間部分填充白色的背景。

然后把白色背景置于線(xiàn)條造型的底部，當(dāng)然是在整個(gè)畫(huà)布背景之前。

再利用鋼筆工具繼續(xù)在白色背景上畫(huà)上線(xiàn)條，這里要注意對(duì)于線(xiàn)條間距的把握，可以輔助參考線(xiàn)和智能參考線(xiàn)，盡量保持相等的間隔。

而對(duì)于線(xiàn)條端點(diǎn)要與背景線(xiàn)條相交時(shí)智能參考線(xiàn)會(huì)提醒你哪里是【交叉】，因此你只需要在把控整個(gè)造型的視覺(jué)和諧即可。

整個(gè)造型還差最后一步了，那就是修剪多余的部分。我們想要讓線(xiàn)條流暢，其中相交的某些部分就不應(yīng)該出現(xiàn)。

這時(shí)，我們采用剪刀工具來(lái)修剪這部分線(xiàn)條。

在修剪之前，對(duì)整個(gè)造型的最終 LOOK 要非常清晰，這樣才不會(huì)讓自己在這個(gè)步驟犯錯(cuò)。

三、填色

讓我們?yōu)槲覀兊淖髌飞仙�，這時(shí)，我們要注意的就是，首先為條紋背景填色。再來(lái)為字母造型填色。

這是前后兩個(gè)步驟，而他們的用色方案都必須一致。這樣才能達(dá)到整體的和諧。

線(xiàn)條背景的色彩決定了整個(gè)作品里線(xiàn)條的顏色，例如，我在此設(shè)定線(xiàn)條為藍(lán)色，

與此同時(shí)，我們需要畫(huà)上一個(gè)矩形，鋪滿(mǎn)整個(gè)畫(huà)布置于底層作為最基礎(chǔ)的黑色背景。

而造型的部分也采用同樣的配色方案。

填色完成后如下。

四、PS 潤(rùn)色

要進(jìn)入 PS 對(duì)圖片進(jìn)一步加工前，在 AI 中就需要把不同的部分作為不同的圖層分別導(dǎo)入到 PS 。

例如我在這里想要在 “W” 中重疊的部分創(chuàng)造出陰影，那我需要的是把這兩個(gè)部分分別導(dǎo)入，作為不同的圖層來(lái)處理。

而整個(gè)造型也需要陰影，那我也需要把造型和背景分開(kāi)導(dǎo)入。

而在 AI 軟件中我們就要把這三個(gè)部分分別放于不同的畫(huà)板，然后把每個(gè)畫(huà)板的內(nèi)容一一導(dǎo)出即可。

導(dǎo)出后再用 PS 軟件打開(kāi)，大家可以在下圖中看到，圖片從表面看去沒(méi)有什么變化，但在圖層面板中已經(jīng)由三個(gè)圖層組成。

由此開(kāi)始，潤(rùn)色的工作就交給 PS 了。通過(guò) AI 中對(duì)“形”的塑造，再利用 PS 的美化功能，結(jié)合在一起使用，整個(gè)過(guò)程非常便利。

例如我要在這里為作品中間的造型增加投影的圖層樣式，讓它具有立體感。圖層樣式的參數(shù)設(shè)置參考如下圖。

在此我增添一點(diǎn)雜色效果的投影，目的是為了渲染一種更加逼真的氣氛。對(duì)于造型的左右兩個(gè) V ，要確定好他們的疊放層次。

在兩個(gè)圖層之間新建一個(gè)圖層 shadow ，用大而軟的黑色筆刷對(duì)準(zhǔn)他們相疊加的部分涂黑，然后把 shadow 圖層改為正片疊底，透明度降低到 52% 。

做這一步的目的是為了更完善整個(gè)造型的投影。

最后讓我們把造型與背景層相交匯的部分處理得“順其自然”，怎樣做呢？

我們可以看到這部分經(jīng)過(guò)投影后就貌似在浮在表面，這時(shí)就需要把它“按”下去。

讓它得以從三維立體的角度看是自然過(guò)渡的。

我的解決辦法是這樣的，首先將這兩個(gè)圖層都各自復(fù)制一個(gè)圖層。然后將復(fù)制層的投影效果關(guān)掉，放置于原圖層下方。

這時(shí)我們?cè)僭谠�有圖層上增加蒙版。運(yùn)用黑色的軟畫(huà)筆在你認(rèn)為“圖案造型應(yīng)該是從背景處伸出來(lái)”的部分用畫(huà)筆涂黑，

也就是用蒙版去遮住這部分。那么效果就做好了。

下面白色橢圓線(xiàn)標(biāo)出的部分即為我在蒙版上涂抹黑色部分。

接下來(lái)大家可以任意發(fā)揮自己想象增加其他的視覺(jué)效果。最終效果如下：

www.theoat.com.cn

后記

了解了一種做法，就可以變出成千上萬(wàn)的做法，這一創(chuàng)作技巧可以用在任何你需要用到線(xiàn)條的地方。

利用表面活動(dòng)的不同打造出有趣的海報(bào)創(chuàng)作，甚至是廣告、LOGO制作。

相信任何人都不會(huì)否認(rèn)，線(xiàn)條是動(dòng)感十足的元素，而我們這里所述及的線(xiàn)條并非我們理論中的點(diǎn)線(xiàn)面的那個(gè)線(xiàn)條，在這里，我們把線(xiàn)條作為一個(gè)“點(diǎn)”，

用這個(gè)點(diǎn)來(lái)連接成線(xiàn)，通過(guò)線(xiàn)條形成表面活動(dòng)，表面活動(dòng)的特征有助于區(qū)分不同的圖形，就像圖形額輪廓所具有的識(shí)別功能一樣。

點(diǎn)是構(gòu)筑這種圖形特征的“磚塊”。成組的點(diǎn)，依據(jù)大小不同、形狀不同和密度分布不同，可產(chǎn)生相異的表面活動(dòng)。

我們?cè)谶@里要學(xué)的是用AI制作線(xiàn)條藝術(shù)海報(bào)，并利用 PS 繼續(xù)潤(rùn)色。

AI 中制作矢量線(xiàn)條的便利，對(duì)于造型處理要細(xì)致，而其中的技巧就需要你沉浸下來(lái)認(rèn)真體驗(yàn)。