線(xiàn)型圖案，用PS+AI制作漸變色線(xiàn)條(4)

本篇教程通過(guò)PS和AI制作漸變色線(xiàn)條圖案，線(xiàn)在設(shè)計(jì)中是基本的視覺(jué)要素，直線(xiàn)又有一種現(xiàn)代感，曲線(xiàn)相對(duì)柔和，各種不同的線(xiàn)條可以變化出不同的造型，本篇我們要學(xué)習(xí)一種快速且多變的線(xiàn)條藝術(shù)設(shè)計(jì)，步驟很簡(jiǎn)單，教程中我們要熟悉AI中的變換工具和PS中的漸變色配色等，通過(guò)教程來(lái)學(xué)習(xí)一下吧。

效果圖：

www.theoat.com.cn

操作步驟：

STEP 01

造型開(kāi)始，打開(kāi) A I，新建一個(gè) 800*600px 的文檔。選中多邊形工具，在畫(huà)布上雙擊，并在彈出的對(duì)話(huà)框中的“邊數(shù)”一欄中填入 6 ，這里所填入的邊數(shù)也可以是其他的值，當(dāng)然最后的造型就肯定和這個(gè)教程不太一樣了。熟悉 AI工具的同學(xué)可以試試別的邊數(shù)。填充色關(guān)閉，打開(kāi)描邊，描邊粗細(xì)為 1px 。

STEP 02

選中這個(gè)多邊形的基礎(chǔ)上，進(jìn)入【效果>扭曲和變換>變換】，這時(shí)進(jìn)入到變換效果的參數(shù)面板。

STEP 03

魔法時(shí)刻到了！記得一定要在打開(kāi)的參數(shù)面板左下方勾選“預(yù)覽”，這樣就能看到即時(shí)的效果。 這里需要提前說(shuō)明的是，設(shè)計(jì)這類(lèi)曲線(xiàn)的效果最重要的三個(gè)類(lèi)型的參數(shù)，第一個(gè)是縮放的比例，第二個(gè)是旋轉(zhuǎn)的角度，第三個(gè)是副本。通過(guò)這三個(gè)參數(shù)的變化就能產(chǎn)生無(wú)窮無(wú)盡的造型。

這里的縮放比例和副本是一對(duì)必須共存的參數(shù)，如果沒(méi)有比例的縮放，那么副本填多少都沒(méi)有意義，因?yàn)槎喑鰜?lái)的所謂副本（也即是復(fù)制的形狀）是重疊于原有形狀上方，由于變換的效果并沒(méi)有產(chǎn)生真正的路徑，因此其形狀外觀(guān)上并沒(méi)有發(fā)生變化。而增加了縮放的參數(shù)就不一樣了，你會(huì)看出這些副本在縮放情況下的變化，這種變化是漸變分布的，因此產(chǎn)生出視覺(jué)的韻律。理解了這一道理，我們?cè)僬{(diào)節(jié)參數(shù)時(shí)就不會(huì)盲目。

你可以試試參數(shù)變化時(shí)，看看會(huì)發(fā)生什么？

STEP 04

接下是旋轉(zhuǎn)這個(gè)參數(shù)，旋轉(zhuǎn)角度是最后設(shè)置的，旋轉(zhuǎn)通常能制造出一種回旋的視覺(jué)效果，每旋轉(zhuǎn)一個(gè)角度，就應(yīng)該看看最終的效果，因此我建議大家最好用比較微細(xì)的調(diào)法，這樣能找出最令人滿(mǎn)意的結(jié)果。

我將我的參數(shù)設(shè)置分享一下，當(dāng)然，這里是可以非常個(gè)性化的，你完全可以慢慢去體會(huì)這些不同的變化，從中挑選更為適合的參數(shù)。

STEP 05

選中左側(cè)工具欄中的“直接選擇工具”，在每個(gè)錨點(diǎn)處會(huì)出現(xiàn)一個(gè)小小的同心圓圖標(biāo)，通過(guò)拖動(dòng)這個(gè)小小的圖標(biāo)朝向與角尖相反的方向，就能將直角直接變?yōu)閳A角。

STEP 06

你可以繼續(xù)拉大這個(gè)圖形，直到覆蓋整個(gè)畫(huà)板，變成為背景圖。根據(jù)項(xiàng)目要求調(diào)整圖形大小是非常重要的，因?yàn)橐坏┻M(jìn)入 PS ，你將處理的并不是矢量圖形，這意味著你沒(méi)有辦法進(jìn)行自由伸縮。

STEP 07

將導(dǎo)出透明背景的 PNG 圖片加入到 PS 當(dāng)中，可以在 PS 中再新建一個(gè)圖層作為背景色。背景色填充為 #eefefe 。

STEP 08

然后為線(xiàn)條增加漸變疊加的圖層樣式，漸變色彩從明快的紅色到黃色。

STEP 09

將線(xiàn)條圖層復(fù)制三次，分別對(duì)三個(gè)圖層運(yùn)用高斯模糊，按照?qǐng)D層從上至下排列順序，模糊半徑分別為 3、5、8 。這樣能制造出一定的光感和空間層次感。

再將線(xiàn)條圖層復(fù)制一次（這是第四次復(fù)制了），對(duì)這個(gè)復(fù)制圖層運(yùn)用上動(dòng)感模糊，這是為了進(jìn)一步增加線(xiàn)條朦朧光色感，模糊角度為 90 ，距離為 46 .

STEP 11

最后將線(xiàn)條圖層（以及四個(gè)模糊圖層）合并一組，在該組的上方新建一個(gè)圖層，將其設(shè)定為改組的剪貼蒙板。這時(shí)再利用大而軟的畫(huà)筆進(jìn)行涂抹并繼續(xù)為其增色，而又不影響到背景。涂抹完后，將這個(gè)圖層的圖層樣式改為亮光，透明度降至 80% 。

完成：

制作的時(shí)候注意AI和PS中的操作就可以了，整體還是比較簡(jiǎn)單的，只要肯動(dòng)手就都不是難事。