8.3.1网页导航制作 课件(共9张PPT)-《Photoshop基础实用教程》同步教学（电子工业版）

(课件网) 任务一 网页导航制作 模块八 成长的阶梯 — 第三阶梯 中级魔法师 目录 任务分析 任务一网页导航制作本任务最终想要实现的效果如下：Photoshop基础网页导航制作任务实施 实现过程 1. 新建文件。文件宽度：1000像素，高度： 70像素，分辨率： 72 dpi 。 2. 打开文件。启动Photoshop CC软件，选择菜单“文件” →“打开”，打开“模块八\第三阶梯\网页元素设计素材1-LOGO.jpg”，导入至新建文件中。 3.新建图层，命名为“白边”。利用“钢笔工具”，绘制路径，并将其转换为选区。 任务一网页导航制作 图1 4、对图层“白边”进行操作。使用“渐变工具”，在当前选区内填充白、灰渐变色，效果如图2所示。 5、对当前图层进行图层样式设置，参数如图3所示。 任务一网页导航制作 图2 图3 6、新建图层。利用“矩形选框工具”，绘制矩形选区，对当前选区填充红颜色。利用自由变换命令，对红色矩形进行15.5度角的斜切操作。得到效果如图4所示。 7、利用步骤6的方法，进行其他颜色矩形块的制作。完成效果如图5所示。 8、合并图层。将6个色彩图层进行合并，合并后进行图层样式操作。图层样式参数如图6所示。 任务一网页导航制作 图4 图5 图6 9、使用“文字工具”，将相应文字内容输入。得到如图7效果。 10、新建图层。使用“自定义形状工具”，找到会话气泡，同时输入字母“HOT”。最终效果如图8所示。 任务一网页导航制作 图7 图8