# 16.5  图片的通道设计

什么是图片的通道设计？所谓通道，也就是一条通道，只不过这条通道是由图片构成的，这样的，设计思路非常简单，但是效果会非常的好。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzstdcdBSqhfIWd9_%2Fimage075.jpg?generation=1565951758921678\&alt=media)

图16-72

这样的设计并不是很难，但是需要注意的细节之处较多，首先，让我们来分析这张幻灯片上的设计思路。

首先，这张幻灯片上最醒目的肯定是那一排的图片，图片上的位置是经过设计的，图片的大小时统一的，而且都是正方形，图形大小和形状经过了严格的控制，不至于让风格变得不够统一。

另外，人物的眼神都是看向正方向的，给观众一种注视的感觉，整体上，人物的头像都是摆在一个位置的。

文字的设置上，也是依照着图片给定的一条基准线，以图片的一条边作为对齐线进行对齐。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzstfs7zYFhy_8VGD%2Fimage076.jpg?generation=1565951758889576\&alt=media)

图16-73

**如何操作这样的设计呢？**

第一步是确定图片通道所处的位置，在前面就有提到过，若是将整个版面分成三个部分的话，图片所处的位置都会在上面两个划分的区域中，略微靠上一些，这个位置可以通过PPT中标尺进行寻找。人喜欢从上往下、从左往右的看东西，设计不是反人类，而是学会顺从这些规矩，然后将规矩延伸至你的领域之中。在确定好图片所处的位置后，那么就应该在插入之前提前定下图片的尺寸大小的问题。

确定图片的大小尺寸有很多的方法，在这里举一个比较方便省事的方法，这里需要用到的工具是表格和参考线。

在“插入”选项卡中选择“表格”，选择插入一个5×1的表格，将表格移动至合适的位置，拉伸表格，将表格拖至适合的长度，然后在“表格工具/布局”中将表格的宽度的数据直接复制粘贴到“高度”，这样就能快速的获得5个正方形，并且还是均匀分布的正方形。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzsthfIZey3ezMN_Q%2Fimage077.png?generation=1565951758912115\&alt=media) ![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzstjIgDQrkVOIqTR%2Fimage078.jpg?generation=1565951758995942\&alt=media)

图16-74 图16-75

5个正方形确定下来了，但是还不是我们最终想要的结果 ，我们最终想要的是放图片的位置，所以我们要将表格的位置给记录下来，这里用到了参考线这个强大的工具。

在视图选项下中勾选上“参考线”，按住Ctrl+鼠标拖拽参考线，就能实现对参考线的复制，鼠标移动至参考线上单击右键，也可以选择添加参考线，用参考线将表格的位置都记录下来，如图16-76所示。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzstlBtsxZET7Zjv5%2Fimage079.jpg?generation=1565951758860587\&alt=media)

图16-76

接下来就可以将表格删除了，然后做的是选择素材插入到PPT中。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzstn_6-bmYfKAjDB%2Fimage080.jpg?generation=1565951758886762\&alt=media)

图16-77

接下来就是对图片的裁剪，裁剪成依据参考线给定的大小。裁剪完成后，设置图片的背景颜色，颜色则是用取色器直接吸取图片中的颜色。设置完成后，可能会出现一些小问题。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzstpkjEs173QLcxi%2Fimage081.jpg?generation=1565951758885159\&alt=media)

图16-78

如图16-78所示，图片在处理时会有一些突出来的部分，这会让版式看起来十分的不协调。我们可以用裁剪，重新将图片裁剪至与其他图片一样，但这样的方法比较死板，这里推荐推荐一种更为灵活的方法，那就是使用遮挡，能很好的将所有的图片边角“裁剪”至一样，不过这种方法只适合纯色背景下，否则很容易就会露馅。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzstr-thuKCjs2wA4%2Fimage082.jpg?generation=1565951759189836\&alt=media)

图16-80

然后再在版式上输入文本内容即可，为了让内容显得灵活一些，这里的正文文本的字体选用“楷体”，标题则使用了“微软雅黑”字体。在输入文本内容时，需要注意的是就是对齐关系，你可以将文本移动至其他的位置，但是每一个位置都要有一条看不见的对齐线去约束你的内容，让它们保持统一。你还可以加入其他的元素，只要这些元素不影响观点的表达。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzsttx7oIbn7igz9Z%2Fimage083.jpg?generation=1565951758930894\&alt=media)

图16-81

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzstvpuv42f7ewVb-%2Fimage084.jpg?generation=1565951758984250\&alt=media)

图16-82

图片通道不仅仅可以这样玩，还可以有很多玩法，只要想得到，图片通道其实是借助了一系列具有相同性质的图片，然后借助这些图片自身带有的表现力进行展示的一种技巧，所以也是也是一种取巧的设计方式，对于这种设计方式，既然是取巧，那么普遍的会有具有很强大的适应性。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzstxvmMRPqSb4f_U%2Fimage085.jpg?generation=1565951759004405\&alt=media)

图16-83
