線,在平面設(shè)計(jì)中是基本的視覺要素之一,直線能表現(xiàn)理性或現(xiàn)代感,而曲線又能增加感性和柔和,因此,運(yùn)用好不同的線條能變化出數(shù)不清的造型。今天我們要學(xué)習(xí)一種快速且造型百變的線條藝術(shù)的設(shè)計(jì)技巧。這個(gè)方法非常簡(jiǎn)單,又靈活多變,因此在很多項(xiàng)目中,可以很巧妙的加以運(yùn)用,效果將出乎意料之外。
通過這篇文章,你能夠?qū)W會(huì):
1、AI中“變換工具”的巧用 2、PS中的漸變配色方法 3、PS中模糊工具的巧用
一、線條藝術(shù)造型我必須向大家透露:在AI中造型,在PS中上色,這幾乎就是我設(shè)計(jì)時(shí)的一大組合型法寶。特別涉及到線條、形狀、等各種簡(jiǎn)單平面造型時(shí),這一方法絕對(duì)是非常好用的。當(dāng)然,我的意思并不是說在AI中就忽略色彩,而是PS能彌補(bǔ)你在AI中配色的遺憾。
STEP 01造型開始,打開AI,新建一個(gè)800*600px的文檔。選中多邊形工具,在畫布上雙擊,并在彈出的對(duì)話框中的“邊數(shù)”一欄中填入6,這里所填入的邊數(shù)也可以是其他的值,當(dāng)然最后的造型就肯定和這個(gè)教程不太一樣了。熟悉AI工具的同學(xué)可以試試別的邊數(shù)。填充色關(guān)閉,打開描邊,描邊粗細(xì)為1px。
STEP 02選中這個(gè)多邊形的基礎(chǔ)上,進(jìn)入【效果>扭曲和變換>變換】,這時(shí)進(jìn)入到變換效果的參數(shù)面板。
STEP 03魔法時(shí)刻到了!記得一定要在打開的參數(shù)面板左下方勾選“預(yù)覽”,這樣就能看到即時(shí)的效果。 這里需要提前說明的是,設(shè)計(jì)這類曲線的效果最重要的三個(gè)類型的參數(shù),第一個(gè)是縮放的比例,第二個(gè)是旋轉(zhuǎn)的角度,第三個(gè)是副本。通過這三個(gè)參數(shù)的變化就能產(chǎn)生無窮無盡的造型。
這里的縮放比例和副本是一對(duì)必須共存的參數(shù),如果沒有比例的縮放,那么副本填多少都沒有意義,因?yàn)槎喑鰜淼乃^副本(也即是復(fù)制的形狀)是重疊于原有形狀上方,由于變換的效果并沒有產(chǎn)生真正的路徑,因此其形狀外觀上并沒有發(fā)生變化。而增加了縮放的產(chǎn)數(shù)就不一樣了,你會(huì)看出這些副本在縮放情況下的變化,這種變化是漸變分布的,因此產(chǎn)生出視覺的韻律。理解了這一道理,我們?cè)僬{(diào)節(jié)產(chǎn)數(shù)時(shí)就不會(huì)盲目。
你可以試試參數(shù)變化時(shí),看看會(huì)發(fā)生什么?
STEP 04接下是旋轉(zhuǎn)這個(gè)參數(shù),旋轉(zhuǎn)角度是最后設(shè)置的,旋轉(zhuǎn)通常能制造出一種回旋的視覺效果,每旋轉(zhuǎn)一個(gè)角度,就應(yīng)該看看最終的效果,因此我建議大家最好用比較微細(xì)的調(diào)法,這樣能找出最令人滿意的結(jié)果。
我將我的產(chǎn)數(shù)設(shè)置分享一下,當(dāng)然,這里是可以非常個(gè)性化的,你完全可以慢慢去體會(huì)這些不同的變化,從中挑選更為適合的產(chǎn)數(shù)。
STEP 05選中左側(cè)工具欄中的“直接選擇工具”,在每個(gè)錨點(diǎn)處會(huì)出現(xiàn)一個(gè)小小的同心圓圖標(biāo),通過拖動(dòng)這個(gè)小小的圖標(biāo)朝向與角尖相反的方向,就能將直角直接變?yōu)閳A角。
STEP 06你可以繼續(xù)拉大這個(gè)圖形,直到覆蓋整個(gè)畫板,變成為背景圖。根據(jù)項(xiàng)目要求調(diào)整圖形大小是非常重要的,因?yàn)橐坏┻M(jìn)入PS,你將處理的并不是矢量圖形,這意味著你沒有辦法進(jìn)行自由伸縮。
二、光色組合 STEP 07將導(dǎo)出透明背景的PNG圖片加入到PS當(dāng)中,可以在PS中再新建一個(gè)圖層作為背景色。背景色填充為#eefefe。
STEP 08然后為線條增加漸變疊加的圖層樣式,漸變色彩從明快的紅色到黃色。
STEP 09將線條圖層復(fù)制三次,分別對(duì)三個(gè)圖層運(yùn)用高斯模糊,按照?qǐng)D層從上至下排列順序,模糊半徑分別為3、5、8。這樣能制造出一定的光感和空間層次感。
STEP 10再將線條圖層復(fù)制一次(這是第四次復(fù)制了),對(duì)這個(gè)復(fù)制圖層運(yùn)用上動(dòng)感模糊,這是為了進(jìn)一步增加線條朦朧光色感,模糊角度為90,距離為46.
STEP 11最后將線條圖層(以及四個(gè)模糊圖層)合并一組,在該組的上方新建一個(gè)圖層,將其設(shè)定為改組的剪貼蒙板。這時(shí)再利用大而軟的畫筆進(jìn)行涂抹并繼續(xù)為其增色,而又不影響到背景。涂抹完后,將這個(gè)圖層的圖層樣式改為亮光,透明度降至80%。
最后配上文字和邊框,最終效果完成。
加法or減法其實(shí)利用這類方式,在最初創(chuàng)建圖形的時(shí)候就有非常多的選擇,比如三角形、矩形、圓形的變換。每一種變換都需要大家在變換工具的參數(shù)中不斷進(jìn)行嘗試,就會(huì)發(fā)現(xiàn)很多有趣的造型。
一篇文章是無法窮盡我們的想象力的,因此我建議大家現(xiàn)在開始可以拿出軟件來試試,嘗試每一個(gè)變換。這就是一個(gè)很好玩的游戲,也是訓(xùn)練自己在設(shè)計(jì)中想象力拓展的方法。大家都遇到過靈感枯竭的時(shí)候,當(dāng)這個(gè)時(shí)刻來臨時(shí),尤其是初學(xué)設(shè)計(jì)師,都會(huì)下意識(shí)的去找網(wǎng)絡(luò)上的優(yōu)秀的設(shè)計(jì)作品來作為參考,我想這只是其中一個(gè)方法,我們姑且把這個(gè)方式叫做靈感枯竭的加法,所謂加法就是,當(dāng)你的大腦無法給出解決方案時(shí),你采用的是“增加”的方式繼續(xù)向你的大腦輸入新的信息。當(dāng)然,除了加法,我們還有減法,當(dāng)靈感枯竭時(shí),減法的的運(yùn)用就像這樣運(yùn)用線條,不斷變幻造型,讓大腦處于放松的游戲狀態(tài),慢慢清空任務(wù)壓力所帶來的緊張,就像小朋友玩積木一樣去玩。萬花筒、樂高積木、禪繞畫……這類能讓你進(jìn)入“脫線”狀態(tài)的視覺游戲?qū)⒊蔀槟阈碌撵`感探索的方式。而且,它們最大的好處就是,什么都不用想,就是把大腦關(guān)閉,動(dòng)手開始做就行~