Photoshop图像处理高级应用-课件-项目4-音乐播放器UI界面设计

信息工程项目4音乐播放器UI界面设计••••图案叠加样式径向模糊滤镜“柔光”混合模式添加杂色滤镜•••形状层羽化“反相”调整命令“颜色“混合模式•“镜头光晕”滤镜“深色”混合模式PS✎项目4音乐播放器UI界面设计4音乐播放器UI界面设计效果✎目录【任务1】：主界面设计【任务2】：“界面图标”设计【任务3】：“背景光效”设计✎【任务1】主界面设计主界面效果展示通过本案例的学习，掌握“图案叠加”样式，的使用，掌握“柔光”混合模式的使用，掌握“径向模糊”滤镜和“添加杂色”滤镜的使用。✎【任务1】知识点讲解1、“图案叠加”样式“图案叠加”样式是一个应用比较简单的样式，它的作用是为当前图层中的内容叠加指定的图案，还可以对叠加图案设置不透明度、混合模式，并且可以缩放图案，指定图案叠加效果。“图案叠加”样式对话框主要参数设置如左图所示。按照参数设置，添加“图案叠加”后的效果如右图所示。✎【任务1】知识点讲解2、径向模糊滤镜“径向模糊”滤镜可以产生旋转或爆炸的模糊效果，类似于传统摄影的旋转镜和爆炸镜。其对话框如左图所示，其参数说明如下所述。数量：用于设置模糊效果的强度，值越大，模糊效果越强。模糊方法：有“旋转”和“缩放”两个选择，“旋转”是围绕一个中心形成一个旋转模糊的效果，“缩放”是以模糊中心向四周发射的模糊效果。品质：有“草图”、“好”、“较好”三个选项，“草图”模糊执行速度最快便会产生颗粒状的效果，“好”会产生平滑的效果，“较好”产生平滑细腻的效果。。中心模糊：拖曳“中心模糊”框中的图案可以指定模糊的中心点改变模糊中心点时模糊效果。✎【任务1】知识点讲解3、“柔光”混合模式“柔光”混合模式是常用的混合模式之一，它主要是根据混合色的亮度数值选择不同的公式计算得出结果色。混合色亮度数值大于128的时，结果色就比基色稍亮；亮度数值小于或等于128，结果色就比基色稍暗。“柔光”混合模式是以基色为主导，混合色只相应改变局部明暗。其中混合色为黑色，结果色不会为黑色，只比结果色稍暗，混合色为中性色，结果色跟基色一样。柔光模式前后对比效果如下图所示。基色层混合色层结果色图4-10“柔光”混合模式效果✎【任务1】知识点讲解4、添加杂色添加杂色滤镜的功能是可以为图像随机的添加一些杂点，或减少图像中因羽化选区和渐变填充而产生的条纹，其对话框如左图所示，参数说明如下所述。数量：用于设置杂点的数量，值越大，杂点越多。分布：用于设置杂点的分布方式，包含“平均分布”和“高斯分布”两个选项。“水平分布”会随机分布产生杂色，效果相对比较柔和，“高斯分布”，根据高斯钟形曲线进行分布方式来产生杂点，效果比较强烈。“单色”：勾选该项，杂点只影响原有像素的亮度，像素的颜色不会改变。✎【任务2】“界面图标”设计“界面图标”设计效果通过本案例的学习，读者能够掌握“形状层羽化”的使用方式，掌握“颜色混合模式”的使用效果，掌握“反相”调整命令的使用。✎【任务2】知识点讲解1、形状层羽化我们可以通过矢量蒙版中的属性面板对形状层直接进行羽化，属性窗口如左图所示。调整羽化值可以使形状层区域路径周围像素向外扩散，产生过度效果，羽化值越大，扩散像素越多，羽化值为15像素，效果如中图所示。调整“浓度”参数可以设置形状层区域外围的环境色与形状层的颜色一致，浓度值越小，形状层外围的环境色浓度越高。15像素羽化值50%浓度效果如右图所示。✎【任务2】知识点讲解2、“反相”调整命令“反相”命令可以将图像中的颜色和亮度全部反转，转换为256级中相反的值。“反相”命令的特点是将图像中所有颜色以它相反的颜色显示，如黑色变成白色，红色转变成青色，蓝色变成黄色等。执行【图像】菜单-【调整】命令-【反相】命令（或执行【CTRL+I】组合键）可以执行“反相”命令，“反相”命令前后对比效果如图所示。“反相”命令前后对比效果✎【任务2】知识点讲解3、“颜色”混合模式用基色的亮度及混合色的色相和饱和度创建结果色，这样可以保留图像中的灰色色调。“颜色”混合模式在给单色图像上色和彩色图像着色方面应用比较广泛。“颜色”混合模式前后对比效果如图所示。“颜色”混合模式效果✎【任务3】“背景光效”设计“背景光效”设计效果展示✎【任务3】知识点讲解1、“深色”混合模式“深色”混合模式是一种比较好理解的混合模式，计算混合色与基色的色阶值，颜色值小的作为结果色显示，如白色与基色混合得到基色，黑色与基色混合得到黑色。“深色”混合模式叠加前后对比效果如图所示。。基色层混合色层结果色“深色”混合模式效果✎【任务3】知识点讲解2、“镜头光晕”滤镜“镜头光晕”滤镜可以使图像产生摄像机镜头的眩光效果。常用来表现玻璃、金属等反射的反射光，或用来增强日光和灯光效果。执行【滤镜】菜单-【渲染】-【镜头光晕】命令，弹出如左图所示的“镜头光晕”对话框，在光晕中心的预览图中，可通过单击鼠标左键的方法来设置光晕的中心位置，连续执行“镜头光晕”滤镜九次并改变“镜头光晕中心位置”，在画面中放置9个镜头，效果如右图所示。“镜头光晕”对话框“镜头光晕中心位置”发生变换效果✎【任务3】知识点讲解2、“镜头光晕”滤镜“亮度”：用于设置添加光晕的亮度，值越高，反射光越强；“镜头类型”:包含“”5