|
不知不觉，又到周五啦！ 是不是觉得这几天干货少了？那是因为小编在憋！大！招！ 事情是这样的：说是那天，我闲来无事，翻看以前的文章。赫然发现，原来我留了那么多的扣子，挖了那么多坑，居然一个都没填！ 忘记了？还记得8月10日，我们发了一篇《一页一点，让信息密集的PPT井井有条吗》？文章中，我们做了几组不那么寻常的图标（icon）：
由于篇幅限制，我们只是为大家展现出了结果，而没来得及说我们这样做的思路，以及具体的操作方法。 相信大家心里也是充满了疑问：好好的图标，怎么就会变成碎片化？中间那只虫子，到底是怎样吃掉信封的？ 先来说说思路吧。 Iconfont是个好网站，搜到的图标能满足绝大部分需求。但是，那上面搜到的图标大部分都是单个的，而有一些情况，比如上述案例中，单个的图标是不足以表现所配的说明文字中的多重含义的。 比如，要表现邮件的泄露，我们可以很轻易的搜到「邮件」的icon；但很难找到一个icon，既能表现出「邮件」，又能表现出「泄露」…… 再比如，企业通信信息的泄露，我相信你心心念念地想要找一个能够表现出「隔墙有耳」的图标，但是这样一个关键词极度限定的场景下，能找到的资源也一定是少之又少：
▲ 无论是搜「邮件泄露」还是「窃听」，统统木有~ 面对这种种诉求，小编在这里谨提供三种思路，供君参考： 1. 对现有图标的改造 2. 2个（或多个）图标的组合 3. 上述两种方法的综合（1 1>2） 大家和上面的案例对照一下，看看我们分别用到哪种思路？ ▼▼▼ 无论用的哪种思路，都是对PPT中的图标在动刀。而达到这一目的的首要条件，是需要你的图标是矢量的。好在，除PNG外，Iconfont还提供了矢量格式的下载。 如下图，点击下载后，可以看到下载选项。其中的SVG和AI都是矢量格式。AI自不必说，是Adobe家和Photoshop平起平坐的看家利器。而SVG，则是应用于网页的一种矢量格式。现在两种文件格式都可以直接导入Office 2016 虽然Office 2016能够直接导入Ai文件，但并不能做到对顶点的编辑。所以请允许我临时搬个救兵：LibreOffice。 你问我为什么不直接用Ai？因为我们不是专业的设计师，所以没必要为一个小小的需求而大费周章地去安装那多达2个多G的软件。 好，喘口气，同学们先自行百度并安装这款软件——LibreOffice。接下来可是高能内容哦！准备好了吗？ ▼▼▼ 相信你已经安装好了那款小软件了吧！那我们就可以开始啦！
刚刚我们已经提到过了：「邮件」好找，「泄露」难寻，「邮件的泄露」就更是很难搜到。 但是换一种思路，给图标「撕一个角」，让碎片「随风飘散」，是不是「泄露」的感觉一下就出来了？
好，现在的主要矛盾就变成了：怎样的操作，才能让icon变得「四分五裂」？ 咳咳，小编要开始讲课啦！乖乖坐好认真听： 1. LibreOffice 预处理 在iconfont上搜索好图标后，点开下载，什么都不用调，直接选择「SVG下载」。而后，打开Libre Office，新建一个Impress演示文稿，将刚刚下载好的SVG文件拖入其中。 打开之后，我们一般只要做两件事： 第一步：在图标上右键，选择「分开」命令
第二步：将这个文件另存为PPT格式，而后，用 PowerPoint 打开。 2. 调教：万能的「拆分」 Office 2013开始，PowerPoint的形状运算功能大大增强。选中两个及以上的形状后，在「形状工具」选项卡中就会出现「形状工具」命令。Win版的PowerPoint形状运算分别被命名为：联合、组合、拆分、相交和剪除。 如果你还不是特别理解它们的具体含义，可以借助高一学的「集合的运算」来理解一下：
OK，如果你到现在还是看得一头雾水，也没有关系。我们不妨来看一看运算后的结果，能看出什么门道？
我们发现，除「拆分」外其它的运算，都会让原先的图形或多或少的产生缺失。比如「联合」，原先正方形在重合范围内的边就直接给合并掉了；「组合」，中间重合的图形被镂空；至于「相交」和「剪除」，更是只留下了碎片。 而唯有「拆分」，运算之后没有任何缺失，只是将重合的图形按边框进行了裁剪，却将裁剪的部分进行了保留：
敲黑板了啊同学们！我们要的是「撕裂」，所以是要从原来的图标上「撕下来」，这就意味着原有素材在拆下来后是不能有缺失的。所以，使用「拆分」是绝对不会错的选择。 怎么拆呢？想想如果你在现实中要把信封的一角撕下来，会怎么撕？ 不用问，一定是先撕下一大角，然后再对撕下来的那一角继续撕。 多说无益，看图：
拆分之后，把多余的部分删掉，原有的部分得以保留，但并不是都需要。删掉作为「尺子」的那一部分，留下我们需要的，也就是撕下来的部分：
接下来，就是对拆分下来的部分继续「拆分」了。方法当然还是跟前面的步骤一样，画一个带有折角的封闭多边形。具体拆分成什么样子，看个人感觉：
3. 处理碎片，随风飘散 经过不算那么复杂的几个步骤，我们已经成功得到了碎片。那接下来，就要考虑怎样实现随风飘散的效果了。 其实非常简单，将碎片脱开点距离，旋转出不同的角度，随心摆放即可：
再根据你所做的幻灯片的主题色，改一下颜色，配上文字。我们在不借助第三方工具的情况下，完成了对图标的改造：
将单个图标稍加改造，就成了我们希望的样子。而有些情况，一个图标是远远不够用的，怎么办？拼呗！ ▼▼▼
这一词组，同样面临着无法直接找到合适图标的尴尬。「通信」还好说，可以用个电话听筒来示意；「通信的泄露」呢？总不能让电话听筒也随风飘散吧！ 1. 思路 我们的脑洞可以再开大一点，既然我们有了「电话」作为通信的表达，那么电话中内容的泄露就可以在背离电话的方向放一只耳朵，代表信息被窃取了。 说干就干！这两个图标还是比较容易能够搜到的：
照例，先在在LibreOffice中预处理一下，再到PowerPoint去编辑。 当我们把耳朵背离于电话听筒摆在一起时，感觉好像还是差了那么点意思：
原因就在于，两个图标之间没有建立起来任何感官上的联系，普通人看来它们就是孤立的。 2. 细节 怎样传神地表现出通话内容被窃听？首先，电话听筒不应该就这样尴尬地放在这里，而应该是显着有声波从里面传出。 其次，在背离听筒的方向，角落里的小耳朵在聆听着从听筒中传出的声音，方向，是指向信息来源的。 没错，其实在开场你们已经见到了：
辐射的icon自然可以去iconfont上面找，不过小编还要自豪的说一句，这是小编我自己用PowerPoint画的！至于方法嘛……你看，这个图标实质上是由若干个半径不同的同心扇形构成，把它们叠在一起（注意这些扇形的半径是可以拉开一点的，方便之后的删除），再用百试百灵的「拆分」，拆去无用的部分即可。
3. 对比 还要再唠叨一下，这两组图标，用到了不同的填充方式：耳朵那一组的图标，用的是深色填充，无框线；而电话那一组的图标则是浅色填充，深色框线。 这样做的目的，意在强调原本不起眼的元素。 在这个组合而来的图标中，电话听筒的尺寸要比耳朵大得多，如果耳朵和听筒都采用浅色填充 深色线框的样式，则会很容易让人忽略掉在角落里的那只耳朵，那么，反而起不到我们原先要表达的意图了。 而我们通过这个方法，形成了深浅对比，人为扭转了原先因尺寸不同而造成的大小对比。这，就是自己制作图标时的讲究。 ▼▼▼ 学习这件事情，是一个积累的过程，从而达到融会贯通，往往会有1 1>2的效果。比如，下面这两个描述，单用上面的方法已经不足以表现内涵了：
那么你完全可以有大胆的想法：将我们前面讲的两种方法结合，一定可以出色地完成词组里面想要表达的内容。 简单说一下思路。
谈起应用被攻击，可以用现实中的虫子来表达抽象的电脑病毒。而企业应用，可以用一个命令行窗口的小图标来表达。 将两个图标组合，我们得到了这样的结果：
基本的元素是具备了，但是没有表现出「破坏」。而最简单粗暴地表现「破坏」的方式，当然还是撕裂。
思路同样很清晰，我们的图标中要有「员工」和「办公用品」两个要素。「撕角碎片」仍是表现「外泄」的极佳方式。
▼▼▼ 不知不觉，我们的文章竟然已经写了3千余字，回望过去满满的全是干货。不知道同学们学得怎么样了？都掌握了嘛？我写得再多，你看得再多，如果没有实际的动手练习，你依然只是个看客而已。操练起来吧！ |
|
|
