情境2首页图片设计课件

情境2首页图片设计1、战鼓一响，法律无声。——英国2、任何法律的根本；不，不成文法本身就是讲道理……法律，也----即明示道理。——爱·科克3、法律是最保险的头盔。——爱·科克4、一个国家如果纲纪不正，其国风一定颓败。——塞内加5、法律不能使人人平等，但是在法律面前人人是平等的。——波洛克情境2首页图片设计情境2首页图片设计1、战鼓一响，法律无声。——英国2、任何法律的根本；不，不成文法本身就是讲道理……法律，也----即明示道理。——爱·科克3、法律是最保险的头盔。——爱·科克4、一个国家如果纲纪不正，其国风一定颓败。——塞内加5、法律不能使人人平等，但是在法律面前人人是平等的。——波洛克网页设计与制作学习情境2：首页图片的设计教学目标知识目标：1．了解Photoshop基本功能及图像的基本概念。2．了解Photoshop工具箱的使用。3．了解图层的使用。4．了解遮罩层的作用。5．熟悉图像菜单的使用。6．熟悉滤镜菜单及其相应的功能。7．了解Photoshop进行图像处理的使用技巧8．了解切割工具的使用方法

工具箱⑴选择工具选框工具可建立矩形、椭圆、单行和单列选区

使用选取工具和魔棒工具时，如果按住Shift键，可以添加选区，如果按住Alt键，则可以减去选区。

⑵移动工具使用移动工具可以将图像中被选取的区域移动（此时鼠标必须位于选区内，其图标表现为黑箭头的右下方带有一个小剪刀）如果图像不存在选区或鼠标在选区外，那么用移动工具可以移动整个图层。⑶套索工具曲线套索工具曲线套索工具可以定义任意形状的区域。多边形套索工具在使用曲线套索工具时按住Alt键，可将曲线套索工具暂转换为多边形套索工具使用。磁性套索工具使用磁性套索工具时，按住鼠标在图像中不同对比度区域的交界附近拖拉，Photoshop会自动将选区边界吸附到交界上。⑷魔棒工具魔棒工具是根据相邻像素的颜色相似程度来确定选区的选取工具。当使用魔棒工具时，Photoshop将确定相邻近的像素是否在同一颜色范围容许值之内，这个容许值可以在魔棒选项浮动窗口中定义，所有在容许值范围内的像素都会被选上。⑸裁切工具裁切工具是将图像中被裁切工具选取的图像区域保留而将没有被选中的图像区域删除的一种编辑工具。

⑹切片工具PhotoshopCS中的切片工具组中包括切片工具和切片选取工具，主要用来将源图像分成许多的功能区域。将图像存为Web页时，每个切片作为一个独立的文件存储，文件中包含切片自己的设置、颜色面板、链接、翻转效果及动画效果。⑺修复工具污点修复画笔工具可移去污点和对象，能自动进行像素取样。修复画笔工具可利用样本或图案绘画以修复图像中不理想的部分。修补工具可使用样本或图案来修复所选图像区域中不理想的部分。红眼工具可移去由闪光灯导致的红色反光。⑺修复工具污点修复画笔修复画笔修补工具红眼工具⑻画笔工具画笔工具

运用画笔工具可以创建出较柔和的笔触，笔触的颜色为前景色。铅笔工具

运用铅笔工具可以创建出硬边的曲线或直线，它的颜色为前景色。

⑻画笔工具颜色替换工具可将选定颜色替换为新颜色。历史画笔工具可将图像修改恢复到此步骤时的图像状态历史记录艺术画笔工具主要用来绘制不同风格的油画质感图像。⑼图章工具仿制图章工具

仿制图章可以复制图像的一部分或全部从而产生某部分或全部的拷贝，它是修补图像时经常要用到的编辑工具。先按下Alt键，定义好一个基准点，然后放开Alt键，反复涂抹就可以复制了。⑼图章工具图案图章工具

在使用图案图章工具之前，必须先选取图像的一部分并选择“编辑”菜单下的“定义图案”命令定义一个图案，然后才能使用图案印章工具将设定好的图案复制到鼠标的拖放处。⑽橡皮擦工具普通橡皮擦工具可抹除像素并将图像局部恢复到以前存储状态背景橡皮擦工具可将被擦除区域的背景色擦掉，被擦除的区域将变成透明。魔术橡皮擦工具更灵活、更简洁，设置好魔术棒的属性后，只需单击一次即可将纯色区域擦抹为透明区域。⑾填充工具渐变填充工具可以在图像区域或图像选择区域填充一种渐变混合色。油漆桶工具油漆桶工具可以根据图像中像素颜色的近似程度来填充前景色或连续图案。⑿模糊工具模糊工具可以降低图像中相邻像素的对比度，将较硬的边缘柔化，使图像变得柔和。锐化工具可以增加相邻像素的对比度，将模糊的边缘锐化，使图像聚焦。涂抹工具

