优化图像网页制作(一).pdfVIP

67 优化图像━━网页制作（一） 目的：制作如图67.1 所示的网页。 要点：本例中先完成背景的制作和对图像进 行优化。主要应用 Gradient Tool 、 Motion Blur 滤镜、Shear 滤镜、Slice Tool 等工具来制作完成。 图67.1 网页效果图 操作步骤 1．新建一副800 ×600 像素大小的图 像，背景色为白色。 2 ．在Layers 面板中单击Create a new layer 图标，新建一个图层取名为Layer 1 。 3 ．选择Edit | Fill 命令，在对话框中选 图67.2 新建图层 择用黑色填充，如图67.2 所示。 4 ．在Layers 面板中单击Create a new layer 图标，新建一个图层取名为Layer 2 。 5 ．在工具箱中选Rectangular Marquee Tool ，在图像左上角画出一个小矩形。 6 ．选择Edit | Fill 命令，在对话框中选 择用白色填充选区，如图67.3 所示。 图67.3 填充选区 7 ．打开Actions 面板，单击Create new action 图标新建一个动作Action 1 。然后回 到Layers 面板，按住Alt 和Shift 键拖动白 色矩形向下移动，复制产生一个新的图层， 然后将两图层合并。 8 ．回到Actions 面板，单击Stop Playing/Recording 图标，停止录制动作。然 图67.4 使用动作 后重复单击Play 图标，Photoshop 会自动复 第十六篇 网页制作 新概念百例 121 制白色矩形并且合并图层，如图67.4 所示。 9 ．按住Alt 和Shift 键拖动竖排矩形的 图像向右移动，复制产生一个图层，然后将 两个白色矩形的图层和Layer 1 合并，如图 67.5 所示。 10．在工具箱中选择Rectangular Marquee Tool ，在两排小矩形中间画出矩形 选框，按Delete 键删除区域。 图67.5 复制图像 11．打开Actions 面板，单击Create new action 图标新建一个动作Action 2 。然后回 到Layers 面板，拖动矩形选框向下移动， 然后按Delete 键删除选框内区域。 12．回到Actions 面板，单击Stop Playing/Recording 图标，停止录制动作。然 后重复单击Play 图标，Photoshop 会自动移 动选区并删除选区内图像，如图67.6 所示。 图67.6 使用动作 13．在工具箱中选择Magic Wand Tool ， 在上方控制栏中去掉Contiguous ，然后用在 白色小矩形内单击，选中两排矩形区域。 14．在工具箱中选Gradient Tool ，在对 话框中设置灰白相间的渐变色，然后由上至 下拖动鼠标渐变填充选区，如图67.7 所示。 15．选择File | Open 命令，打开一副 图片。按住Ctrl+A 全选图像。选择Edit | 图67.7 渐变填充 Copy 命令，将图像拷贝至剪贴板中。 16．回到原来编辑的图像，选择Edit | Paste 命令，将图像粘贴过来，并且移动到 Layer 1 的下方。选择Edit | Free Transform 命令，调整图像的大小。 17．再打开4 幅图像，填充满电影胶