當(dāng)前位置:首頁(yè)>軟件教程>AI教程>教程內(nèi)容

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)(7)

來(lái)源:公眾號(hào) 作者:野鹿志 學(xué)習(xí):3331人次

@野鹿志: 本篇教程通過(guò)PS和AI制作圓圓圈圈的字母效果海報(bào),這種字母堆疊的效果不是特別難,難得是做出明暗對(duì)比度,教程有些許難度,喜歡挑戰(zhàn)自己的同學(xué)們不妨來(lái)試一下,這種效果充滿(mǎn)設(shè)計(jì)感與視覺(jué)感,同學(xué)們學(xué)會(huì)了可是用處多多,在后期的設(shè)計(jì)中可以用到,具體步驟通過(guò)PS來(lái)學(xué)習(xí)一下吧。

效果圖:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn
www.theoat.com.cn

源文件+視頻://www.theoat.com.cn/photoshop/sucai/2018/k521138.html

操作步驟:

先說(shuō)說(shuō)偏移路徑這個(gè)工具的使用吧,例如我這里打了一個(gè)鹿字:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

現(xiàn)在我們要做一個(gè)大一圈的鹿字,使用等比縮放工具放大10%:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

你會(huì)發(fā)現(xiàn)會(huì)發(fā)生撞車(chē)的情況:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

這是由于等比縮放是針對(duì)字整體的所占面積進(jìn)行縮放,而不是針對(duì)路徑。

所以這里我們需要用到另外一個(gè)功能叫做偏移路徑(對(duì)象-路徑-偏移路徑):

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

偏移路徑這個(gè)功能默認(rèn)是沒(méi)有直接的快捷鍵的,所以如果遇到要做很多層效果,這樣操作未免有點(diǎn)麻煩。

所以可以在編輯-鍵盤(pán)快捷鍵里:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

把偏移路徑設(shè)置為快捷鍵,例如我這里設(shè)置為F9:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

再次操作,這樣就可以很好的讓對(duì)象沿著路徑擴(kuò)大一圈。

并且你也可以選擇連接的方式,至于斜接限制,是用來(lái)控制尖角過(guò)長(zhǎng)的,我們暫時(shí)不用管它:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

好了知道了方法以后,我們來(lái)制作這種圈圈圓圓圈圈的效果,先給個(gè)淺灰的矩形吧:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

選擇合適的字體輸入文字,并且調(diào)整其大小和位置:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

輪廓化以后改變一下字母的形態(tài):

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

快捷鍵調(diào)出偏移路徑命令,偏移5個(gè)px:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

重復(fù)兩次,直到有相交的情況:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

選中對(duì)象,執(zhí)行路徑查找器-輪廓:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

輪廓以后你會(huì)發(fā)現(xiàn)所有的描邊都沒(méi)有了,重新給上描邊的粗細(xì)就可以了,我覺(jué)得2比較合適:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

然后再去分別刪除相交多余的部分,刪完可能你會(huì)發(fā)現(xiàn)接頭處有斷開(kāi),沒(méi)關(guān)系,把描邊的端點(diǎn)改為圓頭就好了:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

接下來(lái)我們選擇最外面的一圈,執(zhí)行對(duì)象-路徑-連接,把他們連接起來(lái):

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

接下來(lái)再繼續(xù)偏移路徑重復(fù)多次,別問(wèn)我為什么不用混合,試過(guò)就知道是不行的。

反正設(shè)置了快捷鍵,操作起來(lái)其實(shí)也很簡(jiǎn)單:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

可以單獨(dú)選中中間的對(duì)象,再偏移-5px:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

這里我覺(jué)得也可以補(bǔ)一下:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

再在中間補(bǔ)一下筆畫(huà):

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

基本上搞成這樣,圈圈圓圓圈圈的效果就做好了:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

接下來(lái)就是在PS里做出那種高光和陰影的立體效果了,用畫(huà)筆畫(huà)我做出來(lái)確實(shí)效果不好。

所以我選擇了另外一種辦法,先將釋放圖層(順序):

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

再將它保存為psd分層文件,之前有分享過(guò)如何保存,這里就不贅述啦:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

打開(kāi)psd文件,可以看到這里有100多個(gè)圖層,別怕,先給其中一個(gè)圖層添加圖層樣式-斜面與浮雕,參數(shù)大家看著來(lái):

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

拷貝圖層樣式:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

按Shift全選所有的圖層批量粘貼圖層樣式,這樣立體感就出來(lái)了:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

接下來(lái)就是新建幾個(gè)透明圖層,把混合模式改為柔光,降低不透明度,用角度漸變工具去拉:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

再加個(gè)蒙板擦一擦吧,說(shuō)實(shí)話我做高光和陰影確實(shí)很水,所以大家按照自己的方法來(lái)就好,別學(xué)我:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn

最后再根據(jù)情況調(diào)個(gè)色,畫(huà)個(gè)邊框,碼字排版導(dǎo)出圖片看看效果吧:

AI海報(bào)教程,用AI制作圓圓圈圈的字母效果海報(bào)_www.theoat.com.cn
www.theoat.com.cn

下面是視頻版:

本文由“野鹿志”發(fā)布

轉(zhuǎn)載前請(qǐng)聯(lián)系馬鹿野郎

私轉(zhuǎn)必究

永遠(yuǎn)保持學(xué)習(xí)的態(tài)度,我們的技術(shù)會(huì)越來(lái)越好,相信同學(xué)們也可以做的更好。

野鹿志

作者公眾號(hào):

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
2018-11-09 05:29
不會(huì)不會(huì)
孤單@[emoji:2163]寂寞2018-11-08 01:01
加油
游客2018-11-08 10:39
很不錯(cuò)
_eNZLLe2018-11-07 01:27
必須支持
玫瑰花2018-11-07 12:05
喜歡
Avril"_?2018-11-06 09:20
藍(lán)木2018-11-05 11:50
加油
宇智波_土豪2018-09-10 01:40
非常棒
揆漾2018-09-10 12:57
賊厲害
熱火永遠(yuǎn)火2018-09-10 10:50
不錯(cuò)不錯(cuò)
花封盡2018-09-10 09:48
太好了,正想找呢
叫我發(fā)財(cái)哥哥2018-09-10 06:02
不會(huì)不會(huì)

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

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