PhotoshopCS6图像制作案例教程08.ppt

* 本章简介： 第8章 网页设计 一个优秀的网站必定有着独具特色的网页设计，漂亮的网页页面能够吸引浏览者的注意力。设计网页时要根据网络的特殊性对页面进行精心的设计和编排。本章以制作多个类型的网页为例，介绍网页的设计方法和制作技巧。 课堂学习目标 掌握网页的设计思路和手段 掌握网页的制作方法和技巧 8.1 制作旅游网页 案例分析 设计理念 操作步骤 相关工具 实战演练 8.1.1 案例分析 本案例是为某旅游公司制作的宣传网页，网页主要服务的受众是喜欢旅游的人士。网页在设计风格上要突出重点、简洁直观、易于浏览。 8.1.2 设计理念 效果图 在设计制作过程中，使用白色作为背景烘托出网页的现代和时尚感。将导航栏置于网页的上方，简洁直观、便于操作。使用不同的图片构成不同的网页区域，使读者易于浏览。整体设计美观大方、具有较强的吸引力。 8.1.3 操作步骤 1 2 3 4 8.1.4 相关工具 1．图层样式 Photoshop CS6提供了多种图层样式可供选择，可以单独为图像添加一种样式，还可同时为图像添加多种样式。 单击“图层”控制面板右上方的图标，将弹出命令菜单，选择“混合选项”命令，弹出“混合选项”对话框。 “混合选项”对话框 8.1.4 相关工具 单击“图层”控制面板下方的“添加图层样式”按钮，弹出其菜单命令。 下拉菜单命令 8.1.4 相关工具 2．剪贴蒙版 剪贴蒙版是使用某个图层的内容来遮盖其上方的图层，遮盖效果由基底图层决定。 （1）创建剪贴蒙版 （2）取消剪贴蒙版 8.1.5 实战演练-制作企业网页 效果图 使用横排文字工具制作企业宣传文字，使用矩形工具和剪贴蒙版制作主体图片，使用直线工具添加间隔线。 8.2 制作绿色粮仓网页 案例分析 设计理念 操作步骤 相关工具 实战演练 8.2.1 案例分析 本案例是为某企业设计制作的网站，在设计上要求结构简洁，主题明确，能突出公司的整体经营内容和经营特色。 8.2.2 设计理念 效果图 在设计制作过程中，以黄色为主色调，体现了粮食作物的成熟和优质，黄色也是大多数食物的颜色，图文结合的图标醒目了然，突出主题。导航条使用纯白的背景和黄色的文字使分类更加明显。一张成熟的麦香图和人物图像的结合，使网站更具人性化，让用户感受到温馨的气息，同时突出网页宣传的主体。简洁清晰的图片排列和文字介绍给人明确清晰、醒目直观的印象，宣传性强。整个页面简洁工整，体现了公司认真、积极的工作态度。 8.2.3 操作步骤 1 2 3 4 8.2.4 相关工具 “图层”控制面板 1．图层组 当编辑多层图像时，为了方便操作，可以将多个图层建立在一个图层组中。单击“图层”控制面板右上方的图标，在弹出的下拉菜单中选择“新建组”命令，弹出“新建组”对话框，单击“确定”按钮，即可新建一个图层组。选中要放置到组中的多个图层，将其向图层组中拖曳，则选中的图层被放置在图层组中。 2．路径选择工具 路径选择工具用于选择一个或几个路径并对其进行移动、组合、对齐、分布和变形。 选择“路径选择”工具，或反复按Shift+A组合键。 8.2.4 相关工具 “路径选择”工具属性栏 3．直接选择工具 直接选择工具用于移动路径中的锚点或线段，还可以调整手柄和控制点。 选择“直接选择”工具，或反复按Shift+A组合键，拖曳路径中的锚点来改变路径的弧度。 8.2.4 相关工具 4．动作控制面板 “动作”控制面板用于对一批需要进行相同处理的图像执行批处理操作，以减少重复操作带来的麻烦。选择“窗口 动作”命令，或按Alt+F9组合键，弹出“动作”控制面板。其中包括“停止播放／记录”按钮、“开始记录”按钮、“播放选定的动作”按钮、“创建新组”按钮、“创建新动作”按钮和“删除”按钮。 8.2.4 相关工具 “动作”面板 8.2.5 实战演练-制作手机网页 效果图 使用圆角矩形工具和图层样式命令制作头部，使用横排文字工具、动感模糊和自定形状工具制作宣传语，使用图层蒙版和渐变工具制作图层蒙版。 8.3 综合演练-制作甜品网页 案例分析 设计理念 知识要点 *