有关使用 Photoshop 和 Dreamweaver 设计网站的视频，请参阅从 Dreamweaver 访问 Photoshop 以增强 Web 图像。
翻转是网页上的一个按钮或图像，当鼠标移动到它上方时会发生变化。要创建翻转，至少需要两个图像：主图像表示处于正常状态的图像，而次图像表示处于更改状态的图像。
Photoshop 提供了许多用于创建翻转图像的有用工具：
使用图层创建主图像和次图像。在一个图层上创建内容，然后复制并编辑图层以创建相似内容，同时保持图层之间的对齐。当创建翻转效果时，可以更改图层的样式、可见性或位置，调整颜色或色调，或者应用滤镜效果。请参阅复制图层。
也可以利用图层样式对主图层应用各种效果，如颜色叠加、投影、发光或浮雕。若要创建翻转对，请启用或禁用图层样式并存储处于每种状态下的图像。请参阅图层效果和样式。
使用“样式”面板中的预设按钮样式快速创建具有正常状态、鼠标移过状态和鼠标按下状态的翻转按钮。使用矩形工具绘制基本形状，并应用样式（如“斜面，正常”）以自动将该矩形转换为按钮。然后拷贝图层并应用其它预设样式（如“斜面，鼠标移过”）以创建其它按钮状态。将每个图层存储为单独的图像以创建完成的翻转按钮组。
使用存储为 Web 和设备所用格式对话框以 Web 兼容的格式和优化的文件大小来存储翻转图像。
注意:
当存储翻转图像时，可使用命名约定区分主（非翻转状态）图像和次（翻转状态）图像。
可以将高分辨率的图像发布到 Web 上，以便查看者平移和缩放该图像以查看更多的细节。下载基本大小的图像与下载同等大小的 JPEG 文件所花费的时间一样。Photoshop 会导出 JPEG 文件和 HTML 文件，您可以将这些文件上载到 Web 服务器。