如何使用PPT画一个iPhone X效果?

时间:2020-03-12
阅读:

本文采用 Microsoft PowerPoint 2016 版本完成,按道理 2007+ 就可以完成此次教程。

本篇关键的操作是 居中、裁剪、颜色渐变

/ 结 果 展 示 /

我先自己画了一遍,后我们要完成这样子的效果:

如何使用PPT画一个iPhone X效果?

终成品

/ 作 图 分 析 /

我们从苹果官网上找到一张真机图,稍微分析一下就知道我们要画的东西有哪些:

如何使用PPT画一个iPhone X效果?

大致五个内容

/ 开 始 作 图 /

我从外围的金属边框开始画,使用圆角矩形工具

如何使用PPT画一个iPhone X效果?

「插入」>「形状」>「圆角矩形」

如何使用PPT画一个iPhone X效果?

圆角矩形工具示例

随便画一个矩形以后,选中这个矩形,在「格式」面板将其宽高设置为14cm和7cm。

设置好宽高

宽高比例是十分重要的,当然,这里我并不是随便取值的,是事先利用测量工具测量后发现iPhone X的宽高比例大概是在 2:1,所以定下来这个值。

好了,现在就得到一个还没有调颜色的金属边框。颜色待会儿再调,我们先画屏幕黑边。

复制刚才画的这个矩形,

然后把它尺寸调成 13.6 x 6.6 (cm)。

如何使用PPT画一个iPhone X效果?

新的矩形

将这两者选中,并让他们在水平和竖直方向上都居中对齐。

如何使用PPT画一个iPhone X效果?

水平居中 & 竖直居中

完成后你会发现圆角处怪怪的,这时候需要将里面矩形的圆角微调一下。

如何使用PPT画一个iPhone X效果?

调整前(左)& 调整后(右)

好了,现在我们对里面的矩形上色。

首先去掉边框颜色,

并为其设置背景填充成灰黑色: rgb(59,56,56)

如何使用PPT画一个iPhone X效果?

屏幕黑边完成!

接着我们为外层的矩形上色,

同样的,去掉边框颜色。

然后设置背景颜色为渐变。

如何使用PPT画一个iPhone X效果?

渐变

从上图看到,它会弹出一个形状格式窗口,我们在这里可以对渐变进行更加详细的设置。

在这里我把渐变颜色设置为 白>灰>白>灰 的样式

如何使用PPT画一个iPhone X效果?

渐变设置的全过程

接下来,我们找一张图片来模拟屏幕。

如何使用PPT画一个iPhone X效果?

像这样,直接丢上去。

然后 「格式」>「裁剪」,将图片裁成屏幕大小。

如何使用PPT画一个iPhone X效果?

裁剪过程

接下来,还是这张图片,

「格式」>「裁剪」>「裁剪成形状」>「圆角」

如何使用PPT画一个iPhone X效果?

裁剪成圆角

现在这张图片拥有了一个圆角

如何使用PPT画一个iPhone X效果?

效果图

接下来需要调尺寸,跟着我「格式」>「大小」>「大小和位置」

如何使用PPT画一个iPhone X效果?

打开图片格式面板

在弹出来的窗口中,把锁定纵横比的勾去掉,并且设置尺寸为 13 x 6 (cm),效果如下图

调整完大小以后

再利用前面讲过的方法把图片居中在黑色的矩形里面。

如何使用PPT画一个iPhone X效果?

完全居中

再把别扭的圆角调整一下

如何使用PPT画一个iPhone X效果?

哇!有模有样了!

到现在为止已经非常好看了,接下来画一个圆顶角来当它的刘海。

「插入」>「形状」>「矩形:圆顶角

如何使用PPT画一个iPhone X效果?

并且把尺寸设置为 2.5 x 1 (cm)

如何使用PPT画一个iPhone X效果?

刘海部分雏形

然后将其边框颜色去掉,再把背景颜色设置成和屏幕黑边一样的灰黑色,转个方向,就得到了下面这个东西:

如何使用PPT画一个iPhone X效果?

刘海完成

接下来就可以把它贴到手机上去了。

如何使用PPT画一个iPhone X效果?

完成!

有了上面这个原理,我们用一样的方法画出一些小的圆顶角,并把这些圆顶角的背景颜色设置成从浅灰到深灰的渐变,而且要去掉它们的边框颜色哦:

如何使用PPT画一个iPhone X效果?

放大了很多倍的圆顶角

接着把他们吸附到手机边上去:

如何使用PPT画一个iPhone X效果?

按键完成!

后把刚才作为屏幕的图片作为背景扑上去。

如何使用PPT画一个iPhone X效果?

把图片扑上去后,右键置于底层。

为了更加美观,我们为这张背景图添加一个图片效果让它模糊起来。

如何使用PPT画一个iPhone X效果?

「格式」>「艺术效果」>「虚化」

大功告成:

如何使用PPT画一个iPhone X效果?

终成果(我做了少许微调)

返回顶部
顶部