大概几个月以前，我分享过一些高质量的样机素材：
至今有很多 PPTer 在使用，用它们来包装作品，提升作品的档次。
但当时有人问我，这些样机都是 PS 做的，电脑上没有安装 PS 软件，能不能直接用 PPT 做样机，更方便套用一些？
一方面，PPT 可以做卡片样机，但是各种光影效果往往做不到很细致，看起来总会比 PS 做的要粗糙一些。
另一方面，PPT 因为自身的透视关系与三维限制，很难做到与电脑、手机严丝合缝的旋转角度，也就不好批量制作。
这个问题，困扰了我很长时间，一直没有找到合适的解决方案。
但是我真的忍不住，时不时去找找答案，因为设备样机在 PPT 中的使用频率太高了，经常可以看到这样的作品：
以及，这样的模板展示页面：
如果能够直接在 PPT 中，做出相应的三维旋转效果，该多么实用。
不仅仅能够在 PPT 中做效果，用来丰富页面，还可以开发对应的 PPT 样机模板。
甚至，还可以为图片占位符设置三维旋转，做到 PPT 中的一键替换图片。
而这些，高度可编辑性，是用 PS 样机无法做到的。
幸运的是，最近在好友（大佬）的帮助下，解决了这个问题。
接下来，我就给大家分享一下，如何在 PPT 中制作可编辑的设备样机。
我从 Pixabay 上面，找一张电脑办公图，如下：
经过操作后，咱们可以在 PPT 中做出如下的效果：
直接在 PPT 中做好了图片占位符，自带三维旋转效果，可以一键填充图片。
有没有感觉很酷？
这个效果，通过今天的教程，你也可以做到！
01. 手动调整三维旋转参数
我先给大家介绍一下，我们之前是如何用 PPT 做设备样机的。
首先，把找到的电脑图片放到 PPT 中，绘制一个差不多大小的矩形。
之后，选中矩形右键设置格式，打开三维旋转设置，在【角度】中随便选择一个效果。
这一步的目的，是给形状激活透视参数，方便调整透视度数。
之后，通过三维旋转右侧的按钮，调整大致的参数：
不断尝试之后，让矩形的形态，和电脑屏幕的形态大致相同。
接下来，选中矩形并按住 shift 适当缩放，让其与屏幕几乎贴合到一起：
再往后就不要去动右侧的按钮了，而是手动修改 XYZ 三个方向的数值，每次修改 0.1 这样：
千万不要去用右侧的上下键调整，这时候数值改变一点点，形状的三维效果就会变动很大。
通过多次尝试之后，我们大概可以做到这样：
这时候已经非常贴合屏幕了，如果想要接着手动改三维参数，要耗费的时间精力就太多了，得不偿失。
接下来，选中形状，点击编辑顶点，稍微拖拽一下：
可以看到，经过编辑顶点之后，形状与屏幕几乎是严丝合缝的。
如果四周还有黑边，或者你感觉自己编辑顶点后，还有细小的误差，只需要给形状添加一个纯色描边即可。
之后，把图片和形状复制到母版视图，按住 Ctrl 向右拖动形状，多复制一份：
取消该形状的三维旋转效果：
在形状上方，绘制一个更大的图片占位符。
按住 Ctrl 依次选中图片占位符和形状，使用布尔运算中的相交，得到与形状等大的图片占位符。
再参考左侧形状的三维格式，为右侧的图片占位符，设置相同的三维旋转效果：
为了效果更明显，我给图片占位符加了个描边。
当然，你也可以使用 OK 插件中的三维刷，把三维旋转的参数刷过去。
最后我们把图片占位符向左拖动，让它与屏幕对齐即可：
我们新建一页，看看效果如何：
是不是约等于完美？
以上，就是用常规方法做 PPT 样机的步骤，主要难点，在于三维旋转参数的调整，可能得反复尝试才行。
02. 使用工具自动计算旋转参数
了解了手动操作的不易，这时候你可能会想，如果有办法能算出三维旋转的参数，是不是就能快速搞定了呢？
别说，还真有！
咱们第二种方法，就是这么做的，参考了一篇国外大神的文章：
网址：https://www.shapechef.com/blog/powerpoint-device-mockups
甚至，还给出了计算的公式，感兴趣可以去了解一下：
反正我没看明白，只知道用到了顶点位置，以及长宽等参数。
看不明白没关系，不妨碍咱们后面的使用。
接下来，跟紧我，手把手教学操作！
首先，我们到 GitHub 把大神的计算代码下载下来。
网址：https://github.com/wulfsoft/powerpoint-3d-settings
下载 ZIP 解压后，里面有这些文件：
然后，我们去下载 vscode 并安装。
官网：https://code.visualstudio.com
安装没啥好说的，按默认设置来就行。
安装完成后，打开默认是英文界面，咱们需要改成中文的，要不还真看不懂。
点击左侧最底部的扩展商店，在搜索框中搜索 Chinese，可以看到中文简体选项。
点击安装，关掉软件然后重新启动，就会变成中文界面了。
之后点击【文件】打开文件夹，选择之前下载好并解压了的文件夹。
打开文件夹后，界面如下图：
到这一步先停一下，这个后面会用到，咱们先转战到 PPT 哈。
在 PPT 中插入电脑图片，并绘制一个和屏幕长宽比例看起来差不多的矩形：
之后，使用任意多边形，顺时针沿着屏幕的四个顶点，绘制一个形状。
绘制的顶点与形状如下图：
将其设置为无填充，方便后面区分。
接下来，按住 Ctrl 依次选中绘制的任意多边形以及矩形。
点击【小顽简报】插件【四次元口袋】中的【智能透视】功能：
在弹出的窗口中，点击【生成图形参数】
会弹出对应的提示，提示如下：
点击确定后，回到 vscode 软件，点击 program.cs 文件：
可以看到代码如下：
把之前小顽简报插件算出的参数，复制替换红框中的代码，得到结果如下：
再把红框中的代码剪切，替换掉黄色框中的代码。
替换完成后，如下图：
之后按 F5 键，调试一下，再下方可以得到计算后的结果：
我们选中黄色框中的内容，复制一下：
回到 PPT 界面，点击【应用3D】按钮：
这时候，之前的矩形，就自动调整好了三维旋转参数。
我们只需要拖动一下矩形的位置，让他与屏幕对齐即可：
最后，我们使用方法一中的操作，在母版中设置对应的图片占位符即可。
也就得到了最开始的那张动图效果：
到这里，用工具自动计算并设置三维旋转的步骤，就详细拆解告诉你了。
需要注意的是，最开始绘制的矩形长宽比例，最好和目测的屏幕比例差不多，要不还是会有一些误差。
而且这种方法，只要设置好了软件环境，几乎可以批量生产 PPT 样机，速度比方法一要快很多。
另外，你的小顽简报插件，需要更新到最新版才行，老版本没有【智能透视】这个功能。
最新版的小顽简报插件，可以到咱们的网站下载更新：
网址：https://www.aboutppt.com/sites/8407.html
好了，方法毫无保留的教给你了，有时间记得去试试哦！
本文技术支持： 只为设计（OK系列插件开发者），小顽（小顽简报插件开发者）
本文用到的软件、代码、插件，以及制作的文件、PPT 样机等，我都整理打包好了，需要话在公众号【自律的音律】回复【三维旋转】即可下载。
相关文章
赣公网安备36100202000190号