同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

进阶提高3年前 (2021)更新 自律的音律
2,420 0 3

早啊,小伙伴们,今天分享一篇实用技术文,应该大部分人之前没用过。

大概几个月以前,我分享过一些高质量的样机素材:

至今有很多 PPTer 在使用,用它们来包装作品,提升作品的档次。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

但当时有人问我,这些样机都是 PS 做的,电脑上没有安装 PS 软件,能不能直接用 PPT 做样机,更方便套用一些?

一方面,PPT 可以做卡片样机,但是各种光影效果往往做不到很细致,看起来总会比 PS 做的要粗糙一些。

另一方面,PPT 因为自身的透视关系与三维限制,很难做到与电脑、手机严丝合缝的旋转角度,也就不好批量制作。

这个问题,困扰了我很长时间,一直没有找到合适的解决方案。

但是我真的忍不住,时不时去找找答案,因为设备样机在 PPT 中的使用频率太高了,经常可以看到这样的作品:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

以及,这样的模板展示页面:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

如果能够直接在 PPT 中,做出相应的三维旋转效果,该多么实用。

不仅仅能够在 PPT 中做效果,用来丰富页面,还可以开发对应的 PPT 样机模板。

甚至,还可以为图片占位符设置三维旋转,做到 PPT 中的一键替换图片。

而这些,高度可编辑性,是用 PS 样机无法做到的。

幸运的是,最近在好友(大佬)的帮助下,解决了这个问题。

接下来,我就给大家分享一下,如何在 PPT 中制作可编辑的设备样机。

我从 Pixabay 上面,找一张电脑办公图,如下:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

经过操作后,咱们可以在 PPT 中做出如下的效果:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

直接在 PPT 中做好了图片占位符,自带三维旋转效果,可以一键填充图片。

有没有感觉很酷?

这个效果,通过今天的教程,你也可以做到!

01. 手动调整三维旋转参数

我先给大家介绍一下,我们之前是如何用 PPT 做设备样机的。

首先,把找到的电脑图片放到 PPT 中,绘制一个差不多大小的矩形。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

之后,选中矩形右键设置格式,打开三维旋转设置,在【角度】中随便选择一个效果。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

这一步的目的,是给形状激活透视参数,方便调整透视度数。

之后,通过三维旋转右侧的按钮,调整大致的参数:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

不断尝试之后,让矩形的形态,和电脑屏幕的形态大致相同。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

接下来,选中矩形并按住 shift 适当缩放,让其与屏幕几乎贴合到一起:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

再往后就不要去动右侧的按钮了,而是手动修改 XYZ 三个方向的数值,每次修改 0.1 这样:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

千万不要去用右侧的上下键调整,这时候数值改变一点点,形状的三维效果就会变动很大。

通过多次尝试之后,我们大概可以做到这样:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

这时候已经非常贴合屏幕了,如果想要接着手动改三维参数,要耗费的时间精力就太多了,得不偿失。

接下来,选中形状,点击编辑顶点,稍微拖拽一下:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

可以看到,经过编辑顶点之后,形状与屏幕几乎是严丝合缝的。

如果四周还有黑边,或者你感觉自己编辑顶点后,还有细小的误差,只需要给形状添加一个纯色描边即可。

之后,把图片和形状复制到母版视图,按住 Ctrl 向右拖动形状,多复制一份:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

取消该形状的三维旋转效果:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

在形状上方,绘制一个更大的图片占位符。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

按住 Ctrl 依次选中图片占位符和形状,使用布尔运算中的相交,得到与形状等大的图片占位符。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

再参考左侧形状的三维格式,为右侧的图片占位符,设置相同的三维旋转效果:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

为了效果更明显,我给图片占位符加了个描边。

当然,你也可以使用 OK 插件中的三维刷,把三维旋转的参数刷过去。

最后我们把图片占位符向左拖动,让它与屏幕对齐即可:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

我们新建一页,看看效果如何:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

是不是约等于完美?

