第十一篇制作网页素材 新概念百例(13 个翻转状态,如图504所示,生成乐Over Rubswwrs r Tove Cin o State翻转状态 说明:翻转状态是指按钮响应不同鼠标 Uatitled-1 01 事件时的状态效果,包括 Normal(平常 Over state Over(覆盖)、Down(按下)、Clck(点 击)、Up(抬起)Out(移出)等等。本例 中将使用最常用的Over和Down状态进行 图504添加翻转状态 编辑,其余读者可以自行尝试 5.对 Over State进行编辑,首先要回 到 Layers面板,点击形状图层右侧的小 角图标,会在下方弹出所有的图层样式选 项,在其中双击 Color Overlay(颜色覆盖) 选项,然后在 Layer Option面板中将 Color 设为黄色,得到如图50.5所示的效果。 6.下面再到 Rollovers面板,同样点击 在其中点击下方的 Create rollover state按 图50.5编辑Over状态 钮,在面板中添加下一个翻转状态,系统会 自动生成 Down State翻转状态 7.回到 Layers面板中,在形状图层的 众多图层样式选项中双击 Bevel and emboss (斜面与浮雕),然后在 Layer Option面板 中修改图层样式选项的属性参数,在其中选 择 Pillow emboss,并将Size设为20,不改 变其他参数,按 Enter键确认,得到如图506 图50.6编辑Down状态 所示的效果。 8.为了更好的实现按钮的效果,需要 为它确定合适的热区,选择工具箱上的 Slice Tool(切片工具),在图中建立如图50.7所 示的切片,其中切片3包含所有的按钮图 像,系统会自动将其作为按钮的热区 说明:热区就是能够感应鼠标事件的区 域,如不做切片编辑,则整幅图像都被认为 是一个切片,即全部为热区 图507建立切片 9.选择 normal翻转状态,然后选择个翻转状态，如图 50.4 所示，生成乐 Over State 翻转状态。 说明：翻转状态是指按钮响应不同鼠标 事件时的状态效果，包括 Normal（平常）、 Over（覆盖）、Down（按下）、Click（点 击）、Up（抬起）Out（移出）等等。本例 中将使用最常用的 Over 和 Down 状态进行 编辑，其余读者可以自行尝试。 5．对 Over State 进行编辑，首先要回 到 Layers 面板，点击形状图层右侧的小三 角图标，会在下方弹出所有的图层样式选 项，在其中双击 Color Overlay（颜色覆盖） 选项，然后在 Layer Option 面板中将 Color 设为黄色，得到如图 50.5 所示的效果。 6．下面再到 Rollovers 面板，同样点击 在其中点击下方的 Create rollover state 按 钮，在面板中添加下一个翻转状态，系统会 自动生成 Down State 翻转状态。 7．回到 Layers 面板中，在形状图层的 众多图层样式选项中双击 Bevel and Emboss （斜面与浮雕），然后在 Layer Option 面板 中修改图层样式选项的属性参数，在其中选 择 Pillow Emboss，并将 Size 设为 20，不改 变其他参数，按 Enter 键确认，得到如图 50.6 所示的效果。 8．为了更好的实现按钮的效果，需要 为它确定合适的热区，选择工具箱上的 Slice Tool（切片工具），在图中建立如图 50.7 所 示的切片，其中切片 3 包含所有的按钮图 像，系统会自动将其作为按钮的热区。 说明：热区就是能够感应鼠标事件的区 域，如不做切片编辑，则整幅图像都被认为 是一个切片，即全部为热区。 9．选择 Normal 翻转状态，然后选择 图 50.4 添加翻转状态 图 50.5 编辑 Over 状态 图 50.6 编辑 Down 状态 图 50.7 建立切片 第十一篇 制作网页素材 新概念百例 153