应用例60边框效果播放器制作(一) 目的:制作一个漂亮播放器,本例先制作外 型,屏幕和背景将在下一例中完成。 要点:本例主要应用 Gradient Tool、 Actions 和 Layer Style等工具来制作完成。 图60.1播放器外壳效果图 操作步骤 1.新建一副800×600的图像,背景色 为白色。 2.选择View New Guide命令,共画 出三条水平和三条垂直的参考线,如图60.2 所示。 图60.2画出参考线 3.在工具箱中选择 Elliptical Marquee tool,按住Shift键画出圆形选区。 4.在 Layers面板中单击 Create New Layer图标,新建一个图层,取名为 frame 5.选择Edit Fill命令,在对话框中选 择用 Black填充圆形选区。 6.按住Alt键拖动圆形图案,复制几 图60.3填充选区 个图层,如图60.3所示。 7.在工具箱中选择 Rectangular Marquee Tool,画出一个细长的矩形,将两 个圆形区域连接起来,如图60.4所示。 8.按照同样的方法,把其它圆形区域 都连接起来,如图60.4所示。 图60.4链接图案 9.在工具箱中选择 Elliptical Marquee
60 边框效果━━播放器制作（一） 目的：制作一个漂亮播放器，本例先制作外 型，屏幕和背景将在下一例中完成。 要点：本例主要应用 Gradient Tool、Actions 和 Layer Style 等工具来制作完成。 图 60.1 播放器外壳效果图 操作步骤 1．新建一副 800×600 的图像，背景色 为白色。 2．选择 View | New Guide 命令，共画 出三条水平和三条垂直的参考线，如图 60.2 所示。 3．在工具箱中选择 Elliptical Marquee Tool，按住 Shift 键画出圆形选区。 4．在 Layers 面板中单击 Create a New Layer 图标，新建一个图层，取名为 frame。 5．选择 Edit | Fill 命令，在对话框中选 择用 Black 填充圆形选区。 6．按住 Alt 键拖动圆形图案，复制几 个图层，如图 60.3 所示。 7．在工具箱中选择 Rectangular Marquee Tool，画出一个细长的矩形，将两 个圆形区域连接起来，如图 60.4 所示。 8．按照同样的方法，把其它圆形区域 都连接起来，如图 60.4 所示。 9．在工具箱中选择 Elliptical Marquee 图 60.2 画出参考线 图 60.3 填充选区 图 60.4 链接图案
第十四篇产品制作 新概念百例 Tool,按Shit键在图像下方画出圆形选区 10.在工具箱中设置前景色为红色 选择Edit|Fl命令,在对话框中设置用 Foreground Color填充,用红色填充选区, 如图60.5所示 11.在工具箱中选择 Magic Wand Tool, 在黑色区域和红色区域之间的白色区域单 击,出现选区 图605斜面与浮雕 12.选择Edit|Fl命令,在对话框中 选择用黑色填充选区 13.在工具箱中选择 Magic Wand Tool, 在红色区域内单击,出现选区,然后按 Delete键将红色区域删除,如图60.6所示 14.在 Layers面板中将 Background图 层设为不可见,选择 Layer Merge Visible 图60.6删除选区 命令,将可见图层合并,然后将背景图层设 为可见 15.在工具箱中选择 Round rectangle Tool,在上方控制栏中选中 Paths,设置 Radius为70,画出一个圆角矩形 16在 Paths面板中单击 Load path as a selection图标,将路径转换为选区,然后按 Delete键将选区内区域删除,如图60.7。 图60.7删除选区 17.在工具箱中设置前景色为R:253、 75、B:155,按住Ctrl键单击 frame图 层,出现选区。选择 Edit Fill命令,在对 话框中选择用 Foreground Color填充选区 18.单击 Add a layer style图标,选择 Bevel and Emboss,在对话框中设置 Style为 Inner Bevel,Size为10,其它参数为默认值 效果如图608所示 图60.8图层效果 19在 Layers面板中单击 Create a new Layer图标,新建一个图层 Layer I
Tool，按 Shift 键在图像下方画出圆形选区。 10．在工具箱中设置前景色为红色。 选择 Edit | Fill 命令，在对话框中设置用 Foreground Color 填充，用红色填充选区， 如图 60.5 所示。 11．在工具箱中选择 Magic Wand Tool， 在黑色区域和红色区域之间的白色区域单 击，出现选区。 12．选择 Edit | Fill 命令，在对话框中 选择用黑色填充选区。 13．在工具箱中选择 Magic Wand Tool， 在红色区域内单击，出现选区，然后按 Delete 键将红色区域删除，如图 60.6 所示。 14．在 Layers 面板中将 Background 图 层设为不可见，选择 Layer | Merge Visible 命令，将可见图层合并，然后将背景图层设 为可见。 15．在工具箱中选择 Round Rectangle Tool，在上方控制栏中选中 Paths，设置 Radius 为 70，画出一个圆角矩形。 16．在 Paths 面板中单击 Load path as a selection 图标，将路径转换为选区，然后按 Delete 键将选区内区域删除，如图 60.7。 17．在工具箱中设置前景色为 R：253、 G：75、B：155，按住 Ctrl 键单击 frame 图 层，出现选区。选择 Edit | Fill 命令，在对 话框中选择用 Foreground Color 填充选区。 18．单击 Add a layer style 图标，选择 Bevel and Emboss，在对话框中设置 Style 为 Inner Bevel，Size 为 10，其它参数为默认值， 效果如图 60.8 所示。 19．在 Layers 面板中单击 Create a New Layer 图标，新建一个图层 Layer 1。 图 60.5 斜面与浮雕 图 60.6 删除选区 图 60.7 删除选区 图 60.8 图层效果 第十四篇 产品制作 新概念百例 121
新概念百例 入门·创作·提高— Photoshop70 20.在工具箱中选择 Elliptical Marquee Tool,按住Shit键画出一个小圆。 21.在工具箱中选择 Gradient Tool工 具,在上方控制栏中选择 Radial Gradient, 打开 Gradient Editor对话框。在对话框中设 置白色到绿色的渐变,然后在圆形选区内画 出渐变图案 图609辐射渐变 22.按住AIt键拖动绿色小球,再复制 出3个来,位置如图60.10所示 23.在工具箱中选择 Rectangle tool, 画出一个小矩形。 24.在 Layers面板中单击 Add a layer style样式图标,选择 Bevel and emboss,参 数为默认值 25.打开 Actions面板,新建一个动作 Action 1。回到 Layers面板,按住Alt键拖 图60.10拷贝图像 动小矩形,复制产生一个图层。回到 Actions 面板,单击 Stop Playing/Recording图标,停 止录制动作。然后多次单击Play图标复制 图层,如图60.11所示,然后将复制产生的 所有图层合并,取名为 Layer2 26.在 Layers面板中单击 Create a new Layer图标,新建一个图层 Layer3。 图60.11使用动作 27.在工具箱中选择 Rectangular Marquee Tool工具,画出矩形选框。然后在 工具箱中选择 Elliptical Marquee Tool,在上 方控制栏中选择 Add to selection,画出如图 60.12所示的选区。 28.在工具箱中选择 Gradient too,在 上方控制栏中选择 Linear gradient,在对话 框中设置前景色至白色至前景色的渐变,按 图60.12绘出选区 住 Shift键从左至右画出渐变图案,如图 13所
122 新概念百例 入门·创作·提高━━Photoshop7.0 20．在工具箱中选择 Elliptical Marquee Tool，按住 Shift 键画出一个小圆。 21．在工具箱中选择 Gradient Tool 工 具，在上方控制栏中选择 Radial Gradient， 打开 Gradient Editor 对话框。在对话框中设 置白色到绿色的渐变，然后在圆形选区内画 出渐变图案。 22．按住 Alt 键拖动绿色小球，再复制 出 3 个来，位置如图 60.10 所示。 23．在工具箱中选择 Rectangle Tool， 画出一个小矩形。 24．在 Layers 面板中单击 Add a layer style 样式图标，选择 Bevel and Emboss，参 数为默认值。 25．打开 Actions 面板，新建一个动作 Action 1。回到 Layers 面板，按住 Alt 键拖 动小矩形，复制产生一个图层。回到 Actions 面板，单击 Stop Playing/Recording 图标，停 止录制动作。然后多次单击 Play 图标复制 图层，如图 60.11 所示，然后将复制产生的 所有图层合并，取名为 Layer 2。 26．在 Layers 面板中单击 Create a New Layer 图标，新建一个图层 Layer 3。 27．在工具箱中选择 Rectangular Marquee Tool 工具，画出矩形选框。然后在 工具箱中选择 Elliptical Marquee Tool，在上 方控制栏中选择 Add to Selection，画出如图 60.12 所示的选区。 28．在工具箱中选择 Gradient Tool，在 上方控制栏中选择 Linear Gradient，在对话 框中设置前景色至白色至前景色的渐变，按 住 Shift 键从左至右画出渐变图案，如图 60.13 所示。 图 60.9 辐射渐变 图 60.10 拷贝图像 图 60.11 使用动作 图 60.12 绘出选区
第十四篇产品制作 新概念百例 29.在 Layers面板中单击 Create a new Layer图标,新建一个图层 Layer4 30.在工具箱中选择 Single row e tool,在刚才填充的图案上单击 得到选框。选择Edt|Fll命令,在对话框 中选择用 Foreground Color填充选区 31.打开 Actions面板,选择刚才录制 图60.13渐变填充 的 Action1。多次单击Play图标复制线条。 然后将除了刚才复制的线条所在图层外的 其它图层设为不可见,选择 Layer| Merge Ⅴ isible命令,合并所有线条的图层 32回到 Layers,按住Curl键单击 Layer 3图层,出现选区。然后选择 Select Inverse 命令,反选选区。使 Layer4为当前工作图 层,按 Delete键删除多余区域,如图60.14 图60.14画出线条 所 33.合并 Layer3和 Layer4图层,取 名为 Layer3。按住At键拖动 Layer3,复 制产生一个图层。在工具箱中选择 Rectangular Marquee Tool,画出选区覆盖复 制图像的上面一部分,按 Delete键删除,调 整位置至如图60.15所示。 图6015复制并调整 34.按照同样的方法再复制出几个图 层,将刚才复制产生的所有图层合并,如图 60.16所示。 35.按住Alt键拖动 Layer2,复制四 排图像放到播放器外壳的左侧,然后将这5 个图层合并,如图60.17所示。 36.在 Layers面板中单击 Create a ne Layer图标,新建一个图层,取名为 button 图60.16复制其它图层 36.在工具箱中选择 Elliptical Marquee Tool,按住Shit键画出圆形选区。选择Edit Fl命令,在对话框中选用白色填充选区
29．在 Layers 面板中单击 Create a New Layer 图标，新建一个图层 Layer 4。 30．在工具箱中选择 Single Row Marquee Tool，在刚才填充的图案上单击， 得到选框。选择 Edit | Fill 命令，在对话框 中选择用 Foreground Color 填充选区。 31．打开 Actions 面板，选择刚才录制 的 Action 1。多次单击 Play 图标复制线条。 然后将除了刚才复制的线条所在图层外的 其它图层设为不可见，选择 Layer | Merge Visible 命令，合并所有线条的图层。 32．回到 Layers，按住 Ctrl 键单击 Layer 3 图层，出现选区。然后选择 Select | Inverse 命令，反选选区。使 Layer 4 为当前工作图 层，按 Delete 键删除多余区域，如图 60.14 所示。 33．合并 Layer 3 和 Layer 4 图层，取 名为 Layer 3。按住 Alt 键拖动 Layer 3，复 制产生一个图层。在工具箱中选择 Rectangular Marquee Tool，画出选区覆盖复 制图像的上面一部分，按 Delete 键删除，调 整位置至如图 60.15 所示。 34．按照同样的方法再复制出几个图 层，将刚才复制产生的所有图层合并，如图 60.16 所示。 35．按住 Alt 键拖动 Layer 2，复制四 排图像放到播放器外壳的左侧，然后将这 5 个图层合并，如图 60.17 所示。 36．在 Layers 面板中单击 Create a New Layer 图标，新建一个图层，取名为 button。 36．在工具箱中选择 Elliptical Marquee Tool，按住 Shift 键画出圆形选区。选择 Edit |Fill 命令，在对话框中选用白色填充选区。 图 60.13 渐变填充 图 60.14 画出线条 图 60.15 复制并调整 图 60.16 复制其它图层 第十四篇 产品制作 新概念百例 123
新概念百例 入门·创作·提高— Photoshop70 37.单击 Add a layer style图标,选择 Bevel and Emboss在对话框中设置 Style为 Pillow emboss,其它参数为默认值,效果如 图60.18所示 38.选择Fdt| Free Transform命令 调整圆形图案的大小。然后按住At键拖动 图像,再复制出几个圆形按钮 图60.17复制图像 39.将除了白色按钮外的其它图层设 为不可见,选择 Layer I Merge Visible命令, 将白色按钮图层合并,如图60.19所示。 40.在 Layers面板中单击 Create a new yer图标,新建一个图层 Layer5。制作几 个按钮上面的图标,然后将按钮和图标图层 合并,效果如图6020所示。至此,播放器 图60.18图层效果 外壳制作完毕,最终效果如图60.1所示。 图60.19复制图像 图60.20制作按钮上的图标
124 新概念百例 入门·创作·提高━━Photoshop7.0 37．单击 Add a layer style 图标，选择 Bevel and Emboss，在对话框中设置 Style 为 Pillow Emboss，其它参数为默认值，效果如 图 60.18 所示。 38．选择 Edit | Free Transform 命令， 调整圆形图案的大小。然后按住 Alt 键拖动 图像，再复制出几个圆形按钮。 39．将除了白色按钮外的其它图层设 为不可见，选择 Layer | Merge Visible 命令， 将白色按钮图层合并，如图 60.19 所示。 40．在 Layers 面板中单击 Create a New Layer 图标，新建一个图层 Layer 5。制作几 个按钮上面的图标，然后将按钮和图标图层 合并，效果如图 60.20 所示。至此，播放器 外壳制作完毕，最终效果如图 60.1 所示。 图 60.17 复制图像 图 60.18 图层效果 图 60.19 复制图像 图 60.20 制作按钮上的图标
