专栏名称: 一周进步
青年独立兴趣课堂,每周一场免费训练营。让年轻,轰炸你的每个兴趣点。Day Day Study , Week Week Up !
目录
相关文章推荐
夏天的陈小舒  ·  成绩差的孩子,到底怎么办 ·  2 天前  
夏天的陈小舒  ·  成绩差的孩子,到底怎么办 ·  2 天前  
武志红  ·  这部人间真实的新片,一集看哭我三回 ·  4 天前  
武志红  ·  忍不了第一次当爹的人 ·  6 天前  
51好读  ›  专栏  ›  一周进步

逆天玩法 | PPT玩出电子故障字效

一周进步  · 公众号  ·  · 2017-08-18 07:39

正文

本文作者@水韬  

一周进步可爱的志愿者小伙伴,大家喜欢文章的话可以关注他的公众号:水韬呀 

不知大家有没有注意到这篇推文的封面图的字体效果,第一眼看有没有觉得像我们家里的电视机,在受到电波影响下,使画面产生错位的一种频闪效果,或许有人说像抖音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)