您所在的位置:味学网学习教育开网店网店装修动态GIF动画制作全过程

动态GIF动画制作全过程

日期:10-27| 味学网| http://www.weixiu6.com |网店装修 |人气:877

动态GIF动画制作全过程由http://www.weixiu6.com整理发布,类别:网店装修, 本站还有更多关于淘宝网店装修教程,免费网店装修,网店装修教程方面的资料。

动画制作全过程:很多人都在为那些漂亮的动画图片是怎样制作出来的伤脑筋吧!非常想拥有自己的个性动画图片,但是又不会做,该怎么办呢?蓝雪就把自己的制作的方法教给大家共同分享一下!很简单的!就拿这个动画图片为例吧:

  

图片点击可在新窗口打开查g/allimg/081101/0039430.gif

  首先双击

图片点击可在新窗口打开查g/allimg/081101/0039431.jpg

打photoshop,然后将您要制作动画的所有图片都打开,

  如下图:

  

图片点击可在新窗口打开查g/allimg/081101/0039432.jpg

  当然,每张图片的大小最好是一样的,除非您想做特殊的效果。然后,选择第一张图片,将其余五张依次复制到此图片上,此时状态如图:

  

图片点击可在新窗口打开查g/allimg/081101/0039433.jpg

  现在,可以把其余五张图片关掉了!然后点击左边工具栏最下面的图标

图片点击可在新窗口打开查g/allimg/081101/0039434.jpg

转换到Imageready页面, 如下图:

  

图片点击可在新窗口打开查g/allimg/081101/0039435.jpg

  上图中左下方为动画编辑器,目前显示的是最上面一层的图片,那么

  首先,选中动画编辑器上的

图片,然后点击动画编辑器上的

  

图片点击可在新窗口打开查g/allimg/081101/0039437.jpg

复制五个,如下图:

  

图片点击可在新窗口打开查g/allimg/081101/0039438.jpg

  (如果您有n个图片,那么您就复制n-1个)首先您选择动画编辑器中的第一个,然后到Imageready的右侧的编辑面板里找到图层面板,把图层1到图层5前面的小眼睛关掉。如下图:

  

图片点击可在新窗口打开查g/allimg/081101/0039439.jpg

  然后选择动画编辑器的第二个图片,再回到图层编辑器,把从图层1前的小眼睛打开!再选择动画编辑器的第三个图片,再回到图层编辑器,把从图层2前的小眼睛打开!再选择动画编辑器的第四个图片,再回到图层编辑器,把从图层3前的小眼睛打开!再选择动画编辑器的第五个图片,再回到图层编辑器,把从图层4前的小眼睛打开!再选择动画编辑器的第六个图片,再回到图层编辑器,把从图层5前的小眼睛打开!

  在动画编辑器的每一张图片的右下角都有个

图片点击可在新窗口打开查看

,点击0秒后面  的倒三角符号,出来下拉菜单,这是设置两个图片之间停顿的时间间隔的!时间越短变化的速度就越快,反制越慢!在这里我设置的是0.5秒。这样制作就完成了,为了以后的修改,建议大家先保存一个psd格式的,只有这个格式的图片才可以用来修改哦!否则改了之后的动画可就不动了!然后是如何输出动画:点击左上角的文件下拉菜单的存储优化结果,选择您想要保存的位置,输入文件名,保存类型是gif格式,然后点保存,出现一个对话框,如下图:

  

图片点击可在新窗口打开查g/allimg/081101/00394311.jpg

  点确定就可以了,到这里就算大功告成了!


如果觉得动态GIF动画制作全过程不错,可以推荐给好友哦。
本文Tags:淘宝网店装修教程,免费网店装修,网店装修教程,淘宝网店装修教程,免费网店装修,网店装修教程,开网店,