快速制作Low Poly风格的中文连线字,以及英文字体素材包

Low Poly风格,已经火了挺长时间了,从平面设计到PPT制作,从影像画面到字体设计,随处可见,大行其道之势未见丝毫锐减。往日,我们看到最多的就是如何做这种效果,那今天阿随君来分享的是与其搭配的字体设计,以Adamas字体为首的一批英文字的出现,让“连线字”风格的字体成了Low Poly的标配,然而,中文字体在这方面的缺失,略有遗憾。既然没有专有字体,那就干脆自己动手,丰衣足食,三下五除二,设计连线中文字好啦。


今儿做的就是中文连线字


快速制作Low Poly风格的中文连线字,以及英文字体素材包_第1张图片

字体,是一种精气神,很多时候也是一份“门面”,所以海报上的主标题、PPT的封面字等都是非常重要的设计元素。为Low Poly风格搭配字体这件事,本来老外们早已摩拳擦掌出了好几套字体来配,在视觉表现上,这些设计达人纷纷选择了“连线字”,即是每个字都有N多线条连接、缠绕所构成,以至于字体的“线”与Low Poly的“面”在几何学上达成了和谐。

然而,毕竟大多时候我们需要的不仅是英文字体,更多时候还是中文字体,就如下面这段对话,中文连线字也是有需求的啊。


快速制作Low Poly风格的中文连线字,以及英文字体素材包_第2张图片
布尔玛不找龙珠了,因为要做PPT


在开始教程之前,一大波中文连线字正在“秀晒炫”,先来一睹为快吧。


贝吉塔和卡卡罗特的赛亚人梗,哈哈


快速制作Low Poly风格的中文连线字,以及英文字体素材包_第3张图片
阿拉伯数字的连线风格
快速制作Low Poly风格的中文连线字,以及英文字体素材包_第4张图片
照例来个动态展示的喽


那上述三个案例中的连线效果,究竟是如何做到的呢?Duang,答案很简单,就是用AE中的一款知名第三方插件“Plexus”(不认识的,推荐度娘一下好处多)。小伙伴们可能会奇怪,AE不是做视频特效的吗?对,没错,但是它还有一个当仁不让的江湖绰号——会动的PS,所以用它来做平面那也是手到擒来的,所以闲言咱少叙,教程见真章,走起。

前方高能教程


Step 1.新建合成

新建合成,名称随意如我这里叫做“连线字教程”,大小根据自己的需求设定、本教程设定为430*430、背景颜色啥的都无所谓,确定即可。导入一张low poly效果的图片做字体背景,操作方法可以是点击菜单栏的文件>导入>文件来做,也可以直接将图片拖拽到项目面板。打开合成,把刚才的low poly图拖入到合成中,缩放到合适大小即可。

快速制作Low Poly风格的中文连线字,以及英文字体素材包_第5张图片
Ctrl+K快捷键打开合成设置,随时可调整


Step 2 .输入文字

选择文字工具,输入需要设计的文字比如“连线字”,选择合适的字体和大小,如图所示为本教程的参数。PS:再说一下,参数的问题,希望教程展示给大家的是想法,参数其实都是根据想要的效果调整出来的,所以大家不必拘泥于参数,尽管大胆地尝试就是了。

快速制作Low Poly风格的中文连线字,以及英文字体素材包_第6张图片
设置字体


Step 3.添加Plexus效果

选中文字“连线字”图层的基础上,添加Plexus效果。方法既可以从菜单栏的“效果”中找到该特效,如图所示;也可以直接在“效果和预设”面板上,搜索到该特效,然后直接拖拽到图层上或直接双击该特效。PS:此步骤中前提是一定要选中文字图层哈。添加完之后,发现文字不见了,别着急,下一步就让它以连线字的形态出来。

快速制作Low Poly风格的中文连线字,以及英文字体素材包_第7张图片
添加Plexus效果方法一
快速制作Low Poly风格的中文连线字,以及英文字体素材包_第8张图片
添加Plexus效果方法二


Step 4.设置效果

