藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)(4)

來源:ifeiwu 作者:飛屋睿UIdesign 學(xué)習(xí):9812人次

今天我們在這里要學(xué)的是用AI制作線條藝術(shù)海報(bào),并利用PS繼續(xù)潤色。AI中制作矢量線條的便利,對于造型處理要細(xì)致,而其中的技巧就需要你沉浸下來認(rèn)真體驗(yàn)。

相信任何人都不會(huì)否認(rèn),線條是動(dòng)感十足的元素,而我們這里所述及的線條并非我們理論中的點(diǎn)線面的那個(gè)線條,在這里,我們把線條作為一個(gè)“點(diǎn)”,用這個(gè)點(diǎn)來連接成線,通過線條形成表面活動(dòng),表面活動(dòng)的特征有助于區(qū)分不同的圖形,就像圖形額輪廓所具有的識別功能一樣。點(diǎn)是構(gòu)筑這種圖形特征的“磚塊”。成組的點(diǎn),依據(jù)大小不同、形狀不同和密度分布不同,可產(chǎn)生相異的表面活動(dòng)。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn
一、制作線條背景

打開AI軟件,新建一個(gè)文檔,文檔大小設(shè)置為1400*1900px。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

利用直線工具,在畫布的左右兩側(cè)分別畫上兩條平行的垂線。兩條線的長度剛好和畫布的高等長。直線大小為5px。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

這時(shí),讓我們在軟件界面左側(cè)工具欄中找到混合工具,雙擊混合工具的圖標(biāo),將會(huì)在畫布上彈出混合選項(xiàng)對話框。在這里你可以參考我的參數(shù),我對混合間距設(shè)置為指定的間距,間距距離是20px。對于這里的參數(shù)需要加以理解,由于我在之前設(shè)置直線的大小是5px,因此,當(dāng)它們間隔時(shí)最好是5的倍數(shù),最終的效果才會(huì)顯得更加自然。當(dāng)然這樣的造型會(huì)顯得比較平穩(wěn),而打破平靜需要更多的加工和構(gòu)思。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

設(shè)置好后點(diǎn)擊確定,然后再選中兩條直線,進(jìn)入【對象>混合>建立】,這時(shí)畫布上的兩條直線就變成了一個(gè)由直線組成的直線背景。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn
二、用線條造型

我們開始進(jìn)入用線條造型,在前言中,我們提到過,要把每根線條視作一個(gè)”點(diǎn)”來進(jìn)行造型。那么具體操作是,先要畫出你所要表現(xiàn)的造型線條。你可以使用鋼筆工具,也可以用直線工具。例如,我在此要做的是字母“W”。線條的粗細(xì)與背景線條的直線大小一樣為5px。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

看起來這一步很簡單,但操作時(shí)需要注意,務(wù)必使每條線條的端點(diǎn)與背景線條相交。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

在與原有線條平行的基礎(chǔ)上再畫上另一根線條,以此作為造型的基礎(chǔ)。當(dāng)然,在端點(diǎn)也需要與原有線條相交。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

為了方便我們?yōu)榫條造型“打底”,讓我們把目前所畫的線條全部鎖定(ctrl+2)。采用鋼筆工具,關(guān)閉描邊,填充白色,在這個(gè)字母的背后,也即兩條線的中間部分填充白色的背景。然后把白色背景置于線條造型的底部,當(dāng)然是在整個(gè)畫布背景之前。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

再利用鋼筆工具繼續(xù)在白色背景上畫上線條,這里要注意對于線條間距的把握,可以輔助參考線和智能參考線,盡量保持相等的間隔。而對于線條端點(diǎn)要與背景線條相交時(shí)智能參考線會(huì)提醒你哪里是【交叉】,因此你只需要在把控整個(gè)造型的視覺和諧即可。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

