在线动效制作-什么网站可以做简易动画视频？

几个网页设计工作中经常会用的在线工具,能够大大的提供工作效率!

ProCSSor

ProCSSor是一个很不错的CSS代码美化工具,它可以轻松的把代码转换成很美观的格式。

jsFiddle

JsFiddle有多种用途,其中一个用法就是可以在线编辑HTML,CSS和JavaScript片段,而且代码可以分享,还可以嵌入到你的博客中等等。

FrameBox

FrameBox是一个非常好用的用于在线分享线框图(wireframes)的工具。

Spritebox

Spritebox是一个所见即所得的工具,帮助Web设计者迅速而轻松地从一张精灵图片(CSSSpritImage)创建CSS类和ID选择符样式。这里涉及到一项技术叫CSSSprites,在国内很多人叫CSS精灵,它是的基本原理是使用CSS的背景系列属性的组合进行背景图片的精确定位。

CSS3Generator

这是一个简单的跨浏览器CSS3样式生成器,可以生成你想要的任何值。

SuperConversionButton

这个工具可以帮助你瞬间生成一个美观的试用(Tryitnow)按钮。

这个工具之前曾介绍过,可以帮助你直观的查看当前电脑上安装了哪些字体。

一般我做动画视频都是用软件做比较多,比如flash、万彩动画大师、AE等。如果你是一定要找网站的,我也用过几个,这里就都说说吧:

1.秀展网

这个是在线制作MG动画短片的平台,操作简单,有比较多的线上模板和素材,可以直接套用模板编辑短视频内容,也能新建工程。能输出H5,也能下载本地视频。

2.爱美刻

一款在线的视频制作工具,内置了多种常用的模板;但稍微使用了一下,发现不是特别好用,导入了几张图片,提示要手动拖拽到指定的地方才能制作视频;下载视频需要收费

3.ApowerShow

在线的视频制作工具,提供各种主题模板;提供了各种样式的分屏功能,滤镜特效;功能比较全面,但一般都是用图片做视频,没有动画

1、动图制作就是就是用gif制图制作,我是直接在线制作的,以下为例。

2、打开制作页面,以下是制图的网址GIF_fenjie/

3、先按到最上方红色圈出来的位置:GIF闪图分解

4、导入图片

5、设置帧速和质量

6、导入后,按播放/保存(就是预览)――查看效果

7、最后按保存,就结束了

8、需要用时,直接在公众平台上传可以用了