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

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

來源:公眾號 作者:野鹿志 學習:3331人次

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

效果圖:

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn
m.theoat.com.cn

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

操作步驟:

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

偏移路徑這個功能默認是沒有直接的快捷鍵的,所以如果遇到要做很多層效果,這樣操作未免有點麻煩。

所以可以在編輯-鍵盤快捷鍵里:

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

并且你也可以選擇連接的方式,至于斜接限制,是用來控制尖角過長的,我們暫時不用管它:

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

重復兩次,直到有相交的情況:

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

反正設置了快捷鍵,操作起來其實也很簡單:

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

可以單獨選中中間的對象,再偏移-5px:

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

這里我覺得也可以補一下:

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

再在中間補一下筆畫:

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

接下來就是在PS里做出那種高光和陰影的立體效果了,用畫筆畫我做出來確實效果不好。

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

拷貝圖層樣式:

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

再加個蒙板擦一擦吧,說實話我做高光和陰影確實很水,所以大家按照自己的方法來就好,別學我:

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn

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

AI海報教程,用AI制作圓圓圈圈的字母效果海報_m.theoat.com.cn
m.theoat.com.cn

下面是視頻版:

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

轉載前請聯(lián)系馬鹿野郎

私轉必究

永遠保持學習的態(tài)度,我們的技術會越來越好,相信同學們也可以做的更好。

野鹿志

作者公眾號:

學習 · 提示

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

關注大神微博加入>>

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