边做边学——Photoshop CS3图像制作案例教程08.pptVIP

本章简介： 一个优秀的网站必定有着独具特色的网页设计，漂亮的网页页面能够吸引浏览者的注意力。设计网页时要根据网络的特殊性对页面进行精心的设计和编排。本章以制作多个类型的网页为例，介绍网页的设计方法和制作技巧。 * 第8章　网页设计 课堂学习目标 掌握网页的设计思路和表现手法 掌握网页的制作方法和技巧 8.1　制作科技网页 案例分析 设计理念 操作步骤 相关工具 8.1.1　案例分析 本例是为科技公司设计制作的网页，网页的主要服务受众是对现代科技进步感兴趣的网友。网页在设计风格上要体现出现代感和科技感，通过科技元素和图形化的语言表现出科技的独特魅力。 8.1.2　设计理念 在设计制作过程中，通过放置在页面上方的深蓝色块的导航条，方便爱好者的浏览，通过格状底图展示出设计的科技感，通过地球图形和图片展示出网页的全球化和信息化，通过科技图片和文字展示最新的科技动态，从而使访问者更加快捷方便地浏览。整体页面大方直观，简洁明了。 科技网页图 8.1.3　操作步骤 1 2 3 4 8.1.4　相关工具 1．图像尺寸的调整 打开一幅图像，选择“图像 图像大小”命令，弹出“图像大小”对话框，如图所示。 “图像大小”对话框 2．画布尺寸的调整 图像画布尺寸的大小是指当前图像周围的工作空间的大小。选择“图像 画布大小”命令，弹出“画布大小”对话框，如图所示。 “画面大小”对话框 8.1.5　实战演练-制作国粹艺术网页 使用自定形状工具制作背景装饰图形，使用图层样式命令制作图片的装饰效果，使用钢笔工具和横排文字工具制作介绍性文字，使用横排文字工具和图层样式命令制作导航文字。 国粹艺术网页图 8.2　制作电子产品网页 案例分析 设计理念 操作步骤 相关工具 8.2.1 案例分析 本例是为电子厂商设计制作的产品宣传网页，网页主要服务的受众是喜欢使用电子产品的消费者。网页在设计风格上要突出重点、简洁直观、易于浏览。 8.2.2 设计理念 在设计制作过程中，使用内敛的灰色和亮眼的橘红色形成鲜明的对比，烘托出网页的现代和时尚感，使用块状划分将菜单和产品图片分离，简洁直观、便于操作，使用不同的文字块构成不同的网页区域，使读者易于浏览。整体设计科技感和专业性较强。 电子产品网页图 8.2.3 操作步骤 3 1 2 8.2.4 相关工具 1．路径控制面板 绘制一条路径，再选择“窗口 路径”命令，调出“路径”控制面板，如图所示。单击“路径”控制面板右上方的图标，弹出下拉菜单。 “路径”对话框 路径下拉菜单 2．新建路径 使用控制面板的弹出式菜单：单击“路径”控制面板右上方的图标，弹出其下拉菜单，在其中选择“新建路径”命令，弹出“新建路径”对话框。 “新建路径”对话框 3．复制路径 使用菜单命令：单击“路径”控制面板右上方的图标，弹出其下拉菜单，选择“复制路径”命令，弹出“复制路径”对话框，如图所示。在“名称”文本框中输入复制路径的名称，单击“确定”按钮，“路径”控制面板。 “复制路径”对话框 4．删除路径 使用菜单命令：单击“路径”控制面板右上方的图标，弹出其下拉菜单，选择“删除路径”命令，将路径删除。 使用面板按钮：在“路径”控制面板中选择需要删除的路径，单击面板下方的“删除当前路径”按钮，将选择的路径删除。 5．重命名路径 双击“路径”控制面板中的路径名，出现重命名路径文本框，如图8-103所示，更改名称后按Enter键确认即可，如图所示。 重命名路径示意图 6．路径选择工具 选择“路径选择”工具或反复按Shift+A组合键，其属性栏如图所示。 “路径选择”工具属性栏 7．直接选择工具 直接选择工具用于移动路径中的锚点或