基础实例50翻转效果动态按钮 目的:制作如图50.1所示的动态按钮效果。 要点: ImageReady的强大网页制作功能不 按钮 仅体现在动画之多上,更体现在动态 按钮的制作上,它自身可以方便的对 按钮 按钮各种翻转效果进行编辑,还自带 了多种样式供设计者直接使用。本例 主要应用 Ellipse Tool、 Button-Purple- 按钮 样式、 Create rollover state操作、Slice Tool等工具完成。 图50.1动态按钮效果 操作步骤 1.打开Image Ready软件,选择File New命令,打开New对话框,在其中设置 Width为340 0 pixels, Height为240 0 pixels, Contents of First Layer选择为 White,点击 O按钮确认建立一幅动画图像文件。 2.在工具箱中选择 Ellipse Tool,在图 像中间拖移出一个椭圆形图像,如图50.2 所示。 图50.2添加椭圆形形状 注意: Ellipse Tool(椭圆形工具)属于 形状工具,使用之后在 Layers面板会自动 生成新的 Shape图层。 3.下面为新形状图层添加样式,选择 Styles面板,在其中选择 Button-Purple-按钮, 如图50.3所示,将该样式添加到椭圆形图 像中,得到按钮雏形。 图50.3选择应用样式 4.接下来就开始为按钮添加翻转效果。 选择 Rollovers面板,在其中点击下方的 Create rollover state按钮,在面板中添加一50 翻转效果──动态按钮 目的：制作如图 50.1 所示的动态按钮效果。 要点：ImageReady 的强大网页制作功能不 仅体现在动画之多上，更体现在动态 按钮的制作上，它自身可以方便的对 按钮各种翻转效果进行编辑，还自带 了多种样式供设计者直接使用。本例 主要应用 Ellipse Tool、Button-Purple 样式、Create rollover state 操作、Slice Tool 等工具完成。 图 50.1 动态按钮效果 操作步骤 1．打开 ImageReady 软件，选择 File | New 命令，打开 New 对话框，在其中设置 Width 为 340 pixels，Height 为 240 pixels， Contents of First Layer 选择为 White，点击 OK 按钮确认建立一幅动画图像文件。 2．在工具箱中选择 Ellipse Tool，在图 像中间拖移出一个椭圆形图像，如图 50.2 所示。 注意：Ellipse Tool（椭圆形工具）属于 形状工具，使用之后在 Layers 面板会自动 生成新的 Shape 图层。 3．下面为新形状图层添加样式，选择 Styles 面板，在其中选择 Button-Purple 按钮， 如图 50.3 所示，将该样式添加到椭圆形图 像中，得到按钮雏形。 4．接下来就开始为按钮添加翻转效果。 选择 Rollovers 面板，在其中点击下方的 Create rollover state 按钮，在面板中添加一 图 50.2 添加椭圆形形状 图 50.3 选择应用样式