本节简介:学习网页按钮的基本常识,优秀水晶网页按钮案例制作。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
按钮设计原则:1、按钮醒目2、准确反应功能3、与UI风格保持一致。
按钮设计基本常识:三种状态,鼠标经过前;鼠标经过时;鼠标点击时; 色彩方案:真彩色,256色,16色 按钮格式:.jpg .gif .png .bmp .swf
斜面和浮雕中通过调节阴影角度可以做出金属质感的按钮(阴影模式为黑色正片叠底,高光模式为滤色,按钮填充白色)
醒目:颜色上设计的醒目,鼠标经过的时候放大,,将按钮放在醒目的位置
Alt+D用前景色填充。Ctrl+D用背景色填充。
按钮设计原则:按钮醒目;准确反应功能;与UI风格保持一致
页面常用按钮风格:水晶风格+磨砂风格】】】水晶风格:黑色背景,填充白色,添加图层样式 ,斜面浮雕,高光颜色为红色,颜色叠加为红, 阴影角度调到下方,大小 软化增加,调整到圆弧形状,外发光颜色为白色,不透明度调大,扩展和大小调大,描边1像素,新建高光图层,新家白色到透明渐变,整体复制一次,移动到右侧,新建图层,命名箭头,自定义形状工具,按住SHIFT键,变成选取,填充白色,添加外发光为红色,输入文字,复制文字图层,转向后下移,利用蒙版,使用渐变制作半透明到消失效果,如果要制作鼠标点击时的效果,只要改变颜色即
按钮基本常识,三种状态(鼠标经过前,经过时,点击时),色彩方案(真彩色,256色,16色),按钮格式(.jpg .gif .png .bmp .swf)
按钮基本常识,三种状态(鼠标经过前,经过时,点击时),色彩方案(真彩色,256色,16色),按钮格式(.jpg .gif .png .bmp .swf)
水晶图标按钮图层属性需要更改斜面和浮雕、描边、颜色叠加、外发光