光效素材图片-用这样的穿插效果做PPT人物介绍，还怕客户说没创意吗

据新华社报道,华为将在6月2日举行线上发布会,鸿蒙手机真的要来了!

因为我也对鸿蒙操作系统期待已久,看到消息的第一时间,就点进了Harmony OS官博。

结果却被鸿蒙系统的开机动画吸引了。

就是这个光效出现动画,感觉也非常适合用在PPT里,那么这个动画该怎么制作呢?

其实也不难,接下来,就跟大家详细地分解一下。

首先,我们先准备好背景素材:

接着,再找到一个合适的光效素材:

那么,光效素材又该去哪里找呢?

很简单,我们常用的素材网站,比如花瓣网、觅元素、千库网、摄图网等,都可以通过搜索关键词找到光效素材。

如果你不想自己花时间去搜集光效素材,我也给你打包好了一些常用的光效素材。

关注@旁门左道PPT ,点击我的头像,进入主页,点击私信按钮,回复关键词【光效】,即可获取~

我们将光效素材插入PPT页面后,为其添加

[淡入]

动画。

大家可以发现,华为鸿蒙的开机动画中的光效,是逐渐放大和缩小的,因此我们需要进一步为光效添加

[放大/缩小]

动画。

最后再加上一个

[淡出]

动画就搞定啦! 我们来看一下效果。

再看一遍华为的动画,我们发现华为的光效还由蓝色变成白色了。

那么,这又是怎么做到的呢?

我们先将光效素材复制一层,并利用PPT自带的图片处理功能,将光效素材重新着色。

更改之后,光效素材变为白色。

由于白色光效是在蓝色之后出现的,我们将白色素材置于蓝色之下。

然后,按照之前的步骤,依次为这个光效素材添加 [淡入] 、[放大/缩小] 、[淡入] 动画。

最后,因为白色光效出现之前,蓝色光效已经消失,我们还需要调整一下蓝色素材的淡入时间,让它在 [放大/缩小] 动画结束之前消失。

到这里,这个动画就全部完成了,我们来看一下效果:

怎么样?你学会了吗?是不是很简单?

那么,这个光效出现动画,在PPT里有什么用处呢?

它的用处可多啦,别看它基础,这种光效动画在大屏幕上的效果可是非常震撼的。

你可以用这个动画来修饰封面标题:

也可以学习华为,用来辅助品牌LOGO的呈现:

也可以用它来强调重点内容:

以上就是今天要分享的内容啦,希望能对大家有所帮助

最后,大家不要忘记领取我们今天分享的光效素材哦~

关注@旁门左道PPT ,点击我的头像,进入主页,点击私信,回复关键词【光效】,即可获取~

鸿蒙手机就要发布了,大家会买吗?

最近我在花瓣刷灵感图时,看到了很多游戏弹窗截图。

在游戏玩家眼里,弹窗处处是坑,全都是烦人的广告;但在 PPT 设计师的眼里,这就是灵感的源泉啊!

我从这些游戏弹窗中,分析总结了 4 种 PPT 人物介绍的设计思路,这不,迫不及待来和大家分享了。

01. 透明渐变融合

最近在看社群作业的时候,发现很多同学会将人物图“腰斩”处理,这是很不好的做法。

如果想要将人物融合到背景中,且不那么死板,可以尝试为其设置半透明渐变。

比如,下面这张案例图:

为了能够将人物与背景相融合,我给人物图设置了渐变透明,并在底部加上了云朵素材,使其与背景的天空白云相融合。

这里用到的,是 OKPlus 插件的图片透明功能,选中人物图后,修改方向并拖动滑块即可。

那还有没有其他渐变融合的玩法呢?

当然有,来看这一页:

首先,将人物 V 字形排开,然后设置渐变。

需要注意,人物的底部需要保持在同一水平线上。

然后加上背景图,并在人物底部添加一道粉色的光效:

这里的光效素材,一方面为了承载人物,另一方面则是为了有一道亮点突出。

02. 破窗穿越融合

破窗穿越,听上去有点玄乎,但看完案例后又会觉得这个描述很形象。

首先,有这个想法,是因为一个文案:“突破极限”。

当我绞尽脑汁也想不出所以然的时候,突然迸发出了灵感,可以做个割裂破开的设计。

于是,动手搜了一波素材,关键词:破窗/破碎玻璃/火焰。

