(第七章) PS--UI 基础 图层样式

第7章:图层样式

1.了解图层样式
1.1什么是图层样式?
图层样式实际上就是给图层化妆,让图层具备真实的质感。

1.2创建图层样式
方法1:鼠标单击图层面板底部的FX按钮;
(第七章) PS--UI 基础 图层样式

方法2:鼠标双击图层列表中某一行的4/5区域;
(第七章) PS--UI 基础 图层样式

*方法3:使用快捷键Alt+L+Y+N(这一组快捷键是先后按下)
1 注:Macbook上无快捷键。

1.3清除图层样式
方法1:在当前图层列表的FX标识处鼠标右键,在打开的菜单中选择“清除图层样式”;

(第七章) PS--UI 基础 图层样式
方法2:鼠标左键在当前图层的FX标识处长按,并拖拽到底部的垃圾箱上松手;
(第七章) PS--UI 基础 图层样式

*方法3:快捷键Alt+L+Y+A(这一组也是先后按下)

1.4复制图层样式
*方法1:在某一个图层列表的FX处,按下Alt键并配合鼠标左键进行拖拽,拖拽到另一个图层列表的对应区域松手即可;

方法2:在某一个图层列表的FX处鼠标右键,在打开的菜单中选择“拷贝图层样式”,再在另一个图层相对应的位置鼠标右键选择“粘贴图层样式”。

1.5跨文档复制图层样式
建议使用“窗口”菜单-样式:打开样式的面板,将自己做的样式,新建成软件的样式预设,后续就可以跨文档重复使用了。
(第七章) PS--UI 基础 图层样式

2.描边样式

(第七章) PS--UI 基础 图层样式
定义:通过描边样式,可以轻松地给位图层、文字图层等添加内外描边。

补充:
①在CC以后的版本中,部分样式后方拥有+号标识,意识着可以创建多重,例如:多重描边;

(第七章) PS--UI 基础 图层样式
②如果创建了多重描边,根据描边列表的先后,最前面的那个描边在最顶层,会盖住后续所有的描边。

3.颜色/渐变/图案叠加
(第七章) PS--UI 基础 图层样式
定义:颜色/渐变/图案叠加是一种无损的处理素材的方式,可以理解成给手机贴膜。

补充:如果同时添加了颜色/渐变/图案三种叠加,那么它们三个从顶至底的顺序理应是,颜色>渐变>图案。

4.斜面与浮雕:实现凸起或凹下
4.1斜面与浮雕的选项

(第七章) PS--UI 基础 图层样式
*内斜面:效果在元素内部产生,实现凸起;
②外斜面:效果在元素外部产生,实现凸起;
③浮雕效果:效果在元素内+外部,实现凸起;
④*枕状浮雕:效果在元素内+外部,实现凹下;
⑤描边浮雕:需要配合样式中的描边样式,才能生效,从来不用。

4.2“全局光”参数
在任一个样式中,如果看到全局光参数,建议不勾选;勾选后不同的元素的光源会被统一,造成的问题是,未来修改任一个元素的光源角度会影响其他所有的元素。
(第七章) PS--UI 基础 图层样式

4.3角度与高度说明
①斜面浮雕中的角度会决定高光在何处产生,经常做修改,0度/90度/120度/45度这些值要记住;
②斜面浮雕中的高度会影响阴影的范围,不建议修改,设置为默认值30度即可。

4.4不透明度说明
(第七章) PS--UI 基础 图层样式
任一个样式中出现的不透明度参数,都是影响当前样式的强弱。

5.投影/内阴影/外发光/内发光/光泽
5.1值说明
①距离
影响效果与元素本身的远近
②扩展/阻塞
影响效果边缘的硬或软
③大小
影响效果范围的多少

5.2点按并拖拽效果位置
投影和内阴影**后,都可以使用鼠标点按并拖拽效果位置后,再进行细节调整。

5.3内发光的两种工作方式
一是居中,则是中心点朝外扩散的发光方式;
二是边缘,则是元素边缘朝内收缩的发光方式。
(第七章) PS--UI 基础 图层样式

5.4光泽(了解)
光泽基于默认值适当的修改下等高线即可产生不同的光圈效果,根本不用。

6.样式独立为图层
在当前图层的FX处鼠标右键,打开菜单,菜单内选择“创建图层”,可以将样式剥离成独立的位图层,方便调整。

(第七章) PS--UI 基础 图层样式