查看原文
其他

原创玩法 | PPT玩出电子故障字效

2017-08-10 水韬呀

  严肃!是电子故障,不是电子智障! 


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

根据错位情况适当,添加蓝色与紫色线条、形状等等元素营造错位气氛

———————————————————————


(最终效果)


  # 结语 # 

这一期的玩意其实是蛮虐的

我也是在拗晒头了很久很久以后

才做出让自己满意的效果

或许可以让我宿友做一份PS教程

PS做会更有可设计性,操作也便捷

—————————————————————————

【完】

昨天,等了一个月的书终于来了

作者是一周进步的大梦老师,

书真的很棒,一直觉得大梦是个超厉害的人

强烈推荐,大家可以在京东当当选购哈 

—————————————————————————

(第篇,还没原创留言,有话咱后台唠嗑)

点击“阅读原文”查看历史推文记录噢

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存