发一个动画图片制作教程
（兼答博友xdf19860618）
博友xdf19860618问下面的图片是怎么制作的？（以下称为图一）
因为找不到制作原图，就用下面的两张图片来解说一下，制作原理是相通的。
（蝴蝶图片是png格式，网易好象不兼容，只好发一张jpg的，如果哪位网友要练习的话必须将黑色部分删除）
一、打开原图，复制图层
用Adobe Photoshop 打开原图，右键复制图层
二、关闭背景层，选定副本图层，用橡皮擦擦去副本的上部（图一应当是擦除右边）
三、拖入一张蝴蝶图片，或点击文件－置入，把蝴蝶图片置入（图一就是那个“to:莫可落落”部分）
按Ctrl+T键调整图片大小（背景层要首先双击解锁），按住Shift+Alt键拖动调整可以不改变原图片的宽高比。
四、在图层面板中显示所有图层，并将蝴蝶图层拖到背景图层与背景副本之间
五、选定蝴蝶图层，用移动工具向下拖动图层，使蝴蝶刚好看不见（图一是还能看到落落两个字）
六、点击窗口－动画，打开动画面板
七、点击“复制所选帧”按纽，复制成4帧
八、选定第一帧和蝴蝶图层，关闭蝴蝶副本层
九、选定第二帧和一个蝴蝶副本层，将蝴蝶拖动到显示一半，并关闭其他蝴蝶图层
十、选定第三帧和另一蝴蝶副本层，将蝴蝶拖动到最高处，并关闭其他蝴蝶图层
十一、第四帧和图层的操作与第二帧相同
十二、将各帧的播放时间分别设置成0.5、0.2、0.5、0.2秒
可以点击“播放动画”按纽，看一下动画效果，不满意的可以修改。
十三、点击“文件－存储为Web和所有格式”，记住不能点击文件－存储为－GIF，那样保存的不是动画。
十四、存储为默认的GIF动画图片
效果图如下（如果是在网上用的，GIF图片一定不能大，否则不能显示动画）
制作原理：
1、主要是将运动的图层上面的那个复制图层擦去一部分，运动的图层移动到留下的部分时，被留下的部分遮住了，在感觉上好象是插到图片的里面去了，运动图层下面看到的是背景图层。
2、每一帧对应一个图层，这样就产生了动画效果。
3、运动图层和复制的副本层周围都要擦除干净，这样看起来才会逼真，不留痕迹。
评论