美文网首页
动效设计步骤

动效设计步骤

作者: 喵大仙人儿 | 来源:发表于2016-08-24 16:38 被阅读30次

一、PS中分层

二、动效逻辑整理

三、AE中动态设计

四、体验优化

五、输出阶段

    1、swf 格式  -在file– export中输出swf格式。首先在composition settings中设置输出文件大小,帧率建议保持在15-20帧,这样的文件相对较小且保证了画面流畅度。然后在swf settings中设置jpg品质,图像品质决定了你的文件大小,这里建议设为5。在下方的options勾loop continuously,可以让你的swf文件一直循环播放。最后点击OK输出即可。

2、gif格式。首先在composition – make movie中输出avi格式。然后在PS中的文件-导入视频帧到图层,最后在PS中输出gif图。

小结:gif与swf的区别在于前者文件较小,但是画面会有很多噪点;后者文件较大,画面基本没有损失。因此大家可以根据画面内容选择输出的格式,如:灰度图做动态演示时可以输出gif格式;如果画面色彩比较丰富,建议输出swf格式,然后通过swf品质设置,调整swf品质设计以达到最优效果。

相关文章

  • 动效设计步骤

    一、PS中分层 二、动效逻辑整理 三、AE中动态设计 四、体验优化 五、输出阶段 1、swf 格式 -在fil...

  • 近两年的设计趋势

    1.1 动效设计和动画设计 我认为动效设计会是主要趋势,因为在几乎所有的设计领域都能用到动效,从微动效到Logo和...

  • 动效设计-交互设计的最后一公里(三)

    在《动效设计-交互设计的最后一公里(一)》中,作者已经将动效的类型划分为四种:品牌类动效、引导类动效、转场类动效、...

  • 近日动效设计

    最近的一些动效工作和练习作品 信商产品App动效设计 动效设计练习作品

  • 动效设计

    我的动效设计,sketch绘图,principle制作动效。

  • 动效设计之我见

    在这个动效设计元年,动效设计似乎也变成了设计师必备的技能之一,那么笔者就来分享一下自己对于动效设计的见解吧。 工具...

  • Principle: 做动效,选对软件很重要

    你有多久没做动效了?平时的工作主要是终端视觉设计,功能需求加运营需求,静态稿件加动效设计,从比例来看,动效设计其实...

  • 图标动效设计灵感,让你的图标动起来

    动效设计已经成为了一种设计流行趋势,动效在设计中被越来越广泛的运用,好的动效设计对用户体验的提升是显而易见的,它的...

  • 国外UI动效设计欣赏,在实用和完美之间平衡

    分享一组国外UI设计动效,动效设计除了创意之外,就是动效的节奏控制,一个流畅的节奏才能给用户美妙的体验,例如与用户...

  • 学一学移动端动效设计(源文件分享)

    在移动端交互设计中,动效设计越来越占到一定量的比重。动效设计是嵌入在用户界面设计流程中的一部分,通过动效拥有一个清...

网友评论

      本文标题:动效设计步骤

      本文链接:https://www.haomeiwen.com/subject/ezlosttx.html