发一个动画图片制作教程.docxVIP

发一个动画图片制作教程 （兼答博友 xd 博友 xd问下面的图片是怎么制作的？（以下称为图一） 因为找不到制作原图，就用下面的两张图片来解说一下，制作原理是相通的。 （蝴蝶图片是 png 格式，网易好象不兼容，只好发一张jpg 的，如果哪位网友要练习的话必须将黑色部分删除） 一、打开原图，复制图层 用 Adobe Photoshop 打开原图，右键复制图层 二、关闭背景层，选定副本图层，用橡皮擦擦去副本的上部（图一应当是擦除右边） 三、拖入一张蝴蝶图片，或点击文件－置入，把蝴蝶图片置入（图一就是那个“to:莫可落落”部分） 按 Ctrl+T 键调整图片大小（背景层要首先双击解锁），按住Shift+Alt 键拖动调整可以不改变原图片的宽高比。 四、在图层面板中显示所有图层，并将蝴蝶图层拖到背景图层与背景副本之 间 －网易 －网易 矗．劝 工其 矗 ．劝 工其 ＿I ＿ I D 工山 ok之家－ 易博 七、点击“复制所选帧”按纽，复制成 4 帧 I 正 ”r |4 , , ．血． o k 之家－网易博客 八、选定第一帧和蝴蝶图层，关闭蝴蝶副本层 心 1” 瞿m E5下亏＿ 0 立 家－网 易 博 九、选定第二帧和一个蝴蝶副本层，将蝴蝶拖动到显示一半，并关闭其他蝴蝶图层 ok之家－网易博客 十、选定第三帧和另一蝴蝶副本层，将蝴蝶拖动到最高处，并关闭其他蝴蝶图层 ＿ ＿ ，幢 o k 之家－网易 博 十一、第四帧和图层的操作与第二帧相同 諒·-，心· ， 面 …心 氓一 古 － 蛐 o k 之家－网易博 十二、将各帧的播放时间分别设置成 0.5、0.2、0.5、0.2 秒 矗亭 矗亭 ，、I． 比艺家－ 易博 可以点击“播放动画”按纽，看一下动画效果，不满意的可以修改。 十三、点击“文件－存储为 Web 和所有格式”，记住不能点击文件－存储为－ GIF，那样保存的不是动画。 十四、存储为默认的 GIF 动画图片 效果图如下（如果是在网上用的，GIF 图片一定不能大，否则不能显示动画） 制作原理： 1、主要是将运动的图层上面的那个复制图层擦去一部分，运动的图层移动到留下的部分时，被留下的部分遮住了，在感觉上好象是插到图片的里面去了， 运动图层下面看到的是背景图层。 2、每一帧对应一个图层，这样就产生了动画效果。 3、运动图层和复制的副本层周围都要擦除干净，这样看起来才会逼真，不 留痕迹。 作者：张宇炳 OK 之家－网易博客 / 邮 箱 ： dyzyb001@163.com QQ:240654503