做了十几年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 中,打造光影效果,主要用到「三维旋转」、「渐变填充」和「阴影设置」,这就是让平面元素能够走出画面的「神奇魔法」啦!
以上,就是我对自己作业制作过程的拆解,你学会了吗?