蔡英挺简历gif动态图片给人以生动形象的印象,博得了大家的喜欢,然后很多人却不太会做gif图片,接下来我们就来使用photoshop软件来给大家做一个简单的动态图片。
今天我们使用photoshop来制作一个gif动图,photoshop中制作动图的原理和flash中动画的动画原理是一样的,都是可以自动生成补间动画,但是在photoshop中,补间动画只能是的补间动画和透明度的补间动画,所以我们要想使用photoshop来制作gif动图,就需要从和透明度这两个方面入手,接下来,我们打开photoshop开始制作gif动图,如下图:
接下来我们就来开始画画了,首先我们新建一个名字为“树1”的图层,然后新建一个名字为“乌鸦1”的图层,如下图:
接着我们分别复制“树1”图层和“乌鸦1”图层,得到“树1”、“树2”、“树3”和“乌鸦1”、“乌鸦2”、“乌鸦3”共6个图层,下图中我们只显示“树1”和“乌鸦1”两个图层,如下图:
下图为“树2”和“乌鸦2”两个图层的图像,这两个图层的图和1图两个图层的区别在于乌鸦的翅膀朝下,树的向右移动一些,如下图:
下图为“树3”和“乌鸦3”两个图层的图像,这两个图层的图和2图两个图层的区别在于乌鸦的翅膀朝上,树的向右移动一些,如下图:
接下来我们把“树1”和“乌鸦1”两个图层合并,“树2”和“乌鸦2”两个图层合并,“树3”和“乌鸦3”两个图层合并,如下图:
接下来我们将“图2”和“图3”的不透明度都设置为0,“图1”的不透明度为“100”,如下图:
然后我们按照下图中红色方框,将图片的循环格式设置为“永远”,将每个图片的持续时间设置为“0.2”秒,如下图:
之后我们就可以将我们制作的gif图片进行储存了,我们按照下图中,点击菜单栏“文件”,然后点击“文件”下的“存储为Web所用格式”,如下图:
然后我们进入到“存储为Web所用格式”的设置页面,这里我们默认,直接点击“存储”即可,如下图:
|