本节简介:学习用图层样式和图层混合模式,制作网页水晶按钮,以及晶莹的露珠效果。使学员能够融会贯通,灵活搭配使用图层样式,以及图层的混合模式。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
点击CTRL载入选区(点击小图标的就可以重新载入选区)
水珠:自定义、投影、内阴影(颜色加深)、斜面浮雕(软化大、高光不透明度加大、阴影模式颜色为白色,颜色减淡,不透明度减少)、内发光(叠加模式,黑色)
水珠:1.斜面浮雕-立体;2.内阴影/投影-边缘暗色;3.内发光-中间过渡;4.斜面浮雕-水珠反光
水晶按钮:1.图层样式(叠加)-添加底色;2.斜面浮雕-立体感/光泽感;3.外发光/描边/投影-外边缘效果;4.高光-文字-复制图层不透明度-添加投影效果
图层样式与图层混合模式搭配使用--制作带有立体效果的水晶按钮
设阴影模式为颜色减淡,若太亮可降低不透明度(40),以上水珠效果基本上就出来了。若边不是太柔和可做内发光:颜色为深色,混合模式为叠加,调不透明度30%。
露珠效果:1、先用画笔大致绘出露珠的形状,画笔设置:硬度100%,前景色黑色;混合模式:不透明度2%,投影:不透明度100%,角度90度,等高线高斯状态(投影更紧密),再调整下:扩展0,大小1,给它有淡淡的水印的效果(水珠边沿)。再加内阴影效果;混合模式颜色加深,不透明度变小40%,大小变大(20);做立体效果用斜面浮雕:深度266%,软化变大8,高光的不透明度加大100(让反光更强),阴影颜色改为白色,这样子就不是阴影了,看上更亮。
文字的投影效果,复制文字图层——垂直翻转—— 栅格化文字变为普通图层—— 调整透明度——多出来的部分用带有羽化值(从30)的矩形选举框选出来按del(再将羽化值改10多删除几次)
使用图层样式的颜色叠加给按钮添加了一个背景底色,使用斜面浮雕效果增加了立体感和光泽感,用外发光、描边和投影绘制出按钮的外边缘效果,之后添加高光和文字,用图层的复制和不透明度绘制出文字的投影效果
1、斜面浮雕效果,内倾斜100%,软化16,大小100,光泽朝下:角度-90度;颜色叠加:黑色;外发光:白色;描边:黑色 1px ; 投影:不透明度 50%, 距离 1 px ;新建选区图层,渐变填充:白色-透明 ;补充1:底部反光部分可调整高度补充:缩小当前文件视图的操作:1、选择缩放工具同时按住Alt键单击图像;2、按住Ctrl + - 键;3、在状态栏最左侧的文本框中输入一个小于当前数值的显示比例数值。
图层样式和图层混合模式(溶解、变暗、划分提亮、文字调整明度 斜面浮雕,渐变叠加,外发光,投影)
斜面与浮雕 中的 阴影模式的颜色可以改成白色的 阴影就会变成反光模式 调节透明度及模式 就可以达到自己想要的效果 !!!