Low Poly風(fēng)格,已經(jīng)火了挺長時(shí)間了,從平面設(shè)計(jì)到PPT制作,從影像畫面到字體設(shè)計(jì),隨處可見,大行其道之勢(shì)未見絲毫銳減。往日,我們看到最多的就是如何做這種效果,那今天阿隨君來分享的是與其搭配的字體設(shè)計(jì),以Adamas字體為首的一批英文字的出現(xiàn),讓“連線字”風(fēng)格的字體成了Low Poly的標(biāo)配,然而,中文字體在這方面的缺失,略有遺憾。既然沒有專有字體,那就干脆自己動(dòng)手,豐衣足食,三下五除二,設(shè)計(jì)連線中文字好啦。
字體,是一種精氣神,很多時(shí)候也是一份“門面”,所以海報(bào)上的主標(biāo)題、PPT的封面字等都是非常重要的設(shè)計(jì)元素。為Low Poly風(fēng)格搭配字體這件事,本來老外們?cè)缫涯θ琳瞥隽撕脦滋鬃煮w來配,在視覺表現(xiàn)上,這些設(shè)計(jì)達(dá)人紛紛選擇了“連線字”,即是每個(gè)字都有N多線條連接、纏繞所構(gòu)成,以至于字體的“線”與Low Poly的“面”在幾何學(xué)上達(dá)成了和諧。
然而,畢竟大多時(shí)候我們需要的不僅是英文字體,更多時(shí)候還是中文字體,就如下面這段對(duì)話,中文連線字也是有需求的啊。
在開始教程之前,一大波中文連線字正在“秀曬炫”,先來一睹為快吧。
那上述三個(gè)案例中的連線效果,究竟是如何做到的呢?Duang,答案很簡單,就是用AE中的一款知名第三方插件“Plexus”(不認(rèn)識(shí)的,推薦度娘一下好處多)。小伙伴們可能會(huì)奇怪,AE不是做視頻特效的嗎?對(duì),沒錯(cuò),但是它還有一個(gè)當(dāng)仁不讓的江湖綽號(hào)——會(huì)動(dòng)的PS,所以用它來做平面那也是手到擒來的,所以閑言咱少敘,教程見真章,走起。
前方高能教程
Step 1.新建合成
新建合成,名稱隨意如我這里叫做“連線字教程”,大小根據(jù)自己的需求設(shè)定、本教程設(shè)定為430*430、背景顏色啥的都無所謂,確定即可。導(dǎo)入一張low poly效果的圖片做字體背景,操作方法可以是點(diǎn)擊菜單欄的文件>導(dǎo)入>文件來做,也可以直接將圖片拖拽到項(xiàng)目面板。打開合成,把剛才的low poly圖拖入到合成中,縮放到合適大小即可。
Step 2 .輸入文字
選擇文字工具,輸入需要設(shè)計(jì)的文字比如“連線字”,選擇合適的字體和大小,如圖所示為本教程的參數(shù)。PS:再說一下,參數(shù)的問題,希望教程展示給大家的是想法,參數(shù)其實(shí)都是根據(jù)想要的效果調(diào)整出來的,所以大家不必拘泥于參數(shù),盡管大膽地嘗試就是了。
Step 3.添加Plexus效果
選中文字“連線字”圖層的基礎(chǔ)上,添加Plexus效果。方法既可以從菜單欄的“效果”中找到該特效,如圖所示;也可以直接在“效果和預(yù)設(shè)”面板上,搜索到該特效,然后直接拖拽到圖層上或直接雙擊該特效。PS:此步驟中前提是一定要選中文字圖層哈。添加完之后,發(fā)現(xiàn)文字不見了,別著急,下一步就讓它以連線字的形態(tài)出來。
Step 4.設(shè)置效果
把視線轉(zhuǎn)移到“效果控件”面板上來,Plexus特效初始狀態(tài)如下圖1分三個(gè)字特效。該教程中,主要由子特效Plexus Toolkit來延伸完成。首先,在參數(shù)Add Geometry下,點(diǎn)擊右側(cè)倒三角,在下拉菜單中選擇Path(因?yàn)樽煮w屬于路徑類,所以這里是選擇Path),馬上就在面板上多了一個(gè)Plexus Path Object子特效。其次,回到Plexus Toolkit,然后在Add Renderer上添加line,面板上又多了Plexus Lines Renderer子特效。這個(gè)時(shí)候,連線字效果已經(jīng)初見效果。PS:雖然文字?jǐn)⑹銎饋砗芏啵珜?shí)際上才進(jìn)行了四次點(diǎn)擊即完成了效果。
Step 5.細(xì)節(jié)調(diào)整
進(jìn)行微調(diào),完善連線效果。在Plexus Lines Renderer特效這里,可以對(duì)連線效果進(jìn)行調(diào)試,常用的三個(gè)參數(shù)是Max No.of Vertices to(數(shù)字越大線條越多,反之亦反)、Maximum Distance(線條距離的,在這個(gè)尺寸效果表現(xiàn)并不明顯)、Line Thickness(線條寬度,數(shù)越大線越寬),本案例參數(shù)設(shè)置如圖所示。依然其實(shí)只動(dòng)了兩個(gè)參數(shù),動(dòng)了兩下鼠標(biāo)。
Step 6.設(shè)置顏色
其他效果,比如修改字體顏色。點(diǎn)開Plexus Path Object,選擇Color參數(shù),彈出的色板上選擇想要的顏色即可。
Step 7.保存
Ctrl+Alt+S,保存成圖片即可。PS:可以把開頭的背景圖關(guān)閉,然后顯示透明圖層,渲染時(shí)打開阿爾法通道即可保存帶透明背景的png圖層,然后應(yīng)用到PPT中或者其他需要的地方即可。比如下面這種簡單粗暴好用的示例。
來一波英文連線字欣賞
以下三款英文字體,喜歡的小伙伴歡迎到以下地址自取哦,么么噠,記得給阿隨君的文章多多點(diǎn)贊哦
鏈接:http://pan.baidu.com/s/1b0LDqI 密碼:t64h
Adamas字體,By Octavian Belintan
Polya字體,By Designer Graphique
細(xì)心的小伙伴可能發(fā)現(xiàn)了,上面這兩種字體都只有大寫字母,這在使用上就限制了范圍了啊,腫么辦呢,人家在正文部分有時(shí)候也想用一下嘛,又不能一直是大寫字母?是的,完全不用焦慮,來自印度的設(shè)計(jì)師Arvind Kumar也在Behance上分享了自己的免費(fèi)字體Aroly,快來看看吧。
Aroly,By Arvind Kumar
OK,這篇文章就到這里了,歡迎留言跟阿隨君交流溝通哦,么么噠。
我就是那個(gè)愛折騰軟件的策劃君阿隨,沒事搞搞視頻、聽聽Nirvana、讀讀陶淵明、看看戈達(dá)爾,生活就很美好。
如果喜歡這篇文章,賣萌求點(diǎn)贊求支持哦,么么噠。