把视线转移到“效果控件”面板上来,Plexus特效初始状态如下图1分三个字特效。该教程中,主要由子特效Plexus Toolkit来延伸完成。首先,在参数Add Geometry下,点击右侧倒三角,在下拉菜单中选择Path(因为字体属于路径类,所以这里是选择Path),马上就在面板上多了一个Plexus Path Object子特效。其次,回到Plexus Toolkit,然后在Add Renderer上添加line,面板上又多了Plexus Lines Renderer子特效。这个时候,连线字效果已经初见效果。PS:虽然文字叙述起来很多,但实际上才进行了四次点击即完成了效果。

快速制作Low Poly风格的中文连线字,以及英文字体素材包_第9张图片
快速制作Low Poly风格的中文连线字,以及英文字体素材包_第10张图片
快速制作Low Poly风格的中文连线字,以及英文字体素材包_第11张图片


Step 5.细节调整

进行微调,完善连线效果。在Plexus Lines Renderer特效这里,可以对连线效果进行调试,常用的三个参数是Max No.of Vertices to(数字越大线条越多,反之亦反)、Maximum Distance(线条距离的,在这个尺寸效果表现并不明显)、Line Thickness(线条宽度,数越大线越宽),本案例参数设置如图所示。依然其实只动了两个参数,动了两下鼠标。

快速制作Low Poly风格的中文连线字,以及英文字体素材包_第12张图片


Step 6.设置颜色

其他效果,比如修改字体颜色。点开Plexus Path Object,选择Color参数,弹出的色板上选择想要的颜色即可。

快速制作Low Poly风格的中文连线字,以及英文字体素材包_第13张图片


Step 7.保存

Ctrl+Alt+S,保存成图片即可。PS:可以把开头的背景图关闭,然后显示透明图层,渲染时打开阿尔法通道即可保存带透明背景的png图层,然后应用到PPT中或者其他需要的地方即可。比如下面这种简单粗暴好用的示例。


快速制作Low Poly风格的中文连线字,以及英文字体素材包_第14张图片
熟能生巧耶


当然了毕竟是AE,所以让连线字动起来也是分分钟


来一波英文连线字欣赏


以下三款英文字体,喜欢的小伙伴欢迎到以下地址自取哦,么么哒,记得给阿随君的文章多多点赞哦

链接:http://pan.baidu.com/s/1b0LDqI 密码:t64h

Adamas字体,By Octavian Belintan


快速制作Low Poly风格的中文连线字,以及英文字体素材包_第15张图片
快速制作Low Poly风格的中文连线字,以及英文字体素材包_第16张图片


Polya字体,By Designer Graphique


快速制作Low Poly风格的中文连线字,以及英文字体素材包_第17张图片


快速制作Low Poly风格的中文连线字,以及英文字体素材包_第18张图片
Polya动态展示


细心的小伙伴可能发现了,上面这两种字体都只有大写字母,这在使用上就限制了范围了啊,肿么办呢,人家在正文部分有时候也想用一下嘛,又不能一直是大写字母?是的,完全不用焦虑,来自印度的设计师Arvind Kumar也在Behance上分享了自己的免费字体Aroly,快来看看吧。


Aroly,By Arvind Kumar


快速制作Low Poly风格的中文连线字,以及英文字体素材包_第19张图片
快速制作Low Poly风格的中文连线字,以及英文字体素材包_第20张图片
快速制作Low Poly风格的中文连线字,以及英文字体素材包_第21张图片
快速制作Low Poly风格的中文连线字,以及英文字体素材包_第22张图片
快速制作Low Poly风格的中文连线字,以及英文字体素材包_第23张图片


萌萌哒字体,你爱吗 ?


OK,这篇文章就到这里了,欢迎留言跟阿随君交流沟通哦,么么哒。

我就是那个爱折腾软件的策划君阿随,没事搞搞视频、听听Nirvana、读读陶渊明、看看戈达尔,生活就很美好。

如果喜欢这篇文章,卖萌求点赞求支持哦,么么哒。


快速制作Low Poly风格的中文连线字,以及英文字体素材包_第24张图片

你可能感兴趣的:(快速制作Low Poly风格的中文连线字,以及英文字体素材包)