做了十几年PPT,第一次见到这么炫酷、有立体感的!

时间: 2024-05-03 09:24:42
来源: 网络
分类于: 默认分类
浏览: 12 次

咦,大家好呀,我是秋叶 PPT 学习班的学员晶晶,就是那个一闪一闪亮的那个晶晶。

这里是秋叶 PPT 的学员 「拆作业」 专栏~

本期作业,晶晶将拆解一份之前在秋叶举办的 「21 天生存战」 活动中的打卡练习。

图片

作业要求

❶ 【搜索练习】:请分享一张近期你看到的优秀的设计作品,类型不限。

❷ 【思维练习】:附上对该作品的拆解分析,可从启发,技巧,应用,动手等角度切入。

❸ 【延伸练习】:根据思维练习得到的思路,自拟文案制作一张 PPT,主题角度不限。

图片

思路分析

这次「自由打卡」,我选择了@老秦 《另 P 蹊径》 中使用的一幅案例海报,来了,就是它。


图片

记得第一次看到这个海报,我的感受是,出来了,出来了,那些动物它们走出来了!

真的是妙啊,有机会必须要来盘他,现在,机会来了!

⭐作品分析:

首先,我们来分析一下这张海报。

它最大的亮点和主题是画面中心的「THE ZOO」立体英文字母,搭配动物元素和绿植穿插,打造了一副生动的画面。


图片

⭐使用技巧:

然后,我们再想一下,如果利用 PPT 来制作相同的效果,可能用到的技巧:

❶ 立体英文字母可使用渐变填充的文本,添加「三维旋转」进行制作;

❷ 动物和绿植则可以使用 PNG 素材,利用布尔运算打造穿插效果;

❸ 同时为了使立体效果更加真实,还要对每一个素材的阴影进行分别调整,以达到整体场景的光效统一。

⭐总结一下:

综合利用三维旋转、PNG 素材、布尔运算、阴影效果等几个技巧,基本上就可以将主体文字复刻出来啦。

图片

作品展示&拆解

终于,经过一番挣扎,我用 PPT 复刻出了这样一张作业,重点制作了「ZOO」这个单词。


图片

那么就让我通过 4 个步骤,来拆解一下它的制作过程。

让我们一起给画面中的元素施展魔法,让它们从画面中「走」出来吧。

⭐第一步:搭建场景

通过观察发现,为了使字母的翻页效果更加逼真,案例中文字使用了两层。

第一层为立体效果,底层使用纯色文字来模拟镂空效果。


图片

同时,案例中主体文字使用了笔画较粗的等线字体,是为了能够有足够多的面积去进行元素的展示,这里我选择使用的字体是 Franklin Gothic Heavy。

看到这里,我们就可以在 PPT 中分别打出英文字母「Z」、「O」、「O」置于画面中心。

PS:要分为三个文本框哦,方便下一步三维旋转。


图片

将文字复制一层,备用。

场景搞定,接下来,就让我们为它添加上颜色吧。

⭐第二步:设置配色

❶ 首先,根据展示主体,设置背景颜色。

因为是与动植物相关,参考原案例,我利用取色器工具,在原案例中吸取了配色方案,将背景填充为【浅黄至灰绿色渐变】。

具体方法为:【右键】-【设置背景格式】-【填充】-【渐变填充】。

渐变类型我选择了「射线」,是为了打造一种光照的效果。


图片

这是设置完背景渐变的效果。


图片

❷ 接下来,我们开始调整文字颜色。

按住【CTRL】分别选中上层的「Z、O、O」字母,给它们设置渐变填充。 在【设置形状格式】中选择【文本格式】,单击「文本填充」图标 图片 ,选择【渐变填充】。

与设置背景颜色类似,在案例中选取文字的填充颜色, 需要调整【类型】为「线性」,调整渐变角度, 模拟光照产生的明暗变化,为打造立体效果打下基础。

图片

⭐第三步:细节刻画

❶ 首先需要给文字添加三维旋转。 同样要选中「Z、O、O」三个字母。

然后选择【设置形状格式】-【文本格式】-【三维旋转】,在【预设】中选择「角度」栏目中选择第一个选项。

