(圖文+視頻)Ai教程:那種圈圈圓圓圈圈的字母效果製作方法

(圖文+視頻)Ai教程:那種圈圈圓圓圈圈的字母效果製作方法

來自專欄野鹿志68 人贊了文章

記得很早之前群里有童鞋問過一個問題:

這種字母堆疊的效果說實話,其實做起來並不難。

對於我個人而已,我覺得難點反而是做出它那和諧的明暗對比。

因為本來就不會畫,再加上開始學習C4D後過分依賴燈光,導致我嘗試了很久做出的明暗效果仍然跟shi一樣,也就一直沒有寫成文章。

直到另外一個童鞋提出了問題:

想想Ai的偏移路徑功能也一直沒有分享過,看來有些鹿友工作中還是會遇到這個問題啊!

所以雖然效果不好,我們還是勉強的來分享一下那種圈圈圓圓圈圈的字母效果是如何製作的吧!

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

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

你會發現會發生撞車的情況:

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

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

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

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

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

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

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

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

選擇合適的字體輸入文字,並且調整其大小和位置:

輪廓化以後改變一下字母的形態:

快捷鍵調出偏移路徑命令,偏移5個px:

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

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

輪廓以後你會發現所有的描邊都沒有了,重新給上描邊的粗細就可以了,我覺得2比較合適:

然後再去分別刪除相交多餘的部分,刪完可能你會發現接頭處有斷開,沒關係,把描邊的端點改為圓頭就好了:

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

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

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

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

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

再在中間補一下筆畫:

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

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

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

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

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

拷貝圖層樣式:

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

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

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

最後再根據情況調個色,畫個邊框,碼字排版導出圖片看看效果吧:

嘛,差強人意,希望大家通過本篇分享掌握到偏移路徑的使用方法就好。

下面是視頻版:

https://www.zhihu.com/video/1003967331848114176

好了,今天的分享就到這裡,想要源文件以及原視頻的童鞋後台撩我獲取吧!

更多內容歡迎關注微信公眾號

Keep Curiosity Keep Learning

公眾號ID:yeluzhi666

老鹿微信:maluyelang6666

苦七微信:766057766

本文由「野鹿志」發布

轉載前請聯繫馬鹿野郎

私轉必究

推薦閱讀:

電視櫃設計成這樣,還讓不讓人看電視了?
【大寶】為什麼日本是個值得設計師反覆去旅行的國家(強烈推薦)
75頁PPT神作,全動畫演示!
進門玄關鞋櫃設計

TAG:AdobeIllustrator | 平面設計 | 設計 |