虽然ImageReady是距离Photoshop最近的软件，但人们似乎一直都把它看作是Photoshop的附属。不是ImageReady的功能不能满足用户的要求，只能说Photoshop的功能太强大了，强大到足以让人忽略掉其他的同类产品，其中也包括隔壁的ImageReady。要知道，ImageReady侧重于网页制作，虽然Photoshop 7加强了在网页图像制作方面的功能，但在有些方面还是ImageReady较为领先。既然ImageReady和Photoshop被捆绑在一起销售，那么Adobe一定有它的理由。新手们往往将ImageReady冷落在一旁，没有想过去探索它的独特功能，这种放弃会使你失去了解一个优秀软件的机会。创建翻转是ImageReady最重要的作用之一。在这篇文章中，我们详细介绍了如何用ImageReady创建适用于网页的翻转。既然要介绍翻转，那么无可避免的要用到切片和优化，在开始之前，我希望你已经对这两部分知识有了足够的了解，不然的话，理解这篇文章可能会有一定的难度。
如果你已经准备好了关于ImageReady中切片和图像优化的知识（可以参考《ImageReady的切片和优化》一文），那么掌握这篇文章所述的内容就是水到渠成的事了。现在我们来看下面这个演示（点击这里观看演示），这就是这篇文章所举的例子。在文字Adobe旁边有两个按纽，顶端的按纽演示了一个简单的翻转，当你的鼠标经过按纽时，按纽的颜色就会改变；鼠标离开按纽后，按纽又恢复刚才的颜色。第二个按纽和第一个按纽在鼠标经过时的表现相同，但与第一个按纽不同的是，在鼠标经过第二个按纽时，不但按纽本身出现变化，同步改变的还有文字ADOBE。这就是我们在这篇文章中要论述的ImageReady中的翻转效果。
好了，现在我们来正式开始。首先，你需要设计这样一个多个图层结构的图像。你的图像应当包括两个按纽，主要图像部分，如一个Logo或是你希望的别的什么东西。我建议你最好在Photoshop中进行，这样你可以使用更多的图像工具和高级图层选项。虽说你可以单独在ImageReady中创作，但你会发现很多工具的功能受到限制，没有在Photoshop中得心应手。在这个例子中，按纽部分用了渐变，而主要图像部分使用了一些图层效果。要知道，图像本身并不是我们这篇文章的重点，所以我们将制作过程忽略过去。确定布置好了所有的翻转状态——原始状态的按纽，鼠标经过时的按纽，翻转前后的图片。所有的元素应当分别处于各自的图层中，通过将翻转的图像内容置于翻转图层上，就可使用图层面板来创建翻转效果。检查你的图层面板，它的结构应该如下面的例图（图01）。
在完成了基础图像之后，将图像保存为Psd格式，转跳到ImageReady中。现在，我们开始准备创建翻转。要做的第一件事，就是用切片工具将图像切片。这个例子中，我们将图像切成三部分，分别包括上下两个按纽和主要图像（图02）。
