網(wǎng)站設(shè)計(jì)面設(shè)計(jì)中是基本的視覺(jué)要素之一,直線能表現(xiàn)理性或現(xiàn)代感,而曲線又能增加感性和柔和,因此,運(yùn)用好不同的線條能變化出數(shù)不清的造型。今天創(chuàng)新互聯(lián)要學(xué)習(xí)一種快速且造型百變的線條藝術(shù)的設(shè)計(jì)技巧。這個(gè)方法非常簡(jiǎn)單,又靈活多變,因此在很多項(xiàng)目中,可以很巧妙的加以運(yùn)用,效果將出乎意料之外。
通過(guò)這篇文章,你能夠?qū)W會(huì):
1、AI中“變換工具”的巧用 2、PS中的漸變配色方法 3、PS中模糊工具的巧用
一、線條藝術(shù)造型
我必須向大家透露:在AI中造型,在PS中上色,這幾乎就是我設(shè)計(jì)時(shí)的一大組合型法寶。特別涉及到線條、形狀、等各種簡(jiǎn)單平面造型時(shí),這一方法絕對(duì)是非常好用的。當(dāng)然,我的意思并不是說(shuō)在AI中就忽略色彩,而是PS能彌補(bǔ)你在AI中配色的遺憾。
STEP 01
造型開(kāi)始,打開(kāi)AI,新建一個(gè)800*600px的文檔。選中多邊形工具,在畫(huà)布上雙擊,并在彈出的對(duì)話框中的“邊數(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)曲線的效果最重要的三個(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)生真正的路徑,因此其形狀外觀上并沒(méi)有發(fā)生變化。而增加了縮放的產(chǎn)數(shù)就不一樣了,你會(huì)看出這些副本在縮放情況下的變化,這種變化是漸變分布的,因此產(chǎn)生出視覺(jué)的韻律。理解了這一道理,我們?cè)僬{(diào)節(jié)產(chǎn)數(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)法,這樣能找出最令人滿意的結(jié)果。
我將我的產(chǎn)數(shù)設(shè)置分享一下,當(dāng)然,這里是可以非常個(gè)性化的,你完全可以慢慢去體會(huì)這些不同的變化,從中挑選更為適合的產(chǎn)數(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
然后為線條增加漸變疊加的圖層樣式,漸變色彩從明快的紅色到黃色。
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í)再利用大而軟的畫(huà)筆進(jìn)行涂抹并繼續(xù)為其增色,而又不影響到背景。涂抹完后,將這個(gè)圖層的圖層樣式改為亮光,透明度降至80%。
最后配上文字和邊框,最終效果完成。
加法or減法
其實(shí)利用這類(lèi)方式,在最初創(chuàng)建圖形的時(shí)候就有非常多的選擇,比如三角形、矩形、圓形的變換。每一種變換都需要大家在變換工具的參數(shù)中不斷進(jìn)行嘗試,就會(huì)發(fā)現(xiàn)很多有趣的造型。
一篇文章是無(wú)法窮盡我們的想象力的,因此我建議大家現(xiàn)在開(kāi)始可以拿出軟件來(lái)試試,嘗試每一個(gè)變換。這就是一個(gè)很好玩的游戲,也是訓(xùn)練自己在設(shè)計(jì)中想象力拓展的方法。大家都遇到過(guò)靈感枯竭的時(shí)候,當(dāng)這個(gè)時(shí)刻來(lái)臨時(shí),尤其是初學(xué)設(shè)計(jì)師,都會(huì)下意識(shí)的去找網(wǎng)絡(luò)上的優(yōu)秀的設(shè)計(jì)作品來(lái)作為參考,我想這只是其中一個(gè)方法,我們姑且把這個(gè)方式叫做靈感枯竭的加法,所謂加法就是,當(dāng)你的大腦無(wú)法給出解決方案時(shí),你采用的是“增加”的方式繼續(xù)向你的大腦輸入新的信息。當(dāng)然,除了加法,我們還有減法,當(dāng)靈感枯竭時(shí),減法的的運(yùn)用就像這樣運(yùn)用線條,不斷變幻造型,讓大腦處于放松的游戲狀態(tài),慢慢清空任務(wù)壓力所帶來(lái)的緊張,就像小朋友玩積木一樣去玩。萬(wàn)花筒、樂(lè)高積木、禪繞畫(huà)……這類(lèi)能讓你進(jìn)入“脫線”狀態(tài)的視覺(jué)游戲?qū)⒊蔀槟阈碌撵`感探索的方式。而且,它們大的好處就是,什么都不用想,就是把大腦關(guān)閉,動(dòng)手開(kāi)始做就行~
本文來(lái)自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:重慶網(wǎng)站建設(shè)公司,成都網(wǎng)頁(yè)設(shè)計(jì)公司,成都網(wǎng)站設(shè)計(jì)公司,網(wǎng)站建設(shè) 成都,成都 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),營(yíng)銷(xiāo)型網(wǎng)站建設(shè),英文網(wǎng)站建設(shè),網(wǎng)站建設(shè)設(shè)計(jì),網(wǎng)站開(kāi)發(fā),品牌網(wǎng)站建設(shè)公司,網(wǎng)站制作設(shè)計(jì)
名稱欄目:如何快速且造型百變的線條藝術(shù)的設(shè)計(jì)技巧
分享鏈接:http://jinyejixie.com/news19/173319.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、網(wǎng)站內(nèi)鏈、網(wǎng)站策劃、定制開(kāi)發(fā)、云服務(wù)器、網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)