着手处理素材之前,先勾勒出一个大概的线稿图:

左边是一个破窗而出的效果,右边则是描述的文案。

开始动手改造

先用色块画出一个窗户,然后在效果选项中,找到三维旋转和三维格式,分别设置参数:

窗户做好之后,来处理破碎的玻璃。

用布尔运算将玻璃色块剪除,可以得到一个和色块大小一样的碎玻璃:

然后将它放进做好的窗户边框中:

来处理下人物穿插,将人直接放上去肯定不合适,为了更好的效果,需要简单裁剪一下:

沿着窗户的边缘裁剪,就能做出一个伪穿窗的效果。

如果想要做得更真实,还需要进一步处理。

正常的情况下,破窗而出后,前后还会蹦出一些玻璃碎片:

就像这样,同样将玻璃素材,穿插在人的身上,不至于很假,然后将碎片处理下颜色,弄成―灰白色。

到这里,人物破窗的效果已经做得差不多了。

还记得前面准备的火焰素材么?如果还想突出紧迫感,则可以用插件为火焰设置透明渐变:

将处理好的火焰,穿插在窗户里,在外面放置一些零散的火苗,再和之前处理好的部分叠加。

这样,一个破窗逃离的效果就做好了。

在右侧加上文案,适当将“破”字做下镂空处理,这页 PPT 就做完了。

03. 渐变融合

做人物穿插效果时,在人物底部叠加渐变色块的做法屡见不鲜。

如果你觉得这种做法已经烂大街,过于平淡,那么可以再叠加一层科技元素丰富细节。

以下图为例,先准备两个已经处理好的游戏原画素材,用菱形穿插:

将处理好的素材放到游戏场景中:

把游戏角色上移一些,再用布尔运算裁除超出菱形的部分:

此处,只需要将科技波点元素融于角色底部即可。

小提示:这里对波点元素进行了改色处理,用到了 OKPlus 插件中的图片调色功能。

最后,加上游戏角色简介以及页面标题即可:

为了让页面更有意思,还可以为其添加一个悬浮动画:

怎么样,是不是很酷?

04. 荧光颗粒融合

区别于前面的穿插效果,这是在人物的底部加上荧光线条和漂浮颗粒。

先画一个大概的线条穿插色块:

接着为色块设置线性渐变:

找一张线性图片,分别对三个色块进行填充,再和底部边框进行穿插。

图片颜色与整体色调不符,需要调整下。

先在图片格式中,将图片颜色更改为相近色:

接着使用 OK 插件进一步调整颜色,将图片改成红色:

同时选中渐变色块和图片,然后在 OK 插件中选择―图片混合―混合置换,再点击红色通道置换,即可得到色调相同的图片。

我们再加入一张背景图:

底部的边框,设置了发光效果,同时添加渐变模拟内发光效果。

最后加上人物图,按前面的教程做简单的透明穿插:

为了能将人物边界区分开,再加些红色的光效/漂浮颗粒上去,这页 PPT 就完成了:

这就是我分析总结的 4 种 PPT 人物介绍页的设计思路。

本文涉及的素材处理步骤,全都是使用 PPT 和 PPT 插件完成的,大家可以动手试试看。

05. 文末小结

今天分享的 4 种不同的人物介绍页设计思路分别是:

1. 透明渐变融合

设置人物的渐变,一是可以和背景融合起来,二是可以做成一条地平线,放置一条光效承载人物;

2. 破窗穿越融合

对玻璃与火焰素材的加工与处理,不同素材的叠加,以及人物的穿插设置;

3. 元素渐变融合

波点线条与色块之间进行融合,使用 OKPlus 插件调色,同时添加漂浮动画增强场景感;

4. 荧光颗粒融合

不规则形状与边框的穿插,并将底部边框设置成荧光效果,同时给背景加上线性图片,强化背景的速度感。

最后加上火光等悬浮素材作为装饰,使整体更有气势。

上述 4 种设计思路都用了穿插效果,但又都做出了不一样的效果。

更多拓展玩法,期待大家多多尝试,鼓励复刻交作业哦。

本文的 PPT 源文件,如果想要拆解学习,可以在 AboutPPT 导航阅读原文获取。

以上,就是今天分享的全部内容,如果觉得有用的话,记得给我点个三连哟~

