网页设计与布局：PS学习基础入门.pptVIP

第4周 网站设计与布局 编制：武彦平 Photoshop基础操作学习：选区与抠图 选择与抠图方法概览 1 选区的基本操作 2 基本选择工具学习实例 3 内容简介 实战：用 “快速选择”工具 抠图 4 实战：用“色彩范围”命令抠图 5 实战：用细化工具抠毛发 6 1.选择与抠图方法概览 在PS中处理 局部图像时，首先要指定编辑操作的有效区域，即创建选区。 我们选择对象后，如果将它从背景中分离出来，整个操作过程便称为“抠图”。 PS提供了大量的选择工具和命令，以适合选择不同类型的对象。 很多复杂的图像，哪人象、毛发等，需要多种工具配合才能抠出。 1.1 基本形状选择法 用于基本形状选择的“选框工具” 边缘为圆形、椭圆形和矩形的对象， 可以用选框工具来选择。 1.2 色调差异选择法 快速选择工具、魔棒工具、“色彩范围”命令、混合颜色和磁性讨套索工具都可以基于色调之间的差异建立区。 “色调差异选择法” 适合用于：对象与背景之间色调差异明显的图片 1.3 快速蒙版选择法 创建选区后，按下工具箱中“快速蒙版”按钮，进入快速蒙版状态，可以将选区转换为蒙版图像，此时便可使用各种绘画工具和滤镜对选区进行细致加工，就像处理图像一样。 1.4 简单选区细化法 “调整边缘”是用于修改选区的命令，当我们创建的选区不够精确时，可以用它来进行调整。该命令可以轻松选择毛发等细微的图像，不能消除选区边缘的背景色。 2.选区的基本操作 在学习使用选择工具和命令之前，我们先来了解一些与选区基本编辑操作有关的命令，包括创建选区前需要设定的选项，以及创建选区后进行的简单操作，以便为深入学习选择方法打下坚实的基础： ①全选与反选（选择菜单） : Ctrl+A(全选） Shift+Ctrl+I(反选） Ctrl+C(复制） Ctrl+Shift+C(合并复制） ②取消选择与重新选择： Ctrl+D(取消） Ctrl+Shift+D(重新选择/恢复) ③选区运算：Shift(加） Alt(减） Shift+ Alt（交叉） ④移动选区： 上下左右键微调 光标放进选区 ⑤隐藏与显示选区：Ctrl+H (注意：虽看不见，但仍存在） 3. 基本选择工具实例 3.1 实例1: 用矩形选框工具制作矩形选区 3.2 实例2: 用椭圆选框工具制作圆形选区 3.3 实例3: 使用单行单列选框工具 3.4 实例4: 分别用套索工具/多边形套索工具/磁性套索工具 给窗户换背景图 讨论问题 如果你有能力自建一个属于自己 的网站，你想做一个什么样的网站？为什么？ CI(Corporate Identity) CI，Corporate Identity，企业识别，CI作为一个整体机制，是由三大要素构成的，这三大要素是： 　　理念识别：Mind Identity，简称MI。 　　活动识别：Behavior Identity，简称BI。 　　视觉识别：Visual Identity，简称VI。VI 是 CI 中的一部分！ 显示分辨率 红色：代表热情、活泼、热闹、温暖、幸福和吉祥 红色网站案例 黄色：代表明朗、愉快、高贵和希望。 红色网站案例 白色网站案例 白色：色感光明，性格朴实、纯洁、快乐。 紫色网站案例 紫色：代表优雅、高贵、魅力、自傲和神秘的感觉 蓝色网站案例 蓝色：代表深远、永恒、沉静、理智、诚实、公正权威 绿色网站案例 绿色：代表新鲜、充满希望、和平、柔和、安逸和青春 灰色网站案例 灰色：具有柔和、高雅的意象，属于中间性格，易接受 简单的GIF动画实例 简单的GIF动画实例 思考与练习 1．电子商务网站规划的内容和步骤有哪些？ 2．电子商务网站风格的设计应遵循哪些原则？ 3．网站目录结构设计应注意哪些问题？ 4．常见的网站版面布局有哪几种？分别举例说明。