[工程科技]情境4淮安信息职业技术学院网站页眉设计.ppt

第三章 网页效果图设计 项目展示与项目目标 1．项目背景 第三章 网页效果图设计 4. 项目实施 9）在“院标与院名”组中新建一个图层命名为“白色光线”，使用“单行选择工具”在院标与院名的中间添加一条横向选区，然后填充为白色（如图3-121a），在图层面板点击“添加图层蒙版”按钮，使用渐变工具（对称渐变工具）设置白线的蒙版（如图3-121b），最终效果如图中c图所示。 4. 项目实施 10）图层面板切换回到“背景”组，打开素材文件夹中的“方格背景.psd”文件，使用“移动工具”将它拖入到效果图中，将其移动到WWW.HCIT.EDU.CN文字下方，同样的方法再次拖入一个放到右上角；使用“横排文本工具”输入（随意输入一段01代码，方格与01代码反映IT信息元素）文本设置：字体Arial Black，大小12点，白色，不透明度20~30%，同样的方法再次输入几段“01”码，如图所示。 4. 项目实施 11）打开素材文件夹中的“世界地图.psd”文件，使用“移动工具”将它拖入到效果图中，调整它在“背景”组内最高的位置（快捷键Ctrl+Shift+]将所在层置顶），执行“编辑”→“自由变换”命令（快捷键Ctrl+T）调整它的大小。最后在图层面板按住Alt键，把鼠标放在图层3与图层4之间，鼠标会变成形状，然后点击鼠标左键完成图层的剪贴蒙版技术，效果如图所示。 剪贴蒙板 4. 项目实施 12）选择图层4，设置它的图层混合模式为叠加混合模式，然后点击“添加图层蒙版”按钮，给图层4添加蒙版技术，使用画笔工具（软画笔）调整世界地图的边缘使其显示柔和，效果如图所示。 4. 项目实施 13）在图层面板中点击“创建新组按钮”，命名组名为“导航栏”，新建一个图层（图层1），使用椭圆选取工具（样式设置固定大小：宽14像素，高14像素）绘制一个小圆圈，填充为橙色，然后设置图层1的样式：外发光与描边效果（如图a与b所示，a中颜色为# ffffbe，b中描边颜色为fc7803），连续复制 “图层1”5次，调整小圆圈的位置，如图c所示。 地址:北京百万庄大街22号 邮编:100037 编辑热线: (010)机 械 工 业 出 版 社 CHINA MACHINE PRESS 地址:北京百万庄大街22号 邮编:100037 编辑热线: (010)机械工业出版社 基于工作过程的网页设计与制作教程 主编：张洪斌 季春光 刘万辉 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估 6. 强化拓展实训:维达科技主页设计 情境4：淮安信息职业技术学院网站页眉设计 基于工作过程的 网页设计与制作教程 1项目展示与项目目标 能够掌握通道的概念及应用技巧 掌握蒙版的概念与使用技巧 掌握滤镜的概念与使用技巧 掌握使用Photoshop CS4进行切片导出的方法与技巧 2. 项目资讯 淮安信息职业技术学院是经江苏省人民政府批准、教育部备案的一所全日制专科层次的普通高等学校。首页网页页眉设计为学院网站建设中的一部分，与整个网站以及欢迎页应该都是一个整体，初步设计效果图符合学院特征，能够包含学院的导航，具体模块包括：学院简介、机构设置、招生就业、图书馆、示范建设、专业建设、精品课程、办公系统、数字化资源、学院邮箱、院长信箱等。 2. 项目资讯 在Photoshop中通道被用来存放图像的颜色信息以及自定义的选区，不仅可以使用通道得到非常特殊的选区，以辅助制作效果图，还可以通过改变通道中存放的颜色信息来调整图像的色调。 关键知识点一：图像通道的概念与使用技巧 颜色通道 alpha通道 2. 项目资讯 复制蓝通道副本 使用通道抠取图像的方法如下： 关键知识点一：图像通道的概念与使用技巧 2. 项目资讯 执行“图像”→“调整”→“反相”命令（快捷键Ctrl+I） 关键知识点一：图像通道的概念与使用技巧 使用画笔工具进行修饰 2. 项目资讯 关键知识点二：路径的使用 路径这个概念相对比较容易理解，所谓路径，在屏幕上表现为一些不可打印的、不活动的矢量形状，可以通过路径进行描边或填充等操作来获得图形。可以使用前景色描画路径，从而在图像或图层上创建一个永久的效果；但路径通常被用作选择的基础，它可以进行精确定位和调整；路径比较适用于不规则的、难以使用其它工具的进行选择的区域。 未选中的锚点 选中的锚点 方向点 方向线 方向线 角点 2. 项目资讯 关键知识点二：路径的使用 认识“钢笔工具”选项栏 形状图层 路径 填充像素 路径组合