模拟将手指拖过湿油漆时所看到的效果。⑿模糊工具⒀色彩微调工具减淡工具可使图像的细节部分变亮，类似于给图像的某一部分淡化。加深工具可使图像的细节部分变暗。海绵工具用来增加或降低图像中某种颜色的饱和度。⒀色彩微调工具⒁路径选择工具路径选择工具组包括路径选择工具和直接选择工具，这两个选择工具均要结合路径面板一起使用，路径选择工具可建立显示锚点、方向线和方向点的形状或线段选区。⒂文字工具文字工具组中主要包括横排文字工具、直排文字工具、横排蒙版文字工具和直排蒙版文字工具。文字工具可在图像上创建文字,文字蒙版工具可创建文字形状的选。⒃钢笔工具钢笔工具包括：钢笔工具、自由钢笔工具、添加锚点工具、删除锚点工具、转换点工具。这组路径工具主要用来绘制路径或给图像中的物体描边。⒄矢量图像工具矢量图像工具组包括：矩形工具、圆角矩形工具、椭圆工具、多边形工具、直线工具和自定形状工具。⒅吸管工具利用吸管工具在图像中取色样以改变工具箱中的前景色或背景色。⒆抓手工具抓手工具是用来移动画面使能够看到滚动条以外图像区域的工具。它实际上并不移动像素或是以任何方式改变图像，而是将图像的某一区域移到屏幕显示区内。⒇缩放工具缩放工具是用来放大或缩小画面的工具，这样就可以非常方便地对图像的细节加以修饰。如果选择工具箱中的缩放工具并在图像中单击鼠标，图像就会以单击点为中心放大两倍，最大可放至16倍。如果在单击时按着Ctrl键再单击，则图像会以2、3、4、5、…16倍缩小。如果双击工具箱中的缩放工具，图像就会以100%的比例显示。第一步:设计首页Banner图调整图像的大小将图像的大小设置为宽950像素、275像素。第一步:设计首页Banner图2.调整图像的色彩⑴使用色阶调整该命令可以通过图像的暗调、中间调和高光等强度级别来校正图像的色调范围，并可调整色彩平衡,调整明暗度时，可以对整幅图像进行，也可以对图像某一选取范围、某一图层或者某一个颜色通道进行。

⑴使用色阶调整若选择RGB主通道，色阶调整将对所有通道起作用，若只选中R、G、B通道中的单一通道，则色阶命令将只对当前所选通道起作用。⑵使用曲线调整曲线命令除可以调整图像的亮度以外，还能调整图像的对比度和控制色彩等功能。该命令的功能实际上是由反相、亮度、对比度等多个命令组成的。因此，该命令功能较为强大，可以进行较有弹性的调整。⑵使用曲线调整在曲线对话框中，用户可以进行设定调整图像的色阶或其他设置。第二步：设计电子商务中心首页效果图新建画布插入logo图打开logo图，设置图像的大小为85*79像素，用移动工具将图像移到首页面中，首页面会自动生成一个的新图层，我们将新图层改名为：logo，并调整好图片在页面中的位置。图层间的关系

图层与图层之间是覆盖的，上面的图层会遮挡住下面图层的内容图层调色板中蓝色的，表示是当前正在编辑的图层，对当前图层进行修改操作，不会影响其它层。

图层间的关系图层中的上下关系是可以改变。图层中最下面的一层是背景层，是唯一的，而且不能改变上下关系。每个图层都能隐藏起来图层的透明

图层中没有图像的部分是透明的，下面图层的内容会露出来，当它被隐藏时，下面图层中原来被遮挡的内容会显示出来；背景层没有透明部分，即使是没有具体图像的部分也会是一种背景色，建立新图层

直接点击图层面板中的“创建新图层”按钮，这样就创建一个新的图层。拷贝和粘贴方法建立图层图层屏蔽

单击图层面板的下面的按钮，图层缩影后面出现了一个白色的方框，它是屏蔽的缩影图，现在是白色的，左边工具箱的颜色变成了黑与白，这是因为在屏蔽层中只能使用黑白两色或灰度色。图层屏蔽的功能就是，屏蔽中是黑色的部分，那么该层对应区域内的内容就变成透明，白色的部分表示显示，灰色的即为半透明。图层屏蔽广告文字的制作在工具箱里选择横排文字工具T，用鼠标在窗体中拖动，就会形成一个文字输入框，同时自动生成一个新的图层，输入广告文字通过属性窗口，设置文字的字体、字号及颜色。设置文字特殊效果通过执行“图层→图层样式→投影”命令，打开图层样式对话框，设置文字的投影及发光的艺术效果设置文字变形效果单击“文字”工具“选项栏”中的按钮，打开“变形文字”对话框，如右图所示。在“变形文字”对话框中，单击“样式”下拉列表框，选择一个样式。在“样式”选项中选择一个变形的方向，“水平”或是“垂直”；调节下面的“弯曲”、“水平扭曲”以及“垂直扭曲”数值，以达到满意效果。单击“好”按钮，完成变形效果的设置。设置文字变形效果按“新建图层”按钮，建立新的图层，然后把新的图层拖到文字图层的下面；按住Ctrl键，在文字图层的图像缩影上单击，会出现一个选择范围，它是沿着被单击图层中所有的内容勾划的选择；按工具箱颜色板中左下角的黑白图标，使颜色板的前景色是黑，背景色是白，然后选择编辑菜单中的填充，在出现的窗口中，确定填充色是前景色，即黑色，透明度为100即可，单击确定。设置文字阴影通过滤镜和图层透明度使阴影真实

取消选择范围，然后用移动工具，将刚才填充的黑色阴影向右下移动；这时的阴影边缘太清晰，要使它柔和一些，单击滤镜中的模糊中的高斯模糊；在出现的窗口中设定半径范围为1.5(H)，可以看见阴影的边缘已经模糊了，点OK确定。通过滤镜和图层透明度使阴影真实通过滤镜和图层透明度使阴影真实现在的阴影还是太深，我们把阴影图层的透明度设为55，切割首页图

利用Photoshop中的切片工具，将首页图按功能块切割成块，切割首页图接着用选择切片选取工具，切片大小进行调整。切割首页图切割首页图小结作为photoshop软件的初学者，首先要认真掌握photoshop常用工具的使用，掌握操作技能，打好基础。要勇于实践，这样即能激发学习兴趣，又能较好的掌握一些基本的操作技巧，遇到不明白的再去看书。不要急于求成，可以先找一些设计较理想的网站或作品，进行模仿，细心地观察别人是怎么做的