更新時(shí)間:2024-06-21
字體幫的各位字友們,大家好,今天我們來分享一個(gè)有趣的2.5D的字效,效果圖如下,請(qǐng)各位先瞅一眼:
這個(gè)字效是在AI中完成的,利用“3D”-“凸出和斜角”做出厚度,把幾個(gè)面區(qū)分連接,再填充圖案,簡(jiǎn)單容易,很快就能出效果!大家跟隨我的節(jié)奏快快學(xué)起來吧!
Step 01 設(shè)計(jì)字形
(1)用“矩形工具”設(shè)計(jì)出字形,為了便于后期制作效果,筆畫要盡量粗些、高些:
(2)把字體殘忍的分成兩部分。畫一條直線,選中字體和直線,“路徑查找器”,執(zhí)行左下角的“分割”:
Step 02 做厚度
(1)分別選中上下部分,執(zhí)行“效果”-“3D”-“凸出和斜角”,設(shè)置如下:
(2)調(diào)整方向和位置,盡量讓連接處大小一樣。這時(shí),執(zhí)行“對(duì)象”-“擴(kuò)展外觀”,右鍵“取消編組”,細(xì)心地調(diào)整對(duì)齊,這一步一定需要點(diǎn)耐心哦:
(3)進(jìn)一步調(diào)整后,選中F字母的上下部分,“形狀生成工具”把正面部分連在一起,并填充不同的顏色區(qū)分,側(cè)面一樣:
(4)有些地方使用“形狀生成工具”不適合,我們可以靈活一點(diǎn),直接用“路徑查找器”-“聯(lián)集”更方便些,比如o字母的側(cè)面可以用這種方法:
(5)亦可以直接用“鋼筆工具”,以這些字母厚度為參考,直接在上面勾勒出來,比如N和T,輕松幾步之后,立體感已經(jīng)逐漸顯現(xiàn)啦!
Step 03 調(diào)整處理細(xì)節(jié)
(1)把厚度調(diào)整得平滑合理些,字母轉(zhuǎn)折的地方處理成圓角,這樣的姿勢(shì)才能更自然耐看:
(2)細(xì)心的我,畫了幾條輔助線,看看哪些地方還不準(zhǔn)確,再優(yōu)化一下下:
(3)全選,添加深色“描邊”,側(cè)面填充更亮的顏色,讓立體感更明顯:
Step 04 添加圖案填充
(1)現(xiàn)在整體比較單調(diào),所以決定給字母的正面加上不同的圖案。以F為例,利用“路徑偏移”,添加一層,然后填充不同的顏色,并調(diào)整錨點(diǎn),增加層次感:
(2)制作填充圖案。先畫個(gè)圓形,填充洋紅色,把這個(gè)圓形拖進(jìn)“色板”:
(3)選中黃色字母F,“外觀”-“添加新填色”,單擊“填色”下拉箭頭,選擇圓形圖案。
(4)如果這不是你想要的效果,那很好辦,在“填色”下拉箭頭,選擇“編輯圖案”-單擊“圖案選項(xiàng)”,可直接調(diào)節(jié)中間藍(lán)色框的圓形大小,間距調(diào)整“寬度”和“高度”,雙擊即可退出:
(5)要改變“填充圖案”的方向,可右鍵,選擇“變換”-“旋轉(zhuǎn)”或者“分別變換”,勾選“變換圖案”。其它字母的填充圖案也是一樣的方法,一會(huì)功夫,五彩斑斕的效果就出來啦!
Step 05 加上投影和小裝飾
(1)o字母是有弧度的,所以這里就直接加上漸變來表達(dá)它的明暗關(guān)系:
(2)幾個(gè)字母之間,有互相遮擋的部分,給它加上投影,最后再加上一些小裝飾,加強(qiáng)一下整體的氛圍感:
最后再加個(gè)深色背景,左瞅瞅右看看,看哪里不爽就再調(diào)整下,效果如下:
最后,簡(jiǎn)單總結(jié)一下下,在這篇教程里,我們主要學(xué)到了兩點(diǎn):
利用“3D”-“凸出和斜角”做立體感的方法;
為筆畫添加不同“填充圖案”的方法;
這兩個(gè)方法,做英文可以,做中文肯定也可以,做logo可以,以后用在版式設(shè)計(jì)中,估計(jì)也會(huì)很有意思!
所以,大家千萬(wàn)不要只把這個(gè)教程當(dāng)成是一個(gè)英文字體的字效教程,一定要活學(xué)活用,想出更多的姿勢(shì),玩出不同的花樣!
會(huì)玩,敢做!才是一枚優(yōu)秀的設(shè)計(jì)師嘛!
記住!
這么簡(jiǎn)單好學(xué)的教程,千萬(wàn)別放在收藏夾吃灰了!
我溜了,下次見哦~
最新文章更多
最新更新
相關(guān)下載
熱門推薦
AI教程:利用3D技巧,輕松打造趣味十足的2.5D立體字效!