(圖文+視訊)Ai+Ps野教程:那種似八非八的效果製作思路

確實有很久沒寫過平面的內容了,久到自己都快不會了,很多鹿友也在抱怨為什麼老是C4D。
主要最近一直在學,讓我又分心來寫一篇Ai或者Ps的內容感覺完全沒思路。
但大家有要求我還是儘可能的做到吧,所以今天來強擼一篇平面的內容吧,先看問題:

這個是Adobe Animate CC 2019的啟動介面麼?它在視覺上給人呈現的效果就是小圖看起來是一個數字8,放大以後好像又不太像的感覺。
我嘗試了一下其實只是運用了一個小技巧而已,原理我不清楚,但是方法應該是對的。
當然原圖應該還涉及到字型的設計,由於我不是設計師,所以字型的修改方面我就瞎糊弄了。
來吧,讓我們看看那種遠看像8近看又不太像8的效果製作思路是怎麼樣的吧!

開啟Ai,新建畫板,然後用矩形工具畫一個矩形,暫時給一個描邊色吧,只是用於方便觀察:

複製出多個矩形出來,這一步不用說吧,最好是奇數個,這樣的話後面做起來對稱的效果我個人覺得會比較好一點:

把這些矩形組複製出來一份放到一邊後面用,然後選擇一個合適的字型輪廓化以後調整其尺寸以及位置。
原圖我確實不知道用的什麼字型,我這裡就用常見的微軟雅黑粗體吧:

選擇畫板上的數字和矩形組,執行路徑查詢器-分割:

取消編組以後,可以先用魔棒工具選擇畫板上的背景矩形組刪掉:

然後再次把剛才複製出來的矩形組放到畫板上鎖定充當背景和參考:

框選數字8的一半刪掉:

以每一個矩形為單位將分割出來的圖形進行垂直對稱:

弄完以後大概這個樣子,最中間的就不用進行對稱處理了:

其實這個時候我如果把數字的對稱後的部分用映象工具垂直複製拼合起來,就已經完成了遠看是數字近看不太像的視覺效果了。
我覺得原圖應該就是運用了這個小技巧,其實很簡單吧:

後面就是進行一些字型的調整了,相信會字型設計的鹿友應該比我更擅長幹這個活。
原圖中的數字兩頭尖尖的效果你可以一點點的去調整錨點,但是我覺得蠻不好控制手柄的,我這裡用的效果-變形-魚形:

同樣還是以每一個矩形為單位來執行魚形工具吧,引數大家看著效果來搞就好:

弄完以後大概這樣,當然還沒有完,你可能會發現有些地方不夠圓潤:

這個時候我們就需要選擇物件進行調整。
先將物件進行擴充套件,然後用平滑工具去盤一下錨點,使其圓潤一點。
嘛~也是比較麻煩,但總的來說我覺得比調整手柄要好一些:

盤完以後大概這樣吧:

中間的物件我直接給了一個風格化-圓角,引數大家看著辦就好:

下面再用映象工具垂直複製拼合出另外一半,這一步不用多說吧:

感覺差不多了,就可以取消背景的鎖定,然後把描邊取消掉。
由於我們後面要到PS裡去操作,所以切記畫板中不要有編組哦:

圖層面板中先釋放:

然後另存為psd檔案:

下面就是在PS裡操作啦,先簡單的對背景和數字分組處理一下,這一步不用說吧:

下面就是給背景新增圖層樣式了,這一步確實沒啥可說的,就是看著效果去搞引數。
如圖所示我分別添加了斜面和浮雕、內發光以及投影:

再把圖層樣式複製給其他的背景矩形:

上方的數字我同樣是給了一個斜面與浮雕的圖層樣式:

然後把他複製給了其他的物件圖層:

也可以蓋印出來一個略微的調色一下啥的,這個看個人吧:

最後老三樣看看效果吧:

嘛~方法大概是這個樣子,會字型設計的鹿友希望你們能做得更好哦!下面是今天的視訊版:
Ai+Ps教程:那種似八非八的效果製作思路_騰訊視訊
好啦,今天的分享就到這裡,想要原始檔以及原視訊的童鞋後臺 撩我 獲取吧!
更多內容歡迎關注公眾號:
本文由“野鹿志”釋出
轉載前請聯絡馬鹿野郎
私轉必究