复杂的GIF交互动画,UI设计师是怎么做出来的

 我来答
猪八戒网
2023-04-03 · 百度认证:重庆猪八戒网络有限公司官方账号
猪八戒网
猪八戒网(zbj.com)创建于2006年,现已形成猪八戒网、天蓬网和线下八戒工场的“双平台+一社区”服务模式,是中国领先的人才共享平台。
向TA提问
展开全部

1.首先当然是先建立文档

2.把所需要的图片拖入文档内,注意你要几个动画表情或动作就建立几个图层,把所需要的图片拖入相应的图层。

3.图片全部拖好后,先保存一下,格式为:psd。(需要注意的是文档的模式一定要RGB的)?

然后按工具栏最下方的按钮,转入ImageReady?

转入ImageReady后你就会发现基本的模式没变,下面多了一个动画编辑器的工具。?

在编辑器中新建动画格!你刚才建了几个层这里就建几个动画格。?

动画格和图层是相对应的。你要在哪个动画格中显示什么就把这张图片的层的前面的眼睛打开,其余的关闭(如上图:显示蓝头发的女生便点中这个动画格,图层那边把此女生对应的层前的眼睛打开,其余的关闭。)?

把所有的动画格和层对应的放好后,即可以编辑了。比如选择图片之间变换的时间。选择好后,可以按下面的play键,进行预览播放。?

播放后觉得可以了,我们便完成99%。?

最后一步,储存为gif的动画。选择文件-将优化结果储存为?.?

注意储存的选项:格式为:仅限图像。?

-------------分割线--------------

更复杂的可以用flash制作,之后放入PS里进行优化

-------------分割线--------------

像3D、AI、CDR等软件也非常适合制作gif。

希望采纳谢谢~~~你好!

可以先用Coredraw或者AI出一副副平面的图画,然后可以用AE调成一桢桢的动画

简单的动画大概是这样吧,你那些你看似很复杂的GLF是画了许多的,每一部分都调的很精细的

如有疑问,请追问。那的问厉害的设计师,,,

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式