想必大家都对钓鱼的小游戏不会陌生，在本节实例的学习中就将通过使用photoshop和imageready这两款软件制作钓鱼小游戏的常态动画。如图10-64所示，为本实例的完成效果。 
图10-64 完成效果技术提示
在本实例的设计、制作流程中，动画所需的静态图像都已经在素材文件中准备好了。主要通过对“动画”和“图层”调板进行设置制作出钓鱼游戏的常态动画。如图10-65所示，为本实例的完成效果。 
图10-65 制作流程
制作步骤
（1）启动photoshop，打开本书附带光盘\chapter-10\“钓鱼小游戏.psd”文件，如图10-66所示。
提示：在“钓鱼小游戏.psd”文件中，已包含制作该实例需要的所有图层图像。 
图10-66 “钓鱼小游戏.psd”文件
（2）在“图层”调板中，选择“图层 13”。然后执行“图层”→“图层样式”→“外发光”命令，为该图层添加“外发光”效果，如图10-67所示。 
图10-67 设置“外发光”图层样式效果
（3）单击
“在imageready中编辑”按钮，将当前文件传送到imageready中。然后在“图层”调板中，隐藏“图层 13”的“外发光”图层样式效果，设置第1帧动画，如图10-68所示。 
图10-68 设置第1帧动画
（4）接着参照图10-69所示，通过调整“组 1”图层组中小鱼图像所在视图中的位置，设置第2～5帧动画。 
图10-69 设置第2～3帧动画
（5）在“动画”调板中选择第3帧动画，然后单击
“过渡”按钮，参照图10-70所示，在第2帧和第3帧动画之间插入2个过渡帧，这时调板中共有7帧动画。 
图10-70 设置过渡帧
（6）再在第5帧和第6帧之间插入3个过渡帧，这时共有10帧动画。在第9帧与第10帧之间插入6个过渡帧，这时共有16帧动画。
（7）接下来选择第5帧动画，再单击
“复制当前帧”按钮，创建第6帧动画，然后将泡泡图像所在的“图层 6”显示，编辑第6帧动画，如图10-71所示。 
图10-71 编辑第6帧动画
（8）按照上一步骤的操作方法，通过创建动画帧、编辑动画帧的方法，继续在第6帧之后，编辑第7～11帧动画，如图10-72所示。 
图10-72 编辑第7～11帧动画
（9）分别复制当前的第1帧和第22帧，再创建出两个动画帧，这时的动画帧共有24帧。配合使用键，同时选中第2、4、6、8、10、12、14、16、18、20、22、24帧动画，然后在“图层”调板中隐藏“图层 1”，并显示“图层 2”，更改选中帧的波浪效果，如图10-73所示。 
图10-73 更改选中帧的波浪效果
（10）完成上述操作后，将第1～24帧全部选中，然后设置这些选中帧的延迟时间为0.3秒，如图10-74所示。
提示：在设置动画帧的延迟时间之前，选择动画的第24帧，在“图层”调板中将小鱼图像所在“组1”图层组隐藏，编辑出该帧效果。 
图10-74 设置延迟时间
（11）按下键，存储“钓鱼小游戏.psd”文件。再执行“文件”→“存储优化结果”命令，设置文件名为“钓鱼小游戏常态动画”，存储优化结果为“html和图像”格式文件。
读者可打开本书附带光盘\chapter-10\“钓鱼小游戏常态动画.html”文件查看最终效果。
0
0
Photoshop制作钓鱼小游戏的常态动画
PHP中文网
发布时间：2016-06-01 14:35:35
|2458人浏览过
|来源于php中文网
原创
相关文章
ps蒙版笔刷没效果 ps蒙版画笔涂不出颜色怎么办
ps蒙版抠图边缘有白边怎么办 ps怎么收缩蒙版边缘
ps怎么在蒙版里使用滤镜 ps蒙版可以使用高斯模糊吗
ps怎么用蒙版做动态效果 ps时间轴里怎么给蒙版打关键帧
ps蒙版怎么用黑色画笔擦除 ps蒙版黑色和白色的区别
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题整理了1688阿里巴巴批发进货平台的最新入口地址与在线采购指南，帮助用户快速找到官方网站入口，了解如何进行批发采购、货源选择以及厂家直销等功能，提升采购效率与平台使用体验。
90
2026.02.06
本专题汇总了快手网页版的最新入口地址和电脑版使用方法，详细提供快手官网直接访问链接、网页端操作教程，以及如何无需下载安装直接观看短视频的方式，帮助用户轻松浏览和观看快手短视频内容。
15
2026.02.06
本专题深入讲解 C# 中多线程与异步编程的核心概念与实战技巧，包括线程池管理、Task 类的使用、async/await 异步编程模式、并发控制与线程同步、死锁与竞态条件的解决方案。通过实际项目，帮助开发者掌握 如何在 C# 中构建高并发、低延迟的异步系统，提升应用性能和响应速度。
10
2026.02.06
本专题系统讲解 Python 微服务架构设计与 FastAPI 框架应用，涵盖 FastAPI 的快速开发、路由与依赖注入、数据模型验证、API 文档自动生成、OAuth2 与 JWT 身份验证、异步支持、部署与扩展等。通过实际案例，帮助学习者掌握 使用 FastAPI 构建高效、可扩展的微服务应用，提高服务响应速度与系统可维护性。
6
2026.02.06
本专题深入讲解 JavaScript 异步编程与事件驱动架构，涵盖 Promise、async/await、事件循环机制、回调函数、任务队列与微任务队列、以及如何设计高效的异步应用架构。通过多个实际示例，帮助开发者掌握 如何处理复杂异步操作，并利用事件驱动设计模式构建高效、响应式应用。
7
2026.02.06
热门下载
相关下载
精品课程
共19课时 | 4.9万人学习
共37课时 | 7.6万人学习
共18课时 | 3.8万人学习