本期教学视频附在文末(每期的图文教程都有相关视频教程,图文结合视频,学习效果更好哦)。

如下图所示,本期教程我们来学习制作质感的金属字,为了增加文字的科技感,我们还为文字添加了蓝色光效,所以在制作前,我们除了需要准备一张文字背景素材外,还需要再准备一张光效素材,好,下面我们就开始制作吧。

文字光效素材

工具/材料:

电脑、Photoshop cc 2019、素材图片两张(一张做文字背景,一张做光效素材)

方法/步骤:

1、创建新文件,画布大小1000*650像素,分辨率72像素/英寸,打开准备好的背景素材,如下图所示。

点击“文字工具”,属性栏中设置好字体、大小和颜色,输入文字“DREAM”,调整文字位置,打勾确认。

2、双击文字图层,打开“图层样式”面板,添加文字样式,如下图所示,勾选“斜面和浮雕”,设置其参数:样式:内斜面;方法:平滑;深度:521%;方向:上;大小:4像素;软化:0;

设置光源角度:90度;光源高度:30度;

“光泽等高线”选择“环形”,打开“等高线编辑器”,我们可以编辑“映射”曲线;

“高光模式”选择“滤色”,不透明度:100%;打开“拾色器”,设置高光颜色,颜色编码为:ebc8c8;

“阴影模式”选择“正片叠底”,不透明度:100%;打开“拾色器”,设置阴影颜色,颜色编码为7c6564。

3、勾选“内阴影”,“混合模式”选择“正片叠底”,打开“拾色器”,设置“阴影颜色”,颜色编码为:b5a1a0;不透明度:100%;“光源角度”为“-90”度,取消勾选使用“全局光”;距离:6像素;阻塞:0%;大小:2像素。

4、点击“内阴影”后面的“+”,可以复制一个“内阴影”样式,调整其参数如下:

“混合模式”设置为“滤色”;不透明度:100%;打开“拾色器”,设置“内阴影”颜色,颜色编码为:d6c2c2;“光源角度”给到“90”度,取消勾选使用“全局光”;距离:4像素;阻塞:0%;大小:1像素。

5、再次点击后面的“+”,复制“内阴影”样式,调整参数如下:

混合模式:滤色;“内阴影”颜色代码依然是:d6c2c2;不透明度:73%;光源角度:-90度;距离:1像素;阻塞:0%;大小:6像素。

6、勾选“渐变叠加”,设置其参数:混合模式“正常”;“不透明度”给到“100%”;

打开“渐变编辑器”,设置渐变色,点击左下角的“色标”,点击色块,打开“拾色器”,设置色标颜色,颜色编码为:ffeced;

点击渐变条右下角的“色标”,点击色块,打开“拾色器”,设置色标颜色,颜色编码为:937e7d;

“样式”选择“对称的”;“角度”设定为“0”度;“缩放”给到“100%”。

7、点击“渐变叠加”后面的“+”,复制“渐变叠加”样式,设置其参数:混合模式:正常;不透明度:100%;

打开“渐变编辑器”,设置渐变色,设置左下角的“色标”颜色,颜色编码为:938787;渐变条的右端设置为全透明;

“样式”选择“线性”;角度:90度。

8、最后,我们再勾选“投影”,设置其参数:混合模式:正片叠底;打开“拾色器”,设置投影颜色,颜色编码为:726161;“不透明度”给到“26%”;

设置“光源角度”为“90”度;距离:9像素;扩展:0%;大小:8像素。

9、至此,文字的图层样式我们就添加完成了,点击“确定”退出。

下面我们再为文字添加上光效,增加它的立体感和科技感。

打开光效素材,Ctrl+C复制;

回到文字工作区,Ctrl+V粘贴;

Ctrl+T自由变换,调整光效的大小、位置和形状。

将“混合模式”设置为“滤色”。

我们可以多添加几个光效,添加在文字的合适位置,最后的效果如下,至此,质感金属字的效果我们就完成了,有兴趣的话,你也动手试一试吧。

本期教程就到这里,你学会了吗?有兴趣的朋友自己动手试试吧,百看不如一练,如果有不明白的地方,可以看文末的视频教程,我们下期教程再见!

本期同步教学视频:

让我们共同成长,成为更优秀的自己!

如果本篇教程对你有所帮助,请别忘记点赞、评论、转发、收藏!更多关于PS的精彩内容,敬请持续关注!