photoshop 制作罗盘游戏中罗盘指针旋转动画

  发布时间:2010-06-21 23:29:40   作者:佚名   我要评论
在本小节的实例学习中,将制作罗盘游戏中罗盘指针旋转的动画效果。

9)在“图层”调板中将上面编辑并创建的图层组全部隐藏,然后显示并选择“组 2 副本”图层组,如图10-108所示。
photoshop 制作罗盘游戏中罗盘指针旋转动画
10-108 调整图层属性

10)接着播放“动作 2”五次,编辑如图10-109所示的图像效果。
photoshop 制作罗盘游戏中罗盘指针旋转动画
10-109 播放“动作 2
11)完成上述操作后,在“动画”调板中确定第1帧动画为选择状态,然后在“图层”调板中,将“组 1”图层组隐藏,还原上一章节设置的动画画面,如图10-110所示。
photoshop 制作罗盘游戏中罗盘指针旋转动画
10-110 还原动画画面
12)单击photoshop 制作罗盘游戏中罗盘指针旋转动画“在ImageReady中编辑”按钮,将当前文件直接传送到ImageReady中进行编辑。
13)选择photoshop 制作罗盘游戏中罗盘指针旋转动画“圆形图像映射”工具,绘制如图10-111所示的图像映射区域,这时在“Web 内容”调板中,将创建“图像映射 01
photoshop 制作罗盘游戏中罗盘指针旋转动画
10-111 创建图像映射区域

14)在“Web 内容”调板中,单击photoshop 制作罗盘游戏中罗盘指针旋转动画“创建翻转状态”按钮,新建Over状态,如图10-112所示。
photoshop 制作罗盘游戏中罗盘指针旋转动画
10-112 新建Over状态
15)再在“Web 内容”调板中,单击photoshop 制作罗盘游戏中罗盘指针旋转动画“创建翻转状态”按钮,新建Down状态。然后将Down状态转换为Selected状态,如图10-113所示。
photoshop 制作罗盘游戏中罗盘指针旋转动画
10-113 创建Selected状态
16)接下来参照图10-114、图10-115所示,编辑Selected状态的第16帧动画。
photoshop 制作罗盘游戏中罗盘指针旋转动画
10-114 14帧动画
photoshop 制作罗盘游戏中罗盘指针旋转动画
10-115 56帧动画
17)最后执行“文件”→“存储优化结果”命令,存储优化结果为“HTML和图像”格式文件。
读者可打开本书附带光盘\Chapter-10\“罗盘小游戏.html”文件查看最终效果。

相关文章

最新评论