Photoshop初学者教程:逐帧动画制作基础(1)

豆豆网   技术应用频道   2007年09月19日  【字号: 收藏本文

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

  本教程适用于photoshopCS2及以前的版本。

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

  Photoshop初学者教程:逐帧动画制作基础(1)

  效果图1 (本文例子)

  Photoshop初学者教程:逐帧动画制作基础(1)

  效果图2

  Photoshop初学者教程:逐帧动画制作基础(1)

  效果图3

  友情提示:点击下一页开始教程学习

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

  Photoshop初学者教程:逐帧动画制作基础(1)

  图1

  Photoshop初学者教程:逐帧动画制作基础(1)

  图2

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

  Photoshop初学者教程:逐帧动画制作基础(1)

  图3

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

  Photoshop初学者教程:逐帧动画制作基础(1)

  图4

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

  Photoshop初学者教程:逐帧动画制作基础(1)

  图5  

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

  Photoshop初学者教程:逐帧动画制作基础(1)

  图6

  Photoshop初学者教程:逐帧动画制作基础(1)

  图7

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

  Photoshop初学者教程:逐帧动画制作基础(1)

  图8

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

  Photoshop初学者教程:逐帧动画制作基础(1)

  图9

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

  Photoshop初学者教程:逐帧动画制作基础(1)

  图10

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

  Photoshop初学者教程:逐帧动画制作基础(1)

  图11

  Photoshop初学者教程:逐帧动画制作基础(1)

  图12

  Photoshop初学者教程:逐帧动画制作基础(1)

  图13

  下一课我们学习另一种动画效果:移动图层法制作动画 (即将发布)

来源:中国教程网    作者:webkxq2007    责编:豆豆技术应用

正在加载评论...