刮开图片的效果怎么做?
刮开图片的效果可以使用两张图片进行叠加,其中一张是被覆盖的原图,而另一张则是用灰色或其他颜色填充的遮罩层。
然后,使用鼠标或手指在遮罩层上进行划动,以此刮开部分遮罩,露出原图。
这个效果可以通过CSS的background-blend-mode属性实现,或者使用JavaScript来动态改变遮罩层的透明度来实现。需要注意的是,在使用遮罩层的情况下,最好使用高质量的图片,以避免图片在缩放时失真。
浏览器部分内容如何遮挡?
遮挡浏览器部分内容,一般用到div,可以实现遮挡浏览器窗口的功能,代码为:
<div unselectable="on" style="background:#000;filter:alpha(opacity=10);opacity:.1;left:0px;top:0px;position:fixed;height:100%;100%;overflow:hidden;z-index:10000;"></div>
涉及css属性解释一下,根据实际需求调整对应参数:
1) background:#000: 将div的背景色设置为黑色; filter:alpha(opacity=10): 在IE下,将div的透明度设置为0.1; opacity:.1: 在非IE下,将div的透明度设置为0.1。
2) left:0px;top:0px;position:fixed;height:100%;100%: 定义div的高度和宽度分别是浏览器高度和宽度的100%。这里有个小技巧,如果div的position是fixed或者absolute,那么当div的高度设置为百分比(例如100%)时,div的高度将参照浏览器可视区域(viewport)的高度来计算。此外,设置position为fixed,可以使得浏览器即使在scroll或resize时也保证遮罩层一直挡在页面的可视区域。
3) overflow:hidden 用来避免滚动条的出现。
怎么学习PPT中的动画制作?
你好,PPT动画有很多种,工具其实也就那几个,但是创意起来很多方式,下面这个就是我做的其中之一,想了解更多,关注我,里面有很多,希望对你有用。知识本来就是拿来分享一起学习的,欢迎吐槽。
PPT动画效果之“气吞山河”
第1步
准备好素材
俗话说巧妇难为无米之炊
做PPT也是一样
请回复“气吞山河”
已准备好素材文件和原版PPT
供其下载
我们需要素材①
素材②
素材③
素材④
注意:素材一定是透明背景的PNG格式
不会使用PS的朋友
请查看tusir君以前发布的
PPT之《实用宝典——快速抠图法》
回复“快速抠图”
已准备好素材教程,供其下载学习
第2步
导入素材,图片插入
选择水墨层
动画——线条效果
调整动画效果
自下而上
选择毛笔图层
动画——浮入效果
继续选择毛笔工具
动画——绘制自由曲线效果
按照书法字体绘制毛笔路径
最后选择
书法字体
动画——擦除效果
自上而下,时间3秒(时间根据自己作品设定速度,没有严格要求)
与上个动画同步,这样才能和毛笔路径一致
所有动画效果就这样简单的制作完毕了
懒于了解PPT动画的我,最近终于研究了PPT动画。
从简单的积累素材开始,讲了几期简单的动画操作。
发现,一直被我认为高深莫测的动画效果,其实根本不难。
我从五大页面的简约动画,信息图表及图文排版的呈现方式,加之几种常见的使用场景。
发现常用动画就这几种:【基本缩放】、【擦除】、【淡出】、【飞入】。
以工作实用性来讲,完全足够。
当然,我所说的不难,仅仅限于职场需要,并非专业动画设计。
这期就以职场定位,来说说动画的作用、适用场景以及该怎么去学它。
一、动画的作用?
①表达逻辑
在静态页面中,信息图表是我们表达逻辑和数据的重要方式。
如果在逻辑图表中加入动画,按照设定好的出场顺序,能更好的引导受众,辅助内容表达逻辑。
②强调内容
之前讲过静态页面中突出重点的方法。PPT突出重点的6个方式
而在动态页面中,用一个动画更加强调了主题。
在数据图表中加入动画,同样达到引导受众,强调数据的作用。
再比如一个【基本缩放】动画,给人制造视觉冲击,产生吸引。
了解这一动画后,再结合自己的PPT,你能使用在很多强调主题的场景中。
③避免枯燥
让人犯困的PPT是不可避免的,增加有趣的动画来吸引受众注意力。
虽然是一个“小心机”,但确实可以增加趣味性,让内容生动灵性。
二、适用场景?
动画用的好是附加值,用不好反倒画蛇添足。
所以要根据什么场景?了解受众人是谁?来决定怎么用它。
①什么场景?
阅读型内容,比如工作汇报、数据分析、公司简介...
这类严谨正式的场合,文字较多的内容比较适合静态呈现。
大型演讲、发布会比较适合简单少量的动画,来营造气氛。
②受众人是谁?
如果是上了年纪,视力不太好的领导,就不用考虑使用动画了。
当然,你不必逐个删除动画,PPT制作不加班的十个“小心机”,这里可以一键禁止使用动画。
三、学习定位?
以上我们了解,动画主要启到一个辅助作用。
如果不是专业需要,不必花费太多心思。
学会几个基础动画,就能让你的职场PPT变得活跃起来。
四、你要怎么学?
①熟悉功能
首先我们要尝试“动画”、 “动画窗格”、“效果选项”中的所有功能,简单了解它们是干嘛的,是什么样的效果。
这里不必过多阐述,你一试便知。
②模仿素材
拆分解析案例素材,保证模仿的成品效果丝毫不差,细节精确到计时的每分每秒。
这里你就可以对照我的动画成品练习,有动图和图文的完整解析,看明白是没有问题的。
③积累动画
结合自身常用场景,制作完成动画,积累到自己的素材库中,以便下次方便使用。
总结
从三个PPT动画的基本作用开始,我们了解到动画的适用场景,以及适合自身情况的学习定位。
同时也讲述了你要学习的具体方法,熟悉——模仿——积累。
套路依旧,这三大步就能让初学者也能快速掌握技巧,玩转PPT。
注:小万使用的是PowerPoint2016。