本節簡介:學習網頁按鈕的基本常識,優秀水晶網頁按鈕案例制作。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
按鈕設計原則: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)
水晶圖標按鈕圖層屬性需要更改斜面和浮雕、描邊、顏色疊加、外發光