Flash专栏: 基础教程 | 技巧运用 | MTV实例教程 | 游戏实例教程 | 实例教程 | AS教程(new)
photoshop专栏: 基础 | 进阶 | 技巧总汇 | 精彩实例 | 文字特效 | 滤镜魔术 | 实际应用
网页设计: Dreamweaver教程 | FireWorks教程 | CorelDraw设计 | Freehand/Illustrator教程 | 音乐转换教程
其他教程: 操作系统 | 程序设计 | 网站开发 | 图形图像 | 数据库 | 网络技术 | 安全相关 | 认证考试 | 硬件知识 | 服务器
photoshop精彩教程>入门基础>逐帧动画制作基础(1)   返回上一页

  日期:2007-09-21 11 作者:webkxq2007 来源:Pconline
天气预报 IP地址 手机号码 邮编 翻译 在线代理 在线评书 好dj


逐帧动画制作基础(1)


本课我们用photoshop和它附带的 ImageReady (简称PS和IR)制作逐帧动画。还是本着简单、易学、易记的原则。本题是最简单的基础引导教程,旨在让大家熟悉IR的最基本操作方法。希望大家借题发挥,充分开动脑筋,做出更加丰富多彩的动画效果。


效果图1 (本文例子)

逐帧动画制作基础(1)
效果图2

逐帧动画制作基础(1)效果图3
效果图3

 1、启动photoshop,打开两幅图像

逐帧动画制作基础(1)图1
图1

逐帧动画制作基础(1)
图2

  2、将一幅图像用鼠标按住拖入另一幅图像中如图示得到图层1

逐帧动画制作基础(1)图3
图3

  3、让两幅图像严格对齐(如果不对齐就会出现图片跳动现象),然后点击“软件转换图标”,转到IR中进行编辑

逐帧动画制作基础(1)图4
图4

4、点击窗口-动画,显示动画调板

逐帧动画制作基础(1)图5
图5  

  5、关闭图层1眼睛,点击复制当前桢钮

逐帧动画制作基础(1)图6
图6

逐帧动画制作基础(1)图7
图7

  6、关闭先前的图层眼睛,显示另一个图层的眼睛

逐帧动画制作基础(1)图8
图8

 7、按住ctrl键选中两个动画桢,点击小黑三角,设置显示时间(两桢显示时间相同)

逐帧动画制作基础(1)图9
图9

  8、现在可以试试播放效果了,如果觉得太快或是太慢,可以重新设置显示时间。

逐帧动画制作基础(1)图10
图10

  9、最后保存文件,按图示:以后我们就可以在浏览器或是其它播放器里播放这个动画了。(你可以用这个方法制作“走马灯”等效果)

逐帧动画制作基础(1)
图11

逐帧动画制作基础(1)
图12

逐帧动画制作基础(1)
图13


 
高手云集 版权所有 1998-2006