美文网首页工作必备技能学习干货PS
快速制作Low Poly风格的中文连线字,以及英文字体素材包

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

作者: 阿随向前冲 | 来源:发表于2016-07-28 07:26 被阅读1930次

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

今儿做的就是中文连线字

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

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

布尔玛不找龙珠了,因为要做PPT

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

贝吉塔和卡卡罗特的赛亚人梗,哈哈 阿拉伯数字的连线风格 照例来个动态展示的喽

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

前方高能教程

Step 1.新建合成

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

Ctrl+K快捷键打开合成设置,随时可调整

Step 2 .输入文字

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

设置字体

Step 3.添加Plexus效果

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

添加Plexus效果方法一 添加Plexus效果方法二

Step 4.设置效果

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

Step 5.细节调整

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

Step 6.设置颜色

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

Step 7.保存

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

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


来一波英文连线字欣赏

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

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

Adamas字体,By Octavian Belintan

Polya字体,By Designer Graphique

Polya动态展示

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

Aroly,By Arvind Kumar

萌萌哒字体,你爱吗 ?

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

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

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

相关文章

网友评论

  • 2a527af15dc9:云网盘里的OTF 和TTF是什么文件啊 不是字体吧?需要粘贴到哪里才可以用呢
    阿随向前冲: @ghhcfyujc ヘ( ^o^)ノ\(^_^ )多多支持哦
    2a527af15dc9:@阿随向前冲 谢谢~
    阿随向前冲:@ghhcfyujc 就是字体文件,双击安装,或者复制粘贴到系统的字体文件夹内
  • 15f43faac5df:这是用ps做的还是Ae做的
    阿随向前冲: @Hnlen菜菜 后者
  • yg2016:云盘没有呀
    阿随向前冲:@yg2016 好像没收到呢?
    yg2016:@阿随向前冲 大神,我在微信号回复啦,跪求大神回复
    阿随向前冲:@yg2016 什么?_?
  • 32f89f6a5b69:AE这个插件我倒是安装过试着用了,居然可以直接连线文字的???
    阿随向前冲:@苏笙无书 可以的,哈哈,用过肯定知道它的厉害了,这个案例那这是一个小小的应用啦
  • c74ac75b74b1:最后一幅图是怎么做出来的呢
    Visianlee:@阿随向前冲 要是能做出最后一个效果就嗨了:smiley:
    阿随向前冲: @楚离little 那应该是AE种破碎特效做的
  • 阿随向前冲:Duang,如果需要文章提到的插件Plexus了,欢迎来阿随君的微信公众号“精神时光屋中的练习生”回复关键词“连线”即可 :blush:
  • 巴西果爱吃:这字体做出来,很有吸引力,能在PPT中脱颖而出😃😃😃
    阿随向前冲:@巴西果爱吃 :clap: 你说得都对,哇哈哈哈
  • 4f058bf29743:每次分享都是干货
    阿随向前冲: @定格十年 ヘ( ^o^)ノ\(^_^ ) 喜欢亲喜欢,也多来点赞多多支持哦,么么哒
  • bd11663bb807:重点是用的什么软件做的??
    阿随向前冲: @茹裹娜一 文中有写哦,用AE做的
  • 玩数码的佩奇:这个很酷!
    阿随向前冲: @仰望银河的猫 回去看,在体检
    玩数码的佩奇:@阿随向前冲 我回复了公众号。
    阿随向前冲: @仰望银河的猫 ヘ( ^o^)ノ\(^_^ ) 多谢每天的支持

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

本文链接:https://www.haomeiwen.com/subject/eofajttx.html