本文作者@水韬
一周进步可爱的志愿者小伙伴,大家喜欢文章的话可以关注他的公众号:水韬呀
不知大家有没有注意到这篇推文的封面图的字体效果,第一眼看有没有觉得像我们家里的电视机,在受到电波影响下,使画面产生错位的一种频闪效果,或许有人说像抖音logo的效果,他们其实都是属于故障设计(Glitch Art)
而这种字体效果,别人给它起了一个名字——电子故障字体效果。
【序】
第一次看到电子故障字体效果,是在朋友圈看到一份来自深职的活动海报。
当时第一反应:哇偶这海报酷。
第二反应:标题错位效果好酷。
后来再次看到这个风格的海报,是看到朋友圈一位小伙伴PS练习打卡,当时心里想了想,要不我用PPT尝试做一个出来看看。
于是我给自己挖了个坑,中途碰了些壁,最后的效果虽然没有PS那么精细,但是似乎也还不错,大家看看效果图。
下面就给大家分享一下这个,一个效果很酷,助于发散思维的PPT花样教程。
【始】
字体分析
1. 由三种颜色的字体构成很酷的“抖音体”
2. 通过几个不同形状的长方形,构成错位元素,产生错位效果
3. 通过添加多条紫色,蓝色线条作为辅佐,营造错位效果
准备工作
【01】字体颜色
在网上找了类似的图片,用取色器取了三个适合的颜色
【02】小知识普及
1.图层移动,可以做出我们想要的“抖音体”
2.布尔运算中的拆分
布尔运算能为我们创造出很多很赞的形状,以后会专门介绍。
在本次教程里,拆分将发挥巨大作用
【03】素材准备
矩形形状,充当制作电子故障的错乱效果
正式实操
【01】“抖音体”制作
通过文本图层叠放顺序的不同,可以轻松地制作出我们想要的效果,注意一点,白色要在最顶层,紫色蓝色则位于白色文字两边。
【02】将“抖音体”复制粘贴为图片格式
【03】黑色填充,复制一份
复制一份的用处灰常大,到后边会说,同时两张“抖音体”要求位置相同,其中一张置于最底层
【04】排列形状
电子故障错位的形状最好是粗细,方向都是不同的,这样错位会更有随机性,排列也是尽量随机
【05】布尔运算——拆分
注意哈,先选择‘‘抖音体’’部分,再按住 ctrl选择矩形形状,顺序很重要!
【06】手动调整位置
这一步需要大家根据自己的感觉,对已经拆分好的错位元素进行错位,方向随意。
如果到这里操作都没有什么问题的话,说明对PPT的基本操作多多少少算熟悉。
但你可能发现你做出来的图形是这样的
点开大图仔细看
错行元素之间明显有非常多的瑕疵,衔接很不自然。
我尝试用图形填充代替布尔运算,失败
尝试让错位素材置于顶层再放大,失败
经历了无数次的碰壁…
我从瑕疵产生的原因开始想。
后来我发现是布尔运算之后,每一个错位元素(矩形形状)都是独立的个体,与文本图形间进行了拆分以后,每一个错位元素都依旧有一个形状边框存在,且边框没办法加以填充,最终导致错位元素与文本图片的衔接不顺畅。
后来我发现了一个方法,往下看
【06】删除一个抖音字体图层
首先我们选择与错位元素进行拆分的抖音字体图层,动图里已经选中,删除即可
删除一层图层后,步骤03复制的另一个抖音图层出现,我们看看下次具体有哪些变化
我们会发现,瑕疵问题已经完美结局,这时候我们已经完成得七七八八了
【07】添加线条,完成字体效果
根据错位情况适当,添加蓝色与紫色线条、形状等等元素营造错位气氛
———————————————————————
(最终效果)
大家喜欢文章的话可以关注水韬的公众号:水韬呀(shuitao_Ya)