CGArt-中国CGer中的绿色家园
首页 信息动态 原创排行 互动教程 资源千寻 CG人才 CGArt杂志 艺术设计 CG画廊 CG论坛 酷站欣赏 CG搜索 会员中心
Photoshop初学者教程:逐帧动画制作基础(1)
来源:中国教程网 编辑:浪漫的季节 发布时间:2007年09月20日 12:58:13

相关实例教程:

逐帧动画制作基础(1)——观音变如来 (本文)

逐帧动画制作基础(2)——下雪的效果

逐帧动画制作基础(2)——变色字

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

本课我们用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

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

共有评论7条
更多评论..
作者信息 详细信息
大江歌罢
于2007年11月07日 09:45:42

不错,谢谢啦
大江歌罢
于2007年11月07日 09:45:40

不错,谢谢啦
94125033

性别:男
城市:
评分:0
于2007年11月05日 19:14:48

我怎么没动画这个工具??可以告诉我吗?
一碗饭
于2007年10月03日 20:26:20

你好我遇到了点麻烦
怎么我点了软件转换钮以后以前的背景就变成了图层1的画面,这是什么问题?
小可爱
于2007年10月03日 03:27:06

蛮力害的啊
评论人:
验证码:
内容:
 
about us advertisement publish conformity service cooperate associate link site map contact us help jump to the top of page