AI背景教程,配合PS制作條紋背景教程

本篇教程跟大家分享了如何制作條紋背景的方法,主要用到AI和PS兩個工具,適用于廣告背景等地方,希望大家能喜歡本篇條紋背景教程。

先來看看效果:

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn
www.theoat.com.cn

一、制作線條背景

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

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

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

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

這時,讓我們在軟件界面左側(cè)工具欄中找到混合工具,雙擊混合工具的圖標(biāo),將會在畫布上彈出混合選項對話框。

在這里你可以參考我的參數(shù),我對混合間距設(shè)置為指定的間距,間距距離是 20px 。

對于這里的參數(shù)需要加以理解,由于我在之前設(shè)置直線的大小是 5px ,因此,當(dāng)它們間隔時最好是 5 的倍數(shù),最終的效果才會顯得更加自然。

當(dāng)然這樣的造型會顯得比較平穩(wěn),而打破平靜需要更多的加工和構(gòu)思。

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

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

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

二、用線條造型

我們開始進入用線條造型,在前言中,我們提到過,要把每根線條視作一個”點”來進行造型。

那么具體操作是,先要畫出你所要表現(xiàn)的造型線條。你可以使用鋼筆工具,也可以用直線工具。

例如,我在此要做的是字母 “W” 。線條的粗細與背景線條的直線大小一樣為 5px 。

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

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

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

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

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

為了方便我們?yōu)榫條造型“打底”,讓我們把目前所畫的線條全部鎖定(ctrl+2) 。

采用鋼筆工具,關(guān)閉描邊,填充白色,在這個字母的背后,也即兩條線的中間部分填充白色的背景。

然后把白色背景置于線條造型的底部,當(dāng)然是在整個畫布背景之前。

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

再利用鋼筆工具繼續(xù)在白色背景上畫上線條,這里要注意對于線條間距的把握,可以輔助參考線和智能參考線,盡量保持相等的間隔。

而對于線條端點要與背景線條相交時智能參考線會提醒你哪里是【交叉】,因此你只需要在把控整個造型的視覺和諧即可。

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

整個造型還差最后一步了,那就是修剪多余的部分。我們想要讓線條流暢,其中相交的某些部分就不應(yīng)該出現(xiàn)。

這時,我們采用剪刀工具來修剪這部分線條。

在修剪之前,對整個造型的最終 LOOK 要非常清晰,這樣才不會讓自己在這個步驟犯錯。

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

三、填色

讓我們?yōu)槲覀兊淖髌?a href='http://www.theoat.com.cn/photoshop/meihuajiaocheng/shangse/' target='_blank'>上色,這時,我們要注意的就是,首先為條紋背景填色。再來為字母造型填色。

這是前后兩個步驟,而他們的用色方案都必須一致。這樣才能達到整體的和諧。

線條背景的色彩決定了整個作品里線條的顏色,例如,我在此設(shè)定線條為藍色,

與此同時,我們需要畫上一個矩形,鋪滿整個畫布置于底層作為最基礎(chǔ)的黑色背景。

而造型的部分也采用同樣的配色方案。

填色完成后如下。

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

四、PS 潤色

要進入 PS 對圖片進一步加工前,在 AI 中就需要把不同的部分作為不同的圖層分別導(dǎo)入到 PS 。

例如我在這里想要在 “W” 中重疊的部分創(chuàng)造出陰影,那我需要的是把這兩個部分分別導(dǎo)入,作為不同的圖層來處理。

而整個造型也需要陰影,那我也需要把造型和背景分開導(dǎo)入。

而在 AI 軟件中我們就要把這三個部分分別放于不同的畫板,然后把每個畫板的內(nèi)容一一導(dǎo)出即可。

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

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

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

由此開始,潤色的工作就交給 PS 了。通過 AI 中對“形”的塑造,再利用 PS 的美化功能,結(jié)合在一起使用,整個過程非常便利。

例如我要在這里為作品中間的造型增加投影的圖層樣式,讓它具有立體感。圖層樣式的參數(shù)設(shè)置參考如下圖。

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

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

在兩個圖層之間新建一個圖層 shadow ,用大而軟的黑色筆刷對準(zhǔn)他們相疊加的部分涂黑,然后把 shadow 圖層改為正片疊底,透明度降低到 52% 。

做這一步的目的是為了更完善整個造型的投影。

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

最后讓我們把造型與背景層相交匯的部分處理得“順其自然”,怎樣做呢?

我們可以看到這部分經(jīng)過投影后就貌似在浮在表面,這時就需要把它“按”下去。

讓它得以從三維立體的角度看是自然過渡的。

我的解決辦法是這樣的,首先將這兩個圖層都各自復(fù)制一個圖層。然后將復(fù)制層的投影效果關(guān)掉,放置于原圖層下方。

這時我們再在原有圖層上增加蒙版。運用黑色的軟畫筆在你認為“圖案造型應(yīng)該是從背景處伸出來”的部分用畫筆涂黑,

也就是用蒙版去遮住這部分。那么效果就做好了。

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

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn

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

AI背景教程,配合PS制作條紋背景教程_www.theoat.com.cn
www.theoat.com.cn

后記

了解了一種做法,就可以變出成千上萬的做法,這一創(chuàng)作技巧可以用在任何你需要用到線條的地方。

利用表面活動的不同打造出有趣的海報創(chuàng)作,甚至是廣告、LOGO制作。

相信任何人都不會否認,線條是動感十足的元素,而我們這里所述及的線條并非我們理論中的點線面的那個線條,在這里,我們把線條作為一個“點”,

用這個點來連接成線,通過線條形成表面活動,表面活動的特征有助于區(qū)分不同的圖形,就像圖形額輪廓所具有的識別功能一樣。

點是構(gòu)筑這種圖形特征的“磚塊”。成組的點,依據(jù)大小不同、形狀不同和密度分布不同,可產(chǎn)生相異的表面活動。

我們在這里要學(xué)的是用AI制作線條藝術(shù)海報,并利用 PS 繼續(xù)潤色。

AI 中制作矢量線條的便利,對于造型處理要細致,而其中的技巧就需要你沉浸下來認真體驗。

全教程完,學(xué)完記得交作業(yè)。教程對您有所幫助,請推薦給你的朋友。如果學(xué)會了,可以嘗試投稿給我們,跟大家分享你的學(xué)習(xí)經(jīng)驗:http://i.16xx8.com

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

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿教程:http://i.16xx8.com

    勤人劫 說: 精~~~~~~~~~~~~~~~~~~~~
    悠悠灰過 說: 還能這么玩我 好6
    陽光雨珊 說: 新人看看~~~~~~~~~~~~~
    鐘愛一心 說: 講解清晰,贊
    墜落凡間的天使 說: 很厲害喲
    黑發(fā)WQ 說: 謝謝學(xué)習(xí)了。收效好多