网页设计项目化教程 教学课件 ppt 作者 吕红 朱作付 臧博 主编项目三 企业网站图像的处理.pptVIP

网页设计项目化教程-----企业网站图像的处理  内 容 项目功能分析 【能力目标】 能根据前期的网站建设方案规划设计网站界面的基本布局和风格 能根据界面设计的基本流程，综合应用界面设计工具Photoshop完成森兴网站界面设计工作 能够根据后续网站建设需求进行界面的切割和输出 【知识目标】 了解网页界面设计的工作流程 了解图像的颜色模式 掌握Photoshop等工具和面板的使用 掌握Web界面图像设计 掌握图像的输出方式 【素质目标】 培养界面设计能力 调高审美意识 培养求精务实的职业素质 项目任务实施 -任务1设计和制作网站logo 【任务分析】 森兴企业是一个板材企业，主要原材料是木材，所以设计网站的LOGO为一棵绿色的树加上企业名称的中文首字母 项目任务实施 -任务1设计和制作网站logo 【实施步骤】 --参照教材 【知识梳理】 1. 基本工具 （1）选择工具 为了适应图像制作的需要，Photoshop提供了三种选择工具：规则选择工具、不规则选择工具和魔术棒选择工具。 规则选择工具包括矩形选择工具、椭圆形选择工具、单行和单列选择工具，其快捷键为M，使用Shift+M可以在矩形选择工具和椭圆形选择工具中切换。 不规则选择工具包括套索工具、多边形工具、磁性套索工具三种，主要用于对图像中不规则部分的选取。它们的快捷键为L，使用Shift+L可以实现三种工具的切换。 项目任务实施 -任务1设计和制作网站logo 【知识梳理】 ①套索工具，类似于徒手绘画工具。只需要按住鼠标然后在图形内拖动，鼠标的轨迹就是选择的边界，如果起点和终点不在一个点上，那么Photoshop通过直线使之连接。该工具的优点是使用方便、操作简单，缺点是难以控制，所以主要用在精度不高的区域选择上。 ②多边形工具，类似于徒手绘制多边形。操作的时候只需要在工作区域中单击，增加一个拐点，需要结束时双击鼠标，或者当鼠标回到起点变成小圆圈时单击鼠标。该工具优点是选择比较精确，缺点是操作复杂，所以主要用在选择边界为直线、边界复杂的多边形的图案。 ③磁性套索，类似于一个感应选择工具。它根据要选择的图像边界像素点的颜色来决定选择工作方式。在图像和背景色差别较大的地方，可以直接沿边界拖拽鼠标，套索工具根据颜色差别自动勾勒出选择框。下面是他们各自使用时的效果。 魔术棒选择工具可以根据单击点的像素和给出的容差值来决定选择区域的大小，当然这个 选择区域是连续的。在魔术棒选择工具面板中有一个非常重要的参数——误差范围，它的取值范围是从0～255，该参数的值决定了选择的精度，值越大选择的精度越小，反之亦然。 项目任务实施 -任务1设计和制作网站logo 【知识梳理】 （2）绘图与填充工具 绘图与填充工具包括笔类工具组、橡皮擦工具组、填充工具组、形状工具组、文字工具组和吸管工具组。使用这些工具能够最直接、最方便的修改或创建图像，如绘制线条、擦除颜色、绘制各种形状、创建文字和吸取颜色等。 （3）修图工具 修图工具包括图章工具组、修复画笔工具组、模糊工具组和简单工具组，常用于数字相片的修饰，以获得更加完美的效果。 项目任务实施 -任务1设计和制作网站logo 【知识梳理】 2. 图层 使用图层可以在不影响整个图像中大部分元素的情况下处理其中一个元素，可以把图层想像成是一张一张叠起来的透明胶片，每张透明胶片上都有不同的画面，改变图层的顺序和属性可以改变图像的最后效果，使用它的特殊功能可以创建很多复杂的图像效果。 图层面板上显示了图像中的所有图层、图层组和图层效果，可以使用图层面板上的各种功能来完成一些图像编辑任务，例如创建、隐藏、复制和删除图层等。还可以使用图层模式改变图层上图像的效果，如添加阴影、外发光、浮雕等等。另外还可以对图层的光线、色相、透明度等参数做修改来制作不同的效果。 项目任务实施 -任务1设计和制作网站logo 【知识梳理】 3. 滤镜 滤镜是Photoshop的一种特效工具，共有14个滤镜组。大多数的滤镜在使用时都会弹出对话框，要求用户根据需要设置参数。只有少数几个滤镜无需设置参数，直接作用在图像上。滤镜的一般分为5步： 步骤1 选择要应用滤镜的图层、模板或通道。若对图像局部使用，则要创建相应的选取。 步骤2 选择【滤镜】菜单下的某个滤镜。 步骤3 若弹出对话框，则根据需要设置参数。 步骤4 不进行其他任何操作，选择【编辑】菜单|【渐隐xxx】命令，弹出如图所示对话框。 步骤5 最后一次使用的滤镜总是出现在【滤镜】菜单的顶部，单击该命令，可以在图像上再次使用滤镜，以增强效果。 项目任务实施 -任务1设计和制作网站logo 【知识梳理】 3. 滤镜 滤镜是Photoshop的一种特效工具，共有14个滤镜