黑马程序员技术交流社区

标题: UI学习笔记 [打印本页]

作者: 纸鹤 时间: 2019-3-17 23:25
标题: UI学习笔记
图层样式：方便设计师快速实现各种光影质感的调整面板

添加方法：第一种 -- 在图层后方双击空白区域打开面板

            第二种 -- 选中图层在图层面板下方单机FX按钮即可

支持添加图层样式的：所有图层类型（像素层、形状层、文字层、组、智能对象） -- 注意：背景层不能添加

斜面浮雕：给图形增加凸出或凹入效果  （重点）

样式：外斜面：沿着图形边缘向外做浮雕效果
      内斜面：沿着图形边缘向内做浮雕效果（默认）
   浮雕效果：图形边缘内外都有浮雕效果
   枕状浮雕：图形边缘内外都有浮雕效果，但内外光影相反
   描边浮雕：需要配合样式中的描边使用

*在图层样式面板左侧的功能选项中上方会盖住下方样式

描边：给图形添加外部、居中、内部描边效果  （重点）

投影：给图形添加影子  （重点）

三个叠加：颜色叠加：直接替换图层上图形颜色
            渐变叠加：给图形添加渐变效果  （重点）
            图案叠加：给图形添加图案

内阴影：图形内部制作阴影效果（重点）

内发光：图形内部做发光效果  （次重点）
外发光：图形外部做发光效果（次重点）

光泽：给图形添加光效（使用较少，不可控）

图层样式复制：方法一：按住alt键拖拽样式到新的图层上松手即可

                  方法二：在图层上右键拷贝图层样式，在新的图层上右键粘贴图层样式

删除图层样式：方法一：拖拽相应的样式到图层面板下方垃圾桶删除

                  方法二：在图层上右键 -- 清除图层样式

存储样式：给图层添加完样式后，在样式面板中点击新建按钮即可储存

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2