整個(gè)造型還差最后一步了,那就是修剪多余的部分。我們想要讓線條流暢,其中相交的某些部分就不應(yīng)該出現(xiàn)。這時(shí),我們采用剪刀工具來修剪這部分線條。在修剪之前,對整個(gè)造型的最終LOOK要非常清晰,這樣才不會(huì)讓自己在這個(gè)步驟犯錯(cuò)。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn
三、填色

讓我們?yōu)槲覀兊淖髌飞仙@時(shí),我們要注意的就是,首先為條紋背景填色。再來為字母造型填色。這是前后兩個(gè)步驟,而他們的用色方案都必須一致。這樣才能達(dá)到整體的和諧。

線條背景的色彩決定了整個(gè)作品里線條的顏色,例如,我在此設(shè)定線條為藍(lán)色,與此同時(shí),我們需要畫上一個(gè)矩形,鋪滿整個(gè)畫布置于底層作為最基礎(chǔ)的黑色背景。而造型的部分也采用同樣的配色方案。填色完成后如下。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn
四、PS潤色

要進(jìn)入PS對圖片進(jìn)一步加工前,在AI中就需要把不同的部分作為不同的圖層分別導(dǎo)入到PS。例如我在這里想要在“W”中重疊的部分創(chuàng)造出陰影,那我需要的是把這兩個(gè)部分分別導(dǎo)入,作為不同的圖層來處理。而整個(gè)造型也需要陰影,那我也需要把造型和背景分開導(dǎo)入。而在AI軟件中我們就要把這三個(gè)部分分別放于不同的畫板,然后把每個(gè)畫板的內(nèi)容一一導(dǎo)出即可。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

導(dǎo)出后再用PS軟件打開,大家可以在下圖中看到,圖片從表面看去沒有什么變化,但在圖層面板中已經(jīng)由三個(gè)圖層組成。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

由此開始,潤色的工作就交給PS了。通過AI中對“形”的塑造,再利用PS的美化功能,結(jié)合在一起使用,整個(gè)過程非常便利。例如我要在這里為作品中間的造型增加投影的圖層樣式,讓它具有立體感。圖層樣式的參數(shù)設(shè)置參考如下圖。

在此我增添一點(diǎn)雜色效果的投影,目的是為了渲染一種更加逼真的氣氛。對于造型的左右兩個(gè)V,要確定好他們的疊放層次。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

在兩個(gè)圖層之間新建一個(gè)圖層shadow,用大而軟的黑色筆刷對準(zhǔn)他們相疊加的部分涂黑,然后把shadow圖層改為正片疊底,透明度降低到52%。做這一步的目的是為了更完善整個(gè)造型的投影。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

最后讓我們把造型與背景層相交匯的部分處理得“順其自然”,怎樣做呢?我們可以看到這部分經(jīng)過投影后就貌似在浮在表面,這時(shí)就需要把它“按”下去。讓它得以從三維立體的角度看是自然過渡的。

我的解決辦法是這樣的,首先將這兩個(gè)圖層都各自復(fù)制一個(gè)圖層。然后將復(fù)制層的投影效果關(guān)掉,放置于原圖層下方。這時(shí)我們再在原有圖層上增加蒙版。運(yùn)用黑色的軟畫筆在你認(rèn)為“圖案造型應(yīng)該是從背景處伸出來”的部分用畫筆涂黑,也就是用蒙版去遮住這部分。那么效果就做好了。

下面白色橢圓線標(biāo)出的部分即為我在蒙版上涂抹黑色部分。

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

接下來大家可以任意發(fā)揮自己想象增加其他的視覺效果。最終效果如下:

藝術(shù)海報(bào),設(shè)計(jì)藝術(shù)條紋海報(bào)_theoat.com.cn

后記

了解了一種做法,就可以變出成千上萬的做法,這一創(chuàng)作技巧可以用在任何你需要用到線條的地方。利用表面活動(dòng)的不同打造出有趣的海報(bào)創(chuàng)作,甚至是廣告、LOGO制作。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
閡畏蹤672015-10-29 09:25
博主辛苦了,非常感謝!
性感不是騷2015-10-10 02:06
<疑問>

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!