项目12 图层与图层样式 _指导书2.doc

单元一 Photoshop的常用操作项目二图层及图层样式教学目标1了解平面构成的元素以及基本形式2掌握图层的基本操作、管理图层样式、图层样式调板等；3进一步通过常用工具完成网页导航栏和水晶图的制作；教学要求1认真听讲，专心操作, 操作规范， 认真记录实验过程，总结操作经验和写好实验报告，在实验中培养严谨科学的实践操作习惯；2遵守学校的实验室纪律，注意人身和设备的安全操作，爱护实验设备、及时上缴作业；3教学环境：50台计算机，并安装WindowsXP/7操作系统以及photoshop CS5以上系统。知识要点1平面构成的元素以及基本形式；2理解图层基本概念以及图层模式；技术要点1掌握图层的基本操作、管理图层样式、图层样式调板等操作；2运用图层、常用工具实现网页导航栏的制作；技能训练一讲授与示范正确启动计算机，在最后一个磁盘上建立以学号+姓名为名的文件夹，从指定的共享文件夹中将“实习指导书”和其他内容复制到该文件夹中。(一) 平面构成1平面构成的元素点、线、面是平面构成的主要元素； 不同的线和面具有不同的情感特征2平面构成的基本形式1）重复构成在同一设计中，相同的形象(基本形)出现过两次或两次以上；有形状的渐变、方向的渐变、大小的渐变、色彩的渐变、大小的渐变等；2）渐变构成指基本单元渐进的、循环的、有秩序变动的集合表现；有形状的重复、大小重复、色彩重复、方向的重复等等图1重复构成图2渐变构成图3发射构成3）发射构成指相同的基本单元或骨骼环绕一个共同中心向外呈散发式集合或向内集中式集合。它也是重复的一种特殊情形。有中心点发射、螺旋式发射、同心式发射； 4）特异构成是指构成要素在有次序的关系里，有意违反次序，使少数个别的要素显得突出，以打破规律性。有形状的特异、大小的特异、色彩的特异、方向的特异、肌理的特异等； 图4特异构成图5对比构成图6矛盾空间5）对比构成指在通过形态本身的大小、方向、位置、聚散等方面的对比来产生强列的视觉效果。有形状、大小、色彩、肌理、位置、空间、重心、虚实；6）矛盾空间指在实际空间中是不可能存在的空间，而是一种错视空间；它打破了平面的局限性，创出独特视觉的效果；有平面性、幻觉性、矛盾性(二) photoshop的图层1图层的概念图层比喻成一张张透明的纸，在多张纸上画了不同的东西，即对象或元素，然后叠加起来，就是一副完整的画。图1图层的形成2分类普通图层：主要功能是存放和绘制图像，普通图层可以有不同的透明度；背景图层：位于图像的最底层，可以存放和绘制图像；填充/调整图层：主要用于存放图像的色彩调整信息；图2图层浮动面板文字图层：只能输入与编辑文字内容；形状图层：主要存放矢量形状信息。3图层浮动面板图层面板中包括多个功能按钮，在制作图像时充分发挥其按钮的作用，如图2所示；(三) 图层的基本操作1新建图层方法一：执行 “图层|新建|图层” 命令 。方法二：单击图层调板下方的“创建新图层”按钮，直接新建一个空白的普通图层 。 2复制图层 复制图层图像内容为副本方法一：单击所需复制的图层，拖动该图层到图层控制面板下方的“创建新图层”按钮。方法二：右击所需复制的图层，执行“复制图层”命令，在复制图层对话框中的“目的”下拉列表框中选择当前文件。 盖印图层盖印可将多个图层的内容合并为一个目标图层，而原来的图层不变。一般情况下，所选图层将向下盖印它下面的图层。方法：选择多个图层，使用 Ctrl+Alt+shift+E快捷键就盖印了。3删除图层方法一：在图层调板中选中所需删除图层，拖动到调板下方的垃圾箱按钮上。方法二：右击所需删除的图层，在图层调板菜单中，执行“删除图层”命令。4调整图层顺序方法一：选中所需移动的图层，用鼠标直接拖动到目标位置。方法二：执行 “图层-排列” 菜单下的相应命令。5选择图层1）选择单个图层:鼠标左键单击，图层成蓝色显示2）选择多个连续的图层先选择第一个，按住shift键选择最后一个图层3）选择多个不连续的图层按住Ctrl键单击6锁定图层Photoshop提供了图层锁定功能，让用户通过全部或部分地锁定图层来避免有时在编辑图像的过程中不小心会破坏图层内容。当图层完全锁定时，锁形图标是实心的；当图层部分锁定时，锁图标是空心的。 锁定透明区域：锁定图层中的透明部分，保护图层中的透明部分不被填充或编辑。 锁定图像像素：防止使用绘画工具编辑修改图层的像素（包括透明区域和图像区域）。图5向下合并 锁定位置：防止图层的像素被移动或变形。 锁定全部：图层内容既不能移动也不能修改，并且不能改变图层的不透明度和图层混合模式7图层合并 向下合并方法：将要合并的图层或图层组在图层调板中放置在一起，确保两个图层都可视，执行图层调板菜单中的“向下合并”命令。 合并可见图层方法：执行“图层”菜单下的“合并可见图层”命令8删格化图层一般建立的文字图层、形状图层、矢量蒙版和填充图层之类的图层，就不能在它们的图层上再使用绘画工具或滤镜进行处理了。Photoshop会弹出提示“处理前必须先删格化此形状图层。它不再有矢量蒙版。要删格化形状吗？”，选择“好”删格化形状后才能正常操作。方法：执行“图层栅格化文字”(四)选区与路径1选区1）创建选区的工具根据图像边缘创建的轨迹型选区：矩形选框工具、椭圆选框工具与套索工具根据图像中色彩像素创建的颜色型选区：魔术棒工具注：选项栏的选项2）选区的创建与编辑主要进行创建、添加、减去、删除、修改；2路径1）路径工具及作用2）“路径”调板如椭圆绘制路径，添加文字(主要利用椭圆选项栏的选项路径按钮)任务一 网页页面背景、导航条设计要求：运用图层及常用工具制作网页页面背景以及导航条设计，其效果见文件“首页导航.jpg”步骤： 文档创建选择“文件”“新建”，在其对话框设置名称“首页导航”，预设选择“Web”，大小为“1024768”，如图6所示；图6新建对话框图7填充对话框 背景图案的设置v 在photoshop中打开素材文件“background.jpg”，执行菜单“选择全部”，即出现一个矩形的蚂蚁线实现选取，再执行“编辑定义图案”，在对话框中图像定义为“背景图案”。v 在“首页导航”文档中进行背景填充：“编辑填充”，在其对话框设置如图7所示；提问：为什么采用小图片，而不采大图片？ 网页分割v 在首页文档中新建“图层”,并通过“视图标尺”打开标尺；v 在该图层运用“铅笔工具”按钮 ，结合Shift键画出7条垂直线将将画布分为8等份；同理通过3条水平线画“网页Logo、网页主体图片、网页导航、网页版权”四个部分，其效果如图8所示； 导航栏“矩形渐变”的制作v 新建“图层”，在该图层运用“矩形选框工具”，在图像中拖动至合适大小，建立导航条矩形选区，如图8所示；图8网页参考线图9“渐变编辑器”对话框v 用“吸管工具” 吸取背景图层中的蓝色为前景色，选择“渐变工具” 按钮，双击“选项栏”的“渐变样式”列表框图处，弹出“渐变编辑器”对话框，设置前景色到白色的渐变，如图9所示；v 在图8中的导航矩形选区自上而下或自下而上拖动鼠标，拉出一条垂直渐变线，得到渐变导航条，如图8所示；v 执行“选择取消选择”或Ctrl+D取消选区； 导航条分界线的制作v 新建“图层” ，在该图层运用“矩形选框工具”在导航栏中绘制一个矩形框：宽2像素、高30象素，如图10所示；（选项栏）图10 矩形框参数设置v 选择渐变工具，设置一个由蓝色到前景色的渐变色，在该矩形区内由左向右或由上而下拖动应用该渐变，实现网页导航条分界线，如图11所示；v 同理分别新建6图层，在不同的图层中制作出其他6条导航条分界线；图11导航栏的设置 导航条文字的制作v 新建图层，在该图层使用“横排文字工具”为首页添加导航文字“网站首页”， 如图7所示；v 同理分别新建7图层，在不同的图层中添加对应的导航文字； 网页版权信息的添加新建图层，在该图层使用“横排文字工具”为首页添加对应文字信息， 如图12所示；图12版权信息的设置保存Ctrl+S进行保存到“学号姓名”文件夹中，上传到教师指定的文件夹中；(五)图层模式1概述图层模式和绘图工具的绘图模式作用相同，主要用于决定其像素如何与图像中的下层像素进行混合。Photoshop提供多种混合模式，图层缺省的模式是正常模式，在图层调板的上方可以改变图层混合模式。2操作方法一：执行 “图层图层样式” 子菜单下的各种样式命令；方法二：单击图层面板下方的样式按钮，从弹出菜单中选取相应命令；方法三：双击图层面板中普通图层的图层缩览图3图层模式类型1）投影效果2）内投影效果3）外发光效果4）内发光效果5）斜面及浮雕效果6）光泽效果7）颜色叠加效果8）渐变叠加效果9）图案叠加效果10) 描边效果详情：见附件“项目二 图层模式.PPT”4管理图层模式1）展开和折叠图层样式2）隐藏和显示图层样式3）修改图层样式4）复制图层样式5）删除图层样式二课堂任务实践任务二个性化水晶的制作要求：制作一个透明、立体感的水晶，如右图所示；步骤： 文档创建新建一个文件，在“新建”对话框，在“预设”列表中选择Web选项，在“大小”为1024768，文件名为“个性化水晶”； 心形和圆形的绘制v 新建一图层，设置前景色为洋红色，选择椭圆工具，在选项栏中单击“填充象素”后再靠左靠上绘制一个椭圆形，并复制该图层成一副本，将其移至形成如图13所示；图13图14v 新建一图层，创建一个大一点的圆形(最好是椭圆)，将前面两个圆形覆盖后；v 使用“矩形选框工具”在圆形上半部分创建选区如图14所示，再用Delete键删除选内的图像，形成一个心形，如图15所示；(选栅格化后，再创建选区，然后Ctrl+T通过适当调整下面部分的大小)v 多次按Ctrl+E 将当图层与下面的图层合并，但不要和背景合并；（注意观察缩略图）v 新建图层，在心形图形左侧绘制一个大小相近的黑色正圆形；图15图16 效果图的设置v 按Ctrl键单击某个“椭圆”图层的缩览图，载入图形的选区，如图16所示；v 选择画笔工具，单击工具选项栏中的按钮，打开“画笔”的柔边圆，前景色设置为橙色RGB(255、120、0)大小适当小于圆形，在图形内部涂抹橙色，如图16所示；v 同理，再使用浅粉色填充心形；图16图17v 最上面新建图层，使用“椭圆选框工具”，在圆形中创建一个正圆形选区，并用油漆桶工具填充如图17所示的图案；(图案通过工具“选项栏”中选择“图案”选项，单击按钮，载入“图案”或“彩色纸”库，选择“生锈金属”加载图案)v 执行“滤镜”“模糊”“径向模糊”，对话框设置如图18所示；v 新建图层，在其中间位置绘制一个黑色正圆形，v 新建图层，选择“自定形形工具”，在选项栏中点击“填充象素”按钮，同理加载/复位形状（在形状旁过的三角），点击“自然”命令，载入该形状库；选择“雨点”形状，在圆形的左下角绘制一滴非常淡蓝色的雨点；v 单击“图层”调板中的“锁定透明像素” 按钮，将该图层的透明区域保护起来；v 利用画笔工具的柔边圆在雨滴周边涂抹浅蓝，在雨点右侧涂抹蓝色以及白色，形成如图19所示的效果图；图18图19 高光与投影的制作v 新建图层，在圆形中绘制一个白色的圆形，调整位置，选择“橡皮擦工具”，其柔边大小为100像素的笔尖，适合擦除白色去域，形成眼球的高光，如图20所示； v 在当前图层下面新建一个图层，选择画笔工具，将不透明度设置为30%，设置画笔的前景色为蓝色，其效果如图21所示； v 同理设置画笔的前景色为橙色绘制阴影，其效果如图21所示；(调整图层位置) 图20