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

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

效果圖：

m.tgudhdp.cn

操作步驟：

STEP 01

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

STEP 02

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

STEP 03

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

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

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

STEP 04

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

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

STEP 05

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

STEP 06

你可以繼續(xù)拉大這個圖形，直到覆蓋整個畫板，變成為背景圖。根據(jù)項目要求調(diào)整圖形大小是非常重要的，因為一旦進入 PS ，你將處理的并不是矢量圖形，這意味著你沒有辦法進行自由伸縮。

STEP 07

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

STEP 08

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

STEP 09

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

再將線條圖層復(fù)制一次（這是第四次復(fù)制了），對這個復(fù)制圖層運用上動感模糊，這是為了進一步增加線條朦朧光色感，模糊角度為 90 ，距離為 46 .

STEP 11

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

完成：

制作的時候注意AI和PS中的操作就可以了，整體還是比較簡單的，只要肯動手就都不是難事。