注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

OK之家

原创心得 仅供交流 欢迎交友

 
 
 

日志

 
 
关于我

本人是一个电脑网络爱好者,为了自娱自乐,也为了同有心人交流心得,特制作了这个博客,希望能抛砖引玉.更希望能得到大家的帮助,请常来看看,多多指教.

网易考拉推荐

发一个动画图片制作教程  

2010-04-27 15:21:16|  分类: 软件知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

发一个动画图片制作教程

(兼答博友xdf19860618

  博友xdf19860618问下面的图片是怎么制作的?(以下称为图一)

 发一个动画图片制作教程 - ok -         OK之家

因为找不到制作原图,就用下面的两张图片来解说一下,制作原理是相通的。

发一个动画图片制作教程 - ok -         OK之家

   发一个动画图片制作教程 - ok -         OK之家

  (蝴蝶图片是png格式,网易好象不兼容,只好发一张jpg的,如果哪位网友要练习的话必须将黑色部分删除)

  一、打开原图,复制图层

Adobe Photoshop 打开原图,右键复制图层  

发一个动画图片制作教程 - ok -         OK之家

二、关闭背景层,选定副本图层,用橡皮擦擦去副本的上部(图一应当是擦除右边)

发一个动画图片制作教程 - ok -         OK之家

三、拖入一张蝴蝶图片,或点击文件-置入,把蝴蝶图片置入(图一就是那个“to:莫可落落”部分

发一个动画图片制作教程 - ok -         OK之家

按Ctrl+T键调整图片大小(背景层要首先双击解锁),按住Shift+Alt键拖动调整可以不改变原图片的宽高比。

四、在图层面板中显示所有图层,并将蝴蝶图层拖到背景图层与背景副本之间

发一个动画图片制作教程 - ok -         OK之家

五、选定蝴蝶图层,用移动工具向下拖动图层,使蝴蝶刚好看不见(图一是还能看到落落两个字)

发一个动画图片制作教程 - ok -         OK之家

六、点击窗口-动画,打开动画面板

发一个动画图片制作教程 - ok -         OK之家

发一个动画图片制作教程 - ok -         OK之家

七、点击“复制所选帧”按纽,复制成4

发一个动画图片制作教程 - ok -         OK之家

八、选定第一帧和蝴蝶图层,关闭蝴蝶副本层

发一个动画图片制作教程 - ok -         OK之家

九、选定第二帧和一个蝴蝶副本层,将蝴蝶拖动到显示一半,并关闭其他蝴蝶图层

发一个动画图片制作教程 - ok -         OK之家

十、选定第三帧和另一蝴蝶副本层,将蝴蝶拖动到最高处,并关闭其他蝴蝶图层

发一个动画图片制作教程 - ok -         OK之家

十一、第四帧和图层的操作与第二帧相同

发一个动画图片制作教程 - ok -         OK之家

十二、将各帧的播放时间分别设置成0.50.20.50.2

发一个动画图片制作教程 - ok -         OK之家

  可以点击“播放动画”按纽,看一下动画效果,不满意的可以修改。

十三、点击“文件-存储为Web和所有格式”,记住不能点击文件-存储为-GIF,那样保存的不是动画。

发一个动画图片制作教程 - ok -         OK之家

十四、存储为默认的GIF动画图片

发一个动画图片制作教程 - ok -         OK之家

效果图如下(如果是在网上用的,GIF图片一定不能大,否则不能显示动画)

发一个动画图片制作教程 - ok -         OK之家

  制作原理:

1、主要是将运动的图层上面的那个复制图层擦去一部分,运动的图层移动到留下的部分时,被留下的部分遮住了,在感觉上好象是插到图片的里面去了,运动图层下面看到的是背景图层。

2、每一帧对应一个图层,这样就产生了动画效果。

3、运动图层和复制的副本层周围都要擦除干净,这样看起来才会逼真,不留痕迹。

  评论这张
 
阅读(1858)| 评论(11)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018