在本小节的实例学习中，将通过创建基于切片的翻转制作钓鱼小游戏的动画效果。如图10-75所示，为本实例的完成效果。 
图10-75 完成效果技术提示
在实例的设计、制作流程中，首先在“web 内容”中创建基于切片的翻转，然后在“图层”调板进行动画的设置。如图10-76所示，为本实例的制作流程。 
图10-76 制作概览
制作步骤
（1）启动imageready，打开上一章节保存的“钓鱼小游戏.psd”文件。在“图层”调板中选择“图层 13”，然后单击“web 内容”调板中的
“创建基于图层的翻转”按钮，创建如图10-77所示的切片和状态。 
图10-77 创建基于图层的切片和状态
（2）在“动画”调板中创建第2帧动画，然后显示“图层 13”的“外发光”图层样式效果，设置第2帧动画。之后再设置两个动画帧的延迟时间为“0.3”秒，如图10-78所示。 
图10-78 设置第2帧动画及延迟时间
（3）新建selected状态，然后参照图10-79所示，调整图层的显示或隐藏，并使用
“移动”工具参照图示调整图像的位置，创建selected状态的第1～2帧动画。 
图10-79 创建selected状态并设置动画
（4）然后单击
“过渡”按钮，如图10-80所示，在第1帧和第2帧动画之间插入3个过渡帧。 
图10-80 设置过渡帧
（5）接着设置动画的循环选项为“一次”，如图10-81所示。 
图10-81 设置动画的循环选项
（6）确定“02”切片的selected状态为选择状态，再使用
“切片”工具，绘制如图10-82所示的切片，然后在“web 内容”调板中，单击打开“03”切片缩览图前
“使切片成为当前翻转状态的远程切片”图标，设置远程切片。 
图10-82 绘制切片并设置远程切片
（7）最后执行“文件”→“存储优化结果”命令，存储优化结果为“html和图像”格式文件。读者可打开本书附带光盘\chapter-10\“钓鱼小游戏.html”文件查看最终效果。
0
0
Photoshop创建基于切片的翻转制作钓鱼小游戏的动画效果
PHP中文网
发布时间：2016-06-01 14:35:35
|2615人浏览过
|来源于php中文网
原创
相关文章
ps图层蒙版和矢量蒙版怎么切换 ps矢量蒙版路径怎么画
ps图片设置透明色怎么弄 ps图片透明效果怎么做【教程】
ps怎么给形状加蒙版 ps形状图层怎么做剪切蒙版
ps怎么用蒙版做局部黑白 ps图片部分彩色部分黑白怎么做
ps蒙版怎么只影响下方一个图层 ps剪切蒙版和普通蒙版的区别
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题围绕漫蛙漫画（Manwa / Manwa2）官网网页版入口进行整理，涵盖漫蛙漫画官方主页访问方式、网页版在线阅读入口、台版正版漫画浏览说明及基础使用指引，帮助用户快速进入漫蛙漫画官网，稳定在线阅读正版漫画内容，避免误入非官方页面。
13
2026.02.03
本专题汇总了俄罗斯知名搜索引擎 Yandex 的官网入口、免登录访问地址、中文登录方法与网页版使用指南，帮助用户稳定访问 Yandex 官网，并提供一站式入口汇总。无论是登录入口还是在线搜索，用户都能快速获取最新稳定的访问链接与使用指南。
114
2026.02.03
本专题专注讲解 Java 中常用的设计模式，包括单例模式、工厂模式、观察者模式、策略模式等，并结合代码重构实践，帮助学习者掌握 如何运用设计模式优化代码结构，提高代码的可读性、可维护性和扩展性。通过具体示例，展示设计模式如何解决实际开发中的复杂问题。
3
2026.02.03
本专题系统讲解 C# 异步编程与并发控制，重点介绍 async 和 await 关键字、Task 类、线程池管理、并发数据结构、死锁与线程安全问题。通过多个实战项目，帮助学习者掌握 如何在 C# 中编写高效的异步代码，提升应用的并发性能与响应速度。
2
2026.02.03
本专题深入讲解 Python 在强化学习（Reinforcement Learning）中的应用，重点介绍 深度Q网络（DQN） 及其实现方法，涵盖 Q-learning 算法、深度学习与神经网络的结合、环境模拟与奖励机制设计、探索与利用的平衡等。通过构建一个简单的游戏AI，帮助学习者掌握 如何使用 Python 训练智能体在动态环境中作出决策。
3
2026.02.03
热门下载
相关下载
精品课程
共3课时 | 9.1万人学习
共78课时 | 6.4万人学习
共11课时 | 0.9万人学习
