个性按钮及图像设计与处理—图层的运用教学PPT课件.pptx

第4章 个性按钮及图像设计与处理——图层的应用主讲人：本 章 概 述图层是Photoshop最为核心的功能之一，它承载了几乎所有的图像效果。图层可以新建、复制、删除，也可以显示、隐藏和改变次序。它的引入改变了图像处理的工作方式。而【图层】面板则为图层提供了每一个图层的信息，结合【图层】面板可以灵活运用图层处理处各种特殊效果，在本章中将对图层的的功能与操作方法进行更为详细的讲解。要 点 难 点图层的认识与使用★☆☆盖印图层★☆☆图层的【混合模式】★★☆【图层样式】的应用★★★本 章 内 容4.1 制作圆形多媒体按钮图标（）课时4.2 制作网页UI质感开关暂停按钮（）课时4.3 古典竹简效果（）课时4.4 光盘封面效果（）课时跟 我 学4.1 制作圆形多媒体按钮图标案 例 名 称多媒体按钮多种多样，有特点又好看，图标中的图案一般显示相关的按钮信息特征。本例讲解制作圆形多媒体按钮，制作效果如图所示。作 品 描 述案 例 预 览听 我 讲4.1.1 知识要点本例将介绍圆形多媒体按钮的制作，主要是通过创建形状图层然后为其填充颜色，然后为图层添加【图层样式】和【图层蒙版】来表现的。 听 我 讲4.1.2 实现步骤（1）启动Photoshop CC软件，按Ctrl+N键打开【新建】对话框，在弹出的对话框中将【宽度】和【高度】参数分别设置为283像素和283像素，将【分辨率】设为72像素，设置完成后单击【确定】按钮，如图所示。（2）将自动生成的【图层1】填充为黑色。在键盘上按F7键，打开【图层】面板，单击右下角的【创建新图层】按钮，新建图层，如图所示。（3）在工具箱中使用【椭圆工具】，按住【Shift】绘制一个正圆形，将填充RGB参数分别设置为30、217、251，将形状宽度和高度均设置为175像素，设置图形参数如图所示。 听 我 讲4.1.2 实现步骤（4）在图层面板中单击下面的【添加图层样式】按钮，在弹出的下拉菜单中选择【内阴影】选项，如图所示。（5）弹出【图层样式】对话框，选择【内阴影】样式，在【结构】区域下，将【混合模式】设置为【线性减淡（添加）】，将【不透明度】设置为10%，将【角度】设为-55度，将【距离】和【大小】分别设为6和5像素，将【阴影】区域下，将【角度】和【高度】分别设为65度和30度，在【品质】区域下，将【等高线】设为【锥形】，勾选【消除锯齿】复选框，如图所示。（6）选择【内发光】样式，在【结构】区域下，将【混合模式】设置为【正片叠底】，将【设置放光颜色】设置为黑色，将【渐变】设置为【中灰密度】，在【图素】区域下，将【阻塞】设为13%，将【大小】设为6像素，在【品质】区域下，将【范围】设为90%，如图所示。 听 我 讲4.1.2 实现步骤（7）选择【渐变叠加】样式，在【渐变】区域下，将【混合模式】设置为【线性加深】，将【不透明度】设置为50%，将【渐变】设为【黑，白渐变】，勾选【反向】复选框，将【样式】设置为【径向】，将【缩放】设置为150%，如图所示。（8）选择【外发光】样式，在【结构】区域下，将【混合模式】设置为【变暗】，将【不透明度】设置为100%，将【设置放光颜色】参数13、200、234，将【渐变】设置为【前景色到透明渐变】，在【图素】区域下，将【大小】设为62像素，如图所示。（9）选择【投影】样式，在【结构】区域下，将【混合模式】设置为【线性加深】，将【不透明度】设置为25%，将【角度】设为138度，将【距离】和【大小】分别设为9和29像素，将【拓展】设置为7%，如图所示。 听 我 讲4.1.2 实现步骤（10）设置完成后单击【确定】按钮，设置完成后的显示效果如图所示。（11）新建图层，在工具箱中使用【椭圆工具】，按住【Shift】绘制两个正圆形，将第一个形状宽度和高度均设置为175像素，将第二个形状宽度和高度均设置为260像素，如图所示。（12）然后在工具选项栏中右击【路径操作】按钮，在弹出的下拉菜单中执行【减去顶层形状】命令，如图所示。 听 我 讲4.1.2 实现步骤（13）继续选择该图层并为其添加图层样式。选择【描边】样式，在【结构】区域下，将【大小】设置为5像素，将【位置】设置为【内部】，将【不透明度】设置为0%，如图所示。（14）选择【内阴影】图层样式，在【结构】区域下，将【混合模式】设置为【滤色】，将【不透明度】设置为25%，将【角度】设为115度，将【距离】和【大小】分别设为10和14像素，在【品质】区域下，将【等高线】设为【环形-双】，勾选【消除锯齿】复选框，如图所示。（15）选择【渐变叠加】样式，在【渐变】区域下，将【混合模式】设置为【滤色】，将【不透明度】设置为35%，将【角度】设为115度，如图所示。