本节简介:学习用图层样式和图层混合模式,制作网页水晶按钮,以及晶莹的露珠效果。使学员能够融会贯通,灵活搭配使用图层样式,以及图层的混合模式。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
图层样式和图层混合模式:透明度2,露珠投影效果,投影角度90度(垂直落下的水滴)-距离0,扩展0,大小1,(内阴影-混合模式:颜色加深,不透明度调小)
总结:我们使用图层样式的颜色叠加给按钮添加了一个背景底色,使用斜面浮雕效果为按钮增加了立体感和光泽感,用外发光,描边绘制了按钮外边缘效果,给按钮添加了高光文字,运用图层的复制以及添加不透明度绘制出文字的投影效果。
水晶按钮加文字-复制文字-投影效果(ctrl+T自由变化-垂直翻转-回车键确定-调不透明度-删格化文字)点击矩形工具-设置羽化值(30)-
按钮:新建图层(图层命名高光)-前景设白色-渐变工具(前景到透明)-线性渐变(shift从上往下拖动鼠标)-斜面浮雕改高度(网页水晶按钮)
按钮-斜面浮雕-(大小平滑过渡)-光泽朝下-颜色叠加-外发光(扩展加大,不透明度加大)-描边-投影-斜面浮雕高光模式(亮点的颜色)
图层样式特效:水晶按钮:新建文档-宽高分别10厘米,72,白
水滴效果,图层样式为第一步:在混合选项中将透明度调制最低,第二页,设置投影参数(距离,扩展及大小都调制最大;角度调制90度,等高线设置为高斯效果;目的是显现水滴边缘,更易操作,更逼真)第三页,设置内阴影参数,模式改为颜色加深,第三部,设置斜面浮雕效果(调制高光阴影参考值及颜色,注意角度及浮雕大小,避免太过生硬)第四部,,设置内发光,所水滴看起来更柔和。
水滴效果,图层样式为第一步:在混合选项中将透明度调制最低,第二页,设置投影参数(距离,扩展及大小都调制最大;角度调制90度,等高线设置为高斯效果;目的是显现水滴边缘,更易操作,更逼真)第三页,设置内阴影参数,模式改为颜色加深,第三部,设置斜面浮雕效果(调制高光阴影参考值及颜色,注意角度及浮雕大小,避免太过生硬)第四部,,设置内发光,所水滴看起来更柔和。
荷叶露珠:斜面浮雕不透明度、投影、投影角度90度,等高线高斯状态,内阴影、混合模式颜色加深,斜面浮雕,阴影改成白色,秘诀成颜色减淡。内发光,叠加
透明按钮:斜面和浮雕、颜色叠加、外发光、描边、投影等