ppt在那个app制作

发布网友 发布时间:2022-04-20 16:57

我来回答

4个回答

懂视网 时间:2022-04-20 10:42

  基于mo.js制作的17种炫酷图标动画特效

简要教程

  这是一款基于mo.js制作的一组炫酷图标动画特效。这组图标动画共有17种效果,它们使用font-awesome作为图标,采用SVG技术,在用户点击图标时产生各种炫酷的图标动画特效。

  mo.js是Oleg Solomka开发的一款图形动画javascript库。通过它你可以制作出非常有趣的图形动画效果。


  使用方法

  HTML结构

  图标的HTML结构使用一个按钮来包裹一个Font Awesome图标。

<button class="icobutton icobutton--thumbs-up">
 <span class="fa fa-thumbs-up"></span>
</button>

  制作图标动画

  然后你就可以通过mo.js提供的方法来制作动画特效。


var el = document.querySelector('.icobutton'),
 elSpan = el.querySelector('span'),
 // mo.js timeline obj
 timeline = new mojs.Timeline(),
 
 // tweens for the animation:
 
 // burst animation
 tween1 = new mojs.Burst({
 parent: el,
 duration: 1500,
 shape : 'circle',
 fill : [ '#988ADE', '#DE8AA0', '#8AAEDE', '#8ADEAD', '#DEC58A', '#8AD1DE' ],
 x: '50%',
 y: '50%',
 opacity: 0.6,
 childOptions: { radius: {20:0} },
 radius: {40:120},
 count: 6,
 isSwirl: true,
 isRunLess: true,
 easing: mojs.easing.bezier(0.1, 1, 0.3, 1)
 }),
 // ring animation
 tween2 = new mojs.Transit({
 parent: el,
 duration: 750,
 type: 'circle',
 radius: {0: 50},
 fill: 'transparent',
 stroke: '#988ADE',
 strokeWidth: {15:0},
 opacity: 0.6,
 x: '50%', 
 y: '50%',
 isRunLess: true,
 easing: mojs.easing.bezier(0, 1, 0.5, 1)
 }),
 // icon scale animation
 tween3 = new mojs.Tween({
 duration : 900,
 onUpdate: function(progress) {
 var scaleProgress = scaleCurve4(progress);
 elSpan.style.WebkitTransform = elSpan.style.transform 
  = 'scale3d(' + scaleProgress + ',' + scaleProgress + ',1)';
 }
 });
 
// add tweens to timeline:
timeline.add(tween1, tween2, tween3);
 
// when clicking the button start the timeline/animation:
el.addEventListener('mouseenter', function() {
 timeline.start();
});


  关于mo.js的详细使用方法,你可以参考它的官方网站:mo.js。


热心网友 时间:2022-04-20 07:50

更多视频
PPT是用什么软件做的?
WordinPPT
关注
PPT常指的是:Microsoft PowerPoint
可以制作PPT的软件主要分为三种
1.Microsoft Office ( 微软公司 )
2.WPS ( 金山公司 )
3.keynote ( 苹果公司 )
...展开
工具原料Microsoft OfficeWPSkeynote
方法/步骤分步阅读
1
/6
1.Microsoft Office ( 微软公司 )
Microsoft Office是由Microsoft(微软)公司开发的一套基于 Windows 操作系统的办公软件套装。常用组件有Word、Excel、PowerPoint等。最新版本为Office 365(Office 2019)。

常用的,或者换种说法,是市场上通用的专业制作PPT的软件
2
/6
Microsoft Office 制作PPT的软件版本有很多(由高到低排序)
office 2003 - 最低版本
office 2007
office 2010
office 2013
office 2016
office 2019 ( office 365 ) - 最高版本 - 按年付费
简单的说下区别,软件版本越高,功能越多,建议尽量使用高版本
3
/6
2.WPS ( 金山公司 )
WPS Office是由金山软件股份有限公司自主研发的一款办公软件套装,可以实现办公软件最常用的文字、表格、演示等多种功能。具有内存占用低、运行速度快、体积小巧、强大插件平台支持、免费提供海量在线存储空间及文档模板。
4
/6
最新版本也到了 WPS Office 2019
兼容性更强,功能更强大,最重要的是免费!!!
5
/6
3.keynote ( 苹果公司 )
Keynote是苹果电脑CEO史蒂夫·乔布斯 在为Macworld Conference and Expo和其他苹果公司的活动中主题演讲使用的演示软件。这个软件后来公开发售, Keynote 1.0 版本的售价是99美元,为了与其他演示软件竞争,矛头直指微软的办公软件PowerPoint。与PowerPoint不同,Keynote支持几乎所有的图片字体,界面和设计也更图形化,可以用来制作更好的幻灯片。由于Keynote 使用macOS内置的 Quartz等图形技术,他可以很轻易的制作幻灯片。另外,Keynote还有真三维转换,比如在切换幻灯片的时候使用旋转立方体方式。
6
/6
动画效果酷炫,适合发布会PPT
与office等PPT制作软件不兼容

热心网友 时间:2022-04-20 09:08

作为一个什么都要会一点儿的运营,前几天遇到一件比较棘手的事情:客户要求商城后台功能模块图标太丑想要换一下,奈何客户只付了很低的价格购买了我们一套模板APP,老板并不想为他浪费UI的宝贵时间,就让我这个不懂设计的运营随便找一些给他换上。

话说到这份儿上,我只能硬着头皮先去网上搜索“图标大全”之类的素材,奈何丑的我都看不下去,于是想起来有段时间做PPT见到过类似的,就想着做一下看看。

我用的是WPS,首先新建一张幻灯片,插入一个圆形设置渐变填充,如下图所示:

渐变色参考

效果预览

由于还需要一个小图标作为辅助,比如我想做一个地址图标,那么就可以用阿里巴巴icon找一个下载.svg格式或者.png格式的:

阿里巴巴icon图标很全

还可以修改颜色

保存后的小图标插入到PPT圆形上,就能看到图标制作的雏形了:

接下来就是图标的导出了,其实这一步还差一个步骤:圆形形状填色后,需要先另存为图片再插入到PPT里,然后和后面的小图标同时被选中,右击【组合】就组合成了新的图标,如上图右侧所示,再保存下来就可以啦。

你学会了吗?看看小编制作的几个小图标,是不是还可以呢?

图标示例

不妨动手试试吧

热心网友 时间:2022-04-20 10:42

今天推荐的这个项目是「Gossip」,是一个高效创建和演示炫酷幻灯片的用户界面。

这个项目最初的灵感是来自于 impress.js,但它使用起来很麻烦(毕竟为了做 PPT 而写代码有点......),同时现有的一些制作幻灯片的软件使用起来不尽人意。

一方面,现有的软件让演讲者在制作 PPT 的过程中过多地关注幻灯片的图形化设计,而忽略了每一页幻灯片传递信息的效率和 PPT 整体的逻辑结构。另一方面,在演示 PPT 的过程中不能给听众提供更多的上下文信息:前后两张幻灯片的关系、当前讲到哪一张、还有多少张没有讲......

Gossip(八卦)是一种我们随时随地都在、也是人们最喜欢讲的故事,所以我将该软件取名为 Gossip,旨在打造一个通过 PPT 高效编故事、讲故事的工具。

Gossip 特色:

约定式大纲。
只需要少量拖拽和对齐操作的布局。
更加自由和方便的修改样式。
拥有有和 impress.js 相似的切换动画和 overview 模式,但是这里的布局和动画都是一键生成,不需要你写代码一张张的调整。
为保证最佳体验:请使用 Chrome、Firefox 或 Safari 浏览器。
声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com