以上,就是用常规方法做 PPT 样机的步骤,主要难点,在于三维旋转参数的调整,可能得反复尝试才行。

02. 使用工具自动计算旋转参数

了解了手动操作的不易,这时候你可能会想,如果有办法能算出三维旋转的参数,是不是就能快速搞定了呢?

别说,还真有!

咱们第二种方法,就是这么做的,参考了一篇国外大神的文章:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

网址:https://www.shapechef.com/blog/powerpoint-device-mockups

甚至,还给出了计算的公式,感兴趣可以去了解一下:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

反正我没看明白,只知道用到了顶点位置,以及长宽等参数。

看不明白没关系,不妨碍咱们后面的使用。

接下来,跟紧我,手把手教学操作!

首先,我们到 GitHub 把大神的计算代码下载下来。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

网址:https://github.com/wulfsoft/powerpoint-3d-settings

下载 ZIP 解压后,里面有这些文件:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

然后,我们去下载 vscode 并安装。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

官网:https://code.visualstudio.com

安装没啥好说的,按默认设置来就行。

安装完成后,打开默认是英文界面,咱们需要改成中文的,要不还真看不懂。

点击左侧最底部的扩展商店,在搜索框中搜索 Chinese,可以看到中文简体选项。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

点击安装,关掉软件然后重新启动,就会变成中文界面了。

之后点击【文件】打开文件夹,选择之前下载好并解压了的文件夹。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

打开文件夹后,界面如下图:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

到这一步先停一下,这个后面会用到,咱们先转战到 PPT 哈。

在 PPT 中插入电脑图片,并绘制一个和屏幕长宽比例看起来差不多的矩形:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

之后,使用任意多边形,顺时针沿着屏幕的四个顶点,绘制一个形状。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

绘制的顶点与形状如下图:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

将其设置为无填充,方便后面区分。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

接下来,按住 Ctrl 依次选中绘制的任意多边形以及矩形。

点击【小顽简报】插件【四次元口袋】中的【智能透视】功能:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

在弹出的窗口中,点击【生成图形参数】

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

会弹出对应的提示,提示如下:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

点击确定后,回到 vscode 软件,点击 program.cs 文件:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

可以看到代码如下:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

把之前小顽简报插件算出的参数,复制替换红框中的代码,得到结果如下:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

再把红框中的代码剪切,替换掉黄色框中的代码。

替换完成后,如下图:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

之后按 F5 键,调试一下,再下方可以得到计算后的结果:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

我们选中黄色框中的内容,复制一下:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

回到 PPT 界面,点击【应用3D】按钮:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

这时候,之前的矩形,就自动调整好了三维旋转参数。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

我们只需要拖动一下矩形的位置,让他与屏幕对齐即可:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

最后,我们使用方法一中的操作,在母版中设置对应的图片占位符即可。

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

也就得到了最开始的那张动图效果:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

到这里,用工具自动计算并设置三维旋转的步骤,就详细拆解告诉你了。

需要注意的是,最开始绘制的矩形长宽比例,最好和目测的屏幕比例差不多,要不还是会有一些误差。

而且这种方法,只要设置好了软件环境,几乎可以批量生产 PPT 样机,速度比方法一要快很多。

另外,你的小顽简报插件,需要更新到最新版才行,老版本没有【智能透视】这个功能。

最新版的小顽简报插件,可以到咱们的网站下载更新:

同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

网址:https://www.aboutppt.com/sites/8407.html

好了,方法毫无保留的教给你了,有时间记得去试试哦!

本文技术支持: 只为设计(OK系列插件开发者),小顽(小顽简报插件开发者)

本文用到的软件、代码、插件,以及制作的文件、PPT 样机等,我都整理打包好了,需要话在公众号【自律的音律】回复【三维旋转】即可下载。

以上,就是今天分享的全部内容,希望你喜欢~

下载信息

使用说明:PPT三维旋转代码与软件插件合集


原文链接:同事的PPT里用了样机,被领导点名表扬,咱上咱也行!

© 版权声明

相关文章