使用Photoshop結(jié)合illustrator設(shè)計創(chuàng)意的漸變色彩藝術(shù)線條圖形。線在平面設(shè)計中是基本的視覺要素之一，直線能表現(xiàn)理性或現(xiàn)代感，而曲線又能增加感性和柔和，因此，運用好不同的線條能變化出數(shù)不清的造型。今天我們要學(xué)習(xí)一種快速且造型百變的線條藝術(shù)的設(shè)計技巧。這個方法非常簡單，又靈活多變，因此在很多項目中，可以很巧妙的加以運用，效果將出乎意料之外。

效果圖:

通過這篇文章，你能夠?qū)W會：

1、AI中“變換工具”的巧用 2、PS中的漸變配色方法 3、PS中模糊工具的巧用

主要過程：

一、線條藝術(shù)造型

我必須向大家透露：在AI中造型，在PS中上色，這幾乎就是我設(shè)計時的一大組合型法寶。特別涉及到線條、形狀、等各種簡單平面造型時，這一方法絕對是非常好用的。當(dāng)然，我的意思并不是說在AI中就忽略色彩，而是PS能彌補(bǔ)你在AI中配色的遺憾。

STEP 01

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

STEP 02

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

STEP 03

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

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

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

STEP 04

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

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

STEP 05

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

STEP 06

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

二、光色組合

STEP 07

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

STEP 08

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

STEP 09

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

STEP 10

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

STEP 11

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

最后配上文字和邊框，最終效果完成。

加法or減法

其實利用這類方式，在最初創(chuàng)建圖形的時候就有非常多的選擇，比如三角形、矩形、圓形的變換。每一種變換都需要大家在變換工具的參數(shù)中不斷進(jìn)行嘗試，就會發(fā)現(xiàn)很多有趣的造型。

一篇文章是無法窮盡我們的想象力的，因此我建議大家現(xiàn)在開始可以拿出軟件來試試，嘗試每一個變換。這就是一個很好玩的游戲，也是訓(xùn)練自己在設(shè)計中想象力拓展的方法。大家都遇到過靈感枯竭的時候，當(dāng)這個時刻來臨時，尤其是初學(xué)設(shè)計師，都會下意識的去找網(wǎng)絡(luò)上的優(yōu)秀的設(shè)計作品來作為參考，我想這只是其中一個方法，我們姑且把這個方式叫做靈感枯竭的加法，所謂加法就是，當(dāng)你的大腦無法給出解決方案時，你采用的是“增加”的方式繼續(xù)向你的大腦輸入新的信息。當(dāng)然，除了加法，我們還有減法，當(dāng)靈感枯竭時，減法的的運用就像這樣運用線條，不斷變幻造型，讓大腦處于放松的游戲狀態(tài)，慢慢清空任務(wù)壓力所帶來的緊張，就像小朋友玩積木一樣去玩。萬花筒、樂高積木、禪繞畫……這類能讓你進(jìn)入“脫線”狀態(tài)的視覺游戲?qū)⒊蔀槟阈碌撵`感探索的方式。而且，它們最大的好處就是，什么都不用想，就是把大腦關(guān)閉，動手開始做就行。

教程結(jié)束，以上就是PS+AI設(shè)計創(chuàng)意的漸變色彩藝術(shù)線條圖形教程的全部內(nèi)容，希望大家喜歡！

相關(guān)教程推薦：

ps怎么怎么提取圖片中人物線條輪廓?

怎樣把圖片變成線條?CDR將照片變線條的三種方法

AI怎么設(shè)計一款簡單的線條文字效果?