交互动图怎么制作(交互图怎么做)-编程知识网

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

使用PS

首先当然是先建立文档。

将所需的图片拖动到文档中。注意你需要几个动画表情或者动作来创建几个图层,把需要的图片拖到对应的图层里。

拖完所有图片,先保存。格式是psd。(需要注意的是,文档的模式必须是RGB)

然后按工具栏底部的按钮进入ImageReady。

转入ImageReady后,你会发现基本模式没变,下面还有一个动画编辑器工具。

在编辑器中创建新的动画帧!你刚刚建了多少层?这里有一些动画帧。

动画和层是对应的。你想在哪个动画帧中显示什么东西,打开这个画面的图层前面的眼睛,关闭其他的(如上图:蓝头发的女孩点击这个动画帧,这个女孩对应的图层前面的眼睛在图层的另一边打开,其他的都是关闭的。)

将所有动画帧和层放置到位,然后就可以编辑它们了。比如选择图片之间切换的时间。选择后,您可以按下面的播放键进行预览和播放。

玩了之后,我们觉得还可以,就完成了99%。

最后一步是将动画保存为gif。选择文件-将优化结果另存为?。

要保存的选项:格式为:仅图像。

-分界线-分界线-分界线

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

-分界线-分界线-分界线

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

我希望它能被采纳。谢谢~ ~ ~