第十六篇网页制作 新概念百例 板。在面板中设置颜色为蓝色 8.再选择 Gradient Overlay,在对话框 中调整渐变颜色,使按钮色彩如图68.5。 9.在工具箱中选择 Horizontal Type Iool,字体设为 STXin Wei,大小为22x, 颜色为黄色,输入文字。调整文字位置和大 小后放在按钮的上面,然后将文字图层和按 钮所在图层设为链接图层,如图686所示 图685更改图层样式 10.在工具箱中选择 Slice tool工具, 在按钮四周画出一个和按钮差不多的矩形 说明:画出的矩形切片的大小不一定要 和按钮大小完全一样。这个按钮的作用在网 页浏览器中会看得更加清楚,当鼠标放在不 同位置时按钮会有不同的表现 图68.6添加文字 11.在 Rollovers面板中单击 Create rollover state图标,新建一个和按钮一样的 图像。 12.选择按钮所在图层为当前工作图 层,单击图层面板中 Drop Shadow的眼睛图 标,去掉投影效果,如图68.7所示。 13.在 Slice面板中的URL文本框内 输入该按钮所链接的网页或网站。 14.按照同样方法制作另外几个按钮。 图68.7动态按钮 15.在工具箱单击 Jump to Photoshop 切换回 Photoshop。然后在工具箱中选择 Horizontal Type Tool,在上方控制栏中设置 字体大小为110px,其它同上,添加文字 16.在上方控制栏中打开 Create warped text图标,打开 Warp Text对话框 在对话框中设置Bend为100%,效果如图 688所示。 17.按住Ctrl键单击文字图层,出现 选区。使背景画所在图层为当前工作图层 选择Edit|copy命令,将选区内图像拷贝至板。在面板中设置颜色为蓝色。 8．再选择 Gradient Overlay，在对话框 中调整渐变颜色，使按钮色彩如图 68.5。 9．在工具箱中选择 Horizontal Type Tool，字体设为 STXinWei，大小为 22px， 颜色为黄色，输入文字。调整文字位置和大 小后放在按钮的上面，然后将文字图层和按 钮所在图层设为链接图层，如图 68.6 所示。 10．在工具箱中选择 Slice Tool 工具， 在按钮四周画出一个和按钮差不多的矩形。 说明：画出的矩形切片的大小不一定要 和按钮大小完全一样。这个按钮的作用在网 页浏览器中会看得更加清楚，当鼠标放在不 同位置时按钮会有不同的表现。 11．在 Rollovers 面板中单击 Create rollover state 图标，新建一个和按钮一样的 图像。 12．选择按钮所在图层为当前工作图 层，单击图层面板中 Drop Shadow 的眼睛图 标，去掉投影效果，如图 68.7 所示。 13．在 Slice 面板中的 URL 文本框内 输入该按钮所链接的网页或网站。 14．按照同样方法制作另外几个按钮。 15．在工具箱单击 Jump to Photoshop， 切换回 Photoshop。然后在工具箱中选择 Horizontal Type Tool，在上方控制栏中设置 字体大小为 110px，其它同上，添加文字。 16．在上方控制栏中打开 Create warped text 图标，打开 Warp Text 对话框。 在对话框中设置 Bend 为 100%，效果如图 68.8 所示。 17．按住 Ctrl 键单击文字图层，出现 选区。使背景画所在图层为当前工作图层， 选择 Edit | Copy 命令，将选区内图像拷贝至 图 68.5 更改图层样式 图 68.6 添加文字 图 68.7 动态按钮 图 68.8 添加文字 第十六篇 网页制作 新概念百例 121