应用买例68动态按钮网页制作(二) 目的:制作如图68.1所示关于电影的网页。 要点:主要是利用 ImageReady70制作动态 按钮和动画。本例主要利用 Slice工 具, Gradient Tool以及各种图层样式 来制作完成。 图68.1网页效果图 操作步骤 1.新建一个640×480像素的图像。设 置背景色为白色。 2.选择File Open命令,打开一副图 象。按住Ctrl+A键全选图像。然后选择Edit Copy命令,将图像拷贝至剪贴板中 图68.2新建图像 3.回到刚刚新建的图像。选择Edit Paste命令,将剪贴板中的图像粘贴过来, 如图68.2所示。 4.在工具箱中单击 Jump to ImageReady图标打开 ImageReady7.0,开始 在 ImageReady7.0下编辑图像。 5.在工具箱中选择 Rounded Rectangle 图68.3画圆角矩形 tool,在图像左侧画出一个圆角矩形,如图 68.3所示。 Untitied-1 50*(Original) 2Up 4Up 6.打开 Styles面板,用鼠标双击 Button-Purple-样式,即可把按钮填充为如图 68.4所示的样式。 7.用鼠标点击 Layer2图层右侧的三 角形图标,打开下拉菜单,从中选择 Color Overlay选项,这时会出现 Color Overlay面 图68.4选择按钮样式68 动态按钮━━网页制作（二） 目的：制作如图 68.1 所示关于电影的网页。 要点：主要是利用 ImageReady 7.0 制作动态 按钮和动画。本例主要利用 Slice 工 具，Gradient Tool 以及各种图层样式 来制作完成。 图 68.1 网页效果图 操作步骤 1．新建一个 640×480 像素的图像。设 置背景色为白色。 2．选择 File | Open 命令，打开一副图 象。按住 Ctrl+A 键全选图像。然后选择 Edit | Copy 命令，将图像拷贝至剪贴板中。 3．回到刚刚新建的图像。选择 Edit | Paste 命令，将剪贴板中的图像粘贴过来， 如图 68.2 所示。 4．在工具箱中单击 Jump to ImageReady 图标打开 ImageReady 7.0，开始 在 ImageReady 7.0 下编辑图像。 5. 在工具箱中选择 Rounded Rectangle Tool，在图像左侧画出一个圆角矩形，如图 68.3 所示。 6．打开 Styles 面板，用鼠标双击 Button-Purple 样式，即可把按钮填充为如图 68.4 所示的样式。 7．用鼠标点击 Layer 2 图层右侧的三 角形图标，打开下拉菜单，从中选择 Color Overlay 选项，这时会出现 Color Overlay 面 图 68.2 新建图像 图 68.3 画圆角矩形 图 68.4 选择按钮样式