创意文字动画制作用哪个软件制作更轻松方便?

发布网友

我来回答

3个回答

懂视网

简要教程

这是一款基于segment.js制作的非常有创意的分段式SVG文字动画特效。这个文字动画特效通过动画SVG的描边路径来制作各种文字的动画效果,效果非常的赞。

这个SVG文字动画特效的第一个DEMO中的最后几个例子使用了mo.js插件,一款由Oleg Solomka编写的用于制作网页图形动画的JavaScript库插件。通过mo.js,可以制作出效果更为震撼的文字动画效果。

417.GIF

特效中使用的字体是exquisite lowercase font,一套极富创意的WEB字体。

使用方法

要使用该SVG文字动画特效,要在页面中引入segment.js,它用于动画SVG路径,d3-ease,用于制作easing动画过渡效果,以及letters.js。

<script src="js/segment.js"></script>
<script src="js/d3-ease.v0.6.js"></script>   
<script src="js/letters.js"></script>

HTML结构

可以使用一个<div>容器来包裹需要制作动画效果的文字。

<div class="my-text">my text</div>

初始化插件

然后我们就可以在JavaScript中获取这个元素,通过配置参数来制作绘制文字的动画。所有的参数选项(除了individualDelays)都可以设置为以下的值:

  • 单个值:可以被所有字母接收。

  • 数组:数组中的第一个元素会被第一个字母接收,第二个元素被第二个字母接收,以此类推。

  • 下面是一个使用配置参数的例子:

    // Selecting the container element
    var el = document.querySelector('.my-text');
     
    // All the possible options (these are the default values)
    // Remember that every option (except individualDelays) can be defined as single value or array
    var options = {
     size: 100,  // Font size, defined by the height of the letters (pixels)
     weight: 1,  // Font weight (pixels)
     rounded: false, // Rounded letter endings
     color: '#5F6062', // Font color
     duration: 1, // Duration of the animation of each letter (seconds)
     delay: [0, 0.05], // Delay animation among letters (seconds)
     fade: 0.5,  // Fade effect duration (seconds)
     easing: d3_ease.easeCubicInOut.ease, // Easing function
     individualDelays: false,  
     // If false (default), every letter delay increase gradually, showing letters from left to right always. 
     If you want to show letters in a disorderly way, set it to true, and define different delays for the desired letters.
    };
     
    // Initializing the text (Letters parameters: container-element, options)
    var myText = new Letters(el, options);

    通过上面的配置,我们已经定义了文字显示和动画的选项,插件会在容器中生成SVG文字。默认情况下,文字是被隐藏的,如何触发文字动画,可以参看下面的方法。

    // Show letters with the default options defined
    myText.show();
     
    // Hide letters with the default options defined
    myText.hide();
     
    // Toggle letters with the default options defined
    myText.toggle();
     
    // An example with all the possible options for triggers
    // Parameters (JSON): duration, delay, fade, easing, individualDelays, callback
    var newOptions = {
     duration: 2,
     delay: 0.2,
     fade: 1,
     easing: d3_ease.easeCircleInOut.ease,
     individualDelays: false,
     callback: function(){
     myText.hide();
     }
    };
    // These new options will override the options defined in the initialization
    myText.show(newOptions);
     
    // Show letters instantly, without any animation at all
    // There is a hideInstantly and toggleInstantly function, too
    myText.showInstantly(); // Shortcut for myText.show(0, 0, 0);

    每一个SVG字母都被分配一个letter class类,例如:letter-(a, b, c, ...),以及letter-(1, 2, 3, ...)。通过这些class我们可以自定义字母的样式,例如设置margin值或定位方式等。

    /* Setting margin among all letters */
    .letter {
     margin: 0 10px;
    }
     
    /* Setting background to letter m */
    .letter-m {
     background-color: lightsalmon;
    }

    热心网友

    看你要制作什么类型的动画了。

    flash的动画,可以用Macromedia Flash做。
    如果要做GIF的动画,可以用GIF Movie Gear(个人推荐)
    软件介绍:GIF动画制作软件,几乎有需要制作GIF动画的编辑功能它都有,无须再用其它的图型软件辅助。它可以处理背景透明化而且做法容易,做好的图片可以做最佳化处理使图片减肥,另外它除了可以把做好的图片存成GIF的动画图外,还可支援PSD,JPEG,AVI,BMP,GIF,与AVI格式输出!
    制作GIF动画还可以用Ulead GIF。
    如果是要做动漫类的可以用 卡通工作室(Toon Boom Studio)。

    ps:这些软件下载地址你百度一下就有了!

    一下的软件也都是用来做动画的,不过不适合菜鸟,因为都很复杂!

    二维软件

    1、SimpleSVG
    SimpleSVG是由中国人自主开发的一款矢量动画创作功能软件,基于目前最新的矢量图形标准――SVG(可扩展矢量图形),提供了一个真正所见即所得的SVG动画创作环境,采用传统的绘图和动画手段,以及智能的代码编程环境,为用户提供一个高效、简洁、强大的SVG动画集成创作环境。

    2、ANIMO
    ANIMO 是英国Cambridge Animation公司开发的运行于SGI O2工作站和Windows NT平台上的二维卡通动画制作系统,它是世界上最受欢迎、使用最广泛的系统,它具有面向动画师设计的工作界面,扫描后的画稿保持了艺术家原 始的线条,它的快速上色工具提供了自动上色和自动线条封闭功能,并和颜色模型编辑器集成在一起提供了不受数目*的颜色和调色板,一个颜色模型可设置多个"色指定"。它具有多种特技效果处理包括灯光、阴影、照相机镜头的推拉、 背景虚化、水波等并可与二维、三维和实拍镜头进行合成。
    新版Animo6对使用性和功能方面进行了大量的更新和补充,进而提高了Animo用户在从系统构造、扫描、处理和上色一直到合成和输出整个制作管线的使用效率。

    3、comicstudio
    全球第一款专业漫画软件,ComicStudio是日本Celsys公司出品的专业漫画软件,它使传统的漫画工艺在电脑上完美重现。使漫画创作完全脱离了纸张,给漫画教学节省大量的费用。Comic Studio完全实现了漫画制作的数字化和无纸化 从命名到漫画制作的整个过程.都是在电脑上进行的。ComicStudlo软件可以自由选择各种类型的专用笔。其特有的矢量化技术可以对笔线进行自动整形。已画好的线,可进行变粗或变细处理,而且线条的曲度可以根据需要自由修改。

    4、TOOZ
    TOONZ是世界上最优秀的卡通动画制作软件系统,它可以运行于SGI超级工作站的IRIX平台和PC的windows NT 平台上,被广泛应用于卡通动画系列片、音乐片、教育片、 商业广告片等中的卡通动画制作。TOONZ 利用扫描仪将动画师所绘的铅笔稿以数字方式输入到计算机中, 然后对画稿进行线条处理、 检测 画稿 、拼 接背景图配置调色板、画稿上色、建立摄影表、上色的画稿与背景合成、增加特殊效果、合成预演以及最终图像生成。利用不同的输出设备将结果输出到录象带、电影胶片、高清晰度电视以及其他视觉媒体上
    TOONZ的使用使你既保持了原来所熟悉的工作流程, 又保持了具有个性的艺术风格, 同时扔掉了上万张人工上色的繁重劳动, 扔掉了用照相机进行重拍的重复劳动和胶片的浪费, 获得了实时的预演效果, 流畅的合作方式以及快速达到你所需的高质量水准。

    5、USAnimation
    USAnimation 世界第一的2D卡通制作系统,应用USanimation您将得到业界最强大的武器库服务于您的创作,给您自由的创造传统的卡通技法无法想像的效果。轻松地组合二维动画和三维图像 。利用多位面拍摄,旋转聚焦以级镜头的推、拉、摇、移,无限多种颜调色板和无限多个层。USanimation唯一绝对创新的相互连接合成系统能够在任何一层进行修改后,即时显示所有层的模拟效果!最快的生产速度

    三维软件

    1、3DMAX 不用多说的一款软件

    2、Maya
    Maya一词来自于梵语“幻影世界”,是世界上最强大的整合3D建模、动画、效果和渲染解决方案。Maya是由国际知名的软件公司Autodesk所开发的3D影讯动画工具,自发表以来就获得许多动画师的喜爱及推荐。无人不叹服Maya所创造的精彩的视觉效果,其卓越的功能让每一位CG人士为之震撼,它被广泛的应用于动画电影、动画广告、动画电视剧、栏目包装、电影特效、虚拟实境及网络多媒体设计等领域,Maya已成为三维界的主流软件。

    热心网友

    建议用万彩字影大师来做,

    它比较好上手,像我一般都是直接套用里面的模版就能快速输出文字视频的,还能添加各种字幕配音    

    声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com