下图是我设置的参数,供大家参考。


图片

这步操作中,选择「角度」栏目中的预设,目的是 给每一个文本框都加上「透视」角度,以保证在其旋转后更加真实。

仔细观察原案例可以发现,三个字母从左至右,旋转角度依次减小。

因此,我们分别给三个字母的「X 旋转」参数设制为 53.9°、43.9°、28.9°(此数据可根据实际效果进行调整),「Y、Z 旋转」参数为 0°。

设置完成效果是这样事儿滴,这,这怎么跟想象的不一样?别急!


图片

❷ 接下来,先将上层字母向左移动到底层文字的边缘。

会发现由于「透视」的原因,上层文字并不能完全覆盖底层文字。

因此我们需要给文字增大字号,并适当调整位置。

看,是不是有内味了。


图片

到目前为止,文字的三维旋转就全部完成了。

由于每个文字旋转角度不同,为了 使光照效果更加真实, 我们还可以对文本的渐变填充进一步微调。

图片

怎么样,你的字母是不是也已经冲出屏幕了呢?

马上,就要请出我们的小演员了, 将准备好的动物 PNG 素材加入到画面当中。


图片

这里要重点说一下猩猩的制作:

可以看到,如果简单地将图片放置到文字上层时,会因为图片与文字边缘不贴合而导致穿插效果的失真。

这时就要用到 「布尔运算」 来对图片进行调整啦。


图片

简单来说,在 PPT 中的「布尔运算」,就是形状和形状,或者形状和图片之间进行 加减或者拆分运算。

这里我们要剪掉图片多余的部分,所以就要绘制一个合适的形状,然后用利用「减除」命令对图片进行删减。

具体操作步骤为:

❶ 【开始】-【曲线】-绘制形状。

❷ 先选中图片,再选中形状-【形状格式】-【合并形状】-【减除】,操作完成。

(选择顺序对运算结果会有影响,一定要选对顺序哦。)


图片
图片
图片

同理,根据布局向画面中添加植物素材,要注意前后遮挡关系。

同时也可以多次运用「布尔运算」和「裁剪」工具对图片素材进行调整,以获得想要的效果。


图片

揭开表面,让我们来看看它们背后的样子,这样看,是不是就清晰很多。


图片

到这里,我们离魔法的完成,只剩最后一步啦,也是很关键的一步,那就是 添加阴影。

我们常说「形影不离」,为了使场景效果更加逼真,阴影的添加也是很有讲究的哦。

先来根据图片,简单的了解一下光影的基本规律。

可以看到,距离投射物较近的阴影颜色较深且轮廓较为真实,反之颜色较浅并且轮廓比较模糊。


图片

结合这一规律,在给元素添加阴影的过程当中,主要调整 阴影预设、透明度、大小、模糊、角度、距离等 几个参数,具体步骤如图。


图片

经过一番操作,主体的最终效果就完成了。


图片

⭐第四步:烘托氛围

主体制作完成,最后让我们来添加一些修饰元素,让画面的氛围更加浓厚。

❶ 添加绿植图片,丰富背景层次;

❷ 添加线框平衡画面;

❸ 在画面左、右上角添加绿植并根据规律设置阴影,呼应主题同时营造画面的延续感。


图片

动物园海报,到这里就制作结束啦。

图片

思路延伸

那么在 PPT 中,利用三维和光影来制作的文字、素材穿插效果,除了做海报,还能干点啥呢?

打开你的脑洞吧,这不,我为了好好学习,给最近参加的 @老秦的小黑屋 制作了一个分享封面。


图片

除了文字旋转,我们还可以 旋转形状。

在这春暖花已开的三月,做了一张鸡汤海报送给自己和大家。


图片

快想想还能用在哪,欢迎留言一起交流哦!

最后,一起来回顾一下吧~

通过拆解,我们可以发现, 想让画面丰富立体,重点就是层次和光影。

那么在 PPT 中,打造光影效果,主要用到「三维旋转」、「渐变填充」和「阴影设置」,这就是让平面元素能够走出画面的「神奇魔法」啦!

以上,就是我对自己作业制作过程的拆解,你学会了吗?