以下是小编帮大家整理的可偷懒的图层样式 PS浅谈UI实战技巧中图层样式的使用(共含6篇),欢迎大家收藏分享。同时,但愿您也能像本文投稿人“狂吃不胖”一样,积极向本站投稿分享好文章。
这篇教程是向脚本之家PS浅谈UI实战技巧中图层样式的使用,是一种可偷懒的图层样式方法介绍,教程很不错,很值得学习,推荐到脚本之家,一起来看看吧
PS浅谈UI实战技巧中图层样式的使用,这次再来重点说说浮雕吧,用浮雕效果实际上能做很多效果字,希望这次能让大家懂得设计原理,提升设计效率,可偷懒的图层样式 PS浅谈UI实战技巧中图层样式的使用
,教程贴士:在本文中我们将了解Photoshop图层样式中的投影,教程详细讲解了投影的各个选项的作用以及设置,对PS初学者了解PS的图层样式有很大帮助,
在本文中我们将了解Photoshop图层样式中的投影,教程详细讲解了投影的各个选项的作用以及设置,对PS初学者了解PS的图层样式有很大帮助。
添加投影(Dropshadow)效果后,层的下方会出现一个轮廓和层的内容相同的“影子”,这个影子有一定的偏移量,默认情况下会向右下角偏移。阴影的默认混合模式是正片叠底(Multiply),不透明度75%。
投影效果的选项有:
混合模式(Blend Mode)
颜色设置(Color)
不透明度(Opacity)
角度(Angle)
距离(Distance)
扩展(Spread)
大小(Size)
等高线(Contour)
杂色(Noise)
图层挖空阴影(Layer Knocks Out Drop Shadow)
混合模式(Blend Mode)由于阴影的颜色一般都是偏暗的,因此这个值通常被设置为“正片叠底”,不必修改。
颜色设置单击混合模式的右侧这个颜色框可以对阴影的颜色进行设置。
不透明度(Opacity)默认值是75%,通常这个值不需要调整,
如果你要阴影的颜色显得深一些,应当增大这个值,反之减少这个值。
角度(Angle)设置阴影的方向,如果要进行微调,可以使用右边的编辑框直接输入角度。在圆圈中,指针指向光源的方向,显然,相反的方向就是阴影出现的地方。
距离(Distance)阴影和层的内容之间的偏移量,这个值设置的越大,会让人感觉光源的角度越低,反之越高。就好比傍晚时太阳照射出的影子总是比中午时的长。
扩展(Spread)这个选项用来设置阴影的大小,其值越大,阴影的边缘显得越模糊,可以将其理解为光的散射程度比较高(比如白炽灯),反之,其值越小,阴影的边缘越清晰,如同探照灯照射一样。 注意,扩展的单位是百分比,具体的效果会和“大小”相关,“扩展”的设置值的影响范围仅仅在“大小”所限定的像素范围内,如果“大小”的值设置比较小,扩展的效果会不是很明显。
大小(Size)这个值可以反映光源距离层的内容的距离,其值越大,阴影越大,表明光源距离层的表面越近,反之阴影越小,表明光源距离层的表面越远。
等高线(Contour)等高线用来对阴影部分进行进一步的设置,等高线的高处对应阴影上的暗圆环,低处对应阴影上的亮圆环,可以将其理解为“剖面图”。如果不好理解等高线的效果,可以将“图层挖空阴影”前的复选框清空,你就可以看到等高线的效果了。
假设我们设计一个含有两个波峰和两个波谷的等高线
这时的阴影中就会出现两个亮圆环(白色)和两个暗圆环(红色) ,注意,为了使下图中的效果更加明显我们对投影进行了比较夸张的设置,看上去更像发光效果了,不过它事实上仍然是阴影效果。
杂色(Noise)杂色对阴影部分添加随机的透明点。
教程贴士:在本文中我们将了解Photoshop图层样式中的光泽选项,光泽(Satin)的选项虽然不多,但是很难准确把握,微小的设置差别会导致截然不同的效果,教程讲解了光泽的各个选项的设置和效果,对PS初学者了解PS的图层样式有很大帮助,
在本文中我们将了解Photoshop图层样式中的光泽选项,光泽(Satin)的选项虽然不多,但是很难准确把握,微小的设置差别会导致截然不同的效果,教程讲解了光泽的各个选项的设置和效果,对PS初学者了解PS的图层样式有很大帮助。
光泽(Satin)有时也译作“绸缎”,用来在层的上方添加一个波浪形(或者绸缎)效果。它的选项虽然不多,但是很难准确把握,有时候设置值微小的差别都会使效果产生很大的区别。我们可以将光泽效果理解为光线照射下的反光度比较高的波浪形表面(比如水面)显示出来的效果。
光泽效果之所以容易让人琢磨不透,主要是其效果会和图层的内容直接相关,也就是说,图层的轮廓不同,添加光泽样式之后产生的效果完全不同(即便参数设置完全一样)。如果图层中的内容是一个圆,添加光泽样式后效果可能是这样的:
将同样的样式赋予一个内容为矩形的图层时,效果是这样的:
而如果赋予一个外形不规则的图层时效果更加特别:
通过不断调整这几种图形的设置值,我们可以逐渐发现光泽样式的显示规律:有两组外形轮廓和层的内容相同的多层光环彼此交叠构成了光泽效果。以下的设置值都是调整这两组光环自身的层数以及彼此的交叠方式的。为了说明清楚,我们以矩形图层的光泽效果为例对主要选项进行说明,
* 混合模式(Blend Mode)
* 颜色
* 不透明度(Opacity)
* 角度(Angle)
* 距离
* 大小
* 等高线(Contour)
混合模式(Blend Mode)
默认的设置值是“正片叠底”(Multiply)。
不透明度(Opacity)
设置值越大,光泽越明显,反之,光泽越暗淡。
颜色
修改光泽的颜色,由于默认的混合模式为“正片叠底”,修改颜色产生的效果一般不会很明显。不过如果我们将混合模式改为”普通“后,颜色的效果就很明显了。
角度(Angle)
设置照射波浪形表面的光源方向。
距离(Distance)
设置两组光环之间的距离(注意,光泽样式中的光环显示出来的部分都是不完整的,比如矩形的光环只有一个角),我们分别设置三个值看看光环逐步靠近的效果。
这篇PS图层样式新手教程像的PS初学者们详细介绍PS图层样式的使用方法和具体的细节,知识介绍挺清楚的,老鸟也可以学习一下,巩固基础,喜欢的朋友就给我好评吧,谢谢罗!
设计的目的往往在于通过微妙的视觉效果吸引用户,灵感无处不在,我们也向大家提供了很多,但是更重要的还是基本技巧。无论何种设计,几乎都必须要掌握一定的PS技法。
今天我们来谈谈图层样式,谈谈最基本的几条;老鸟可以复习一下,菜鸟们赶紧看过来。
我个人认为,99%的PS作品借图层样式提高视觉表现,这么重要的技法绝对不能忽视。
首先,图层样式能够调整、修改多种图层效果,我们来看看“图层样式”。
FEVTE编注:更多PS教程交流讨论及PS作品提交请进入论坛PS作品交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
其次,图层样式很容易打开
第三,图层样式中包含了十种神器,能极大的帮助设计师设计出想要的效果,让我们一一探索吧:
非常实用,而且并不复杂。实践是最好的学习方式。
混合模式和不透明度可以和种种效果良性结合。
值得一提的是,大家经常忽略了等高线的存在,但等高线能够有效提高设计效果,可别忽略了它!
多种多样的等高线
投影和内阴影的区别在于,前者是外部效果,而内阴影是内部的。
很实用的选项,当需要高光时,可以试试这个。外发光可以处理外部光照小高,对于文本效果来说非常实用。
跟投影、内阴影一样都有不透明度以及杂色的选项,但是外发光还有另外的特质,那便是图素,范围与抖动。
图素中有两个选项,一个是扩展,一个是大小,
当光照非常接近物体边缘时,范围可设置发光区域,而抖动决定了渐变与不透明度的复合。还有,不要忘记等高线的设置。
头四个选项为结构组――投影、内外发光均有这些选项。
源有两个选项 居中――意味着光将从中心开始放射,而边缘意味着光从边缘放射到中心。
斜面和浮雕,过去被用来打造酷炫的高光。
五种样式:内斜面、外斜面、浮雕效果、枕状浮雕、描边浮雕。
内外斜面顾名思义,在边缘加入内部/外部斜面。
浮雕,也是顾名思义,为图层加入浮雕效果。枕状浮雕模拟了冲压效果。描边浮雕为图层加入一种描边笔划感。
子选项是等高线和纹理,等高线可加入边缘效果,纹理可添加材质感。
老实说,我不是太常用这个选项。光泽中的选项和投影中的有点类似,整体效果和添加一个“叠加”图层差不多。
简单有效,正如其名,能够给图层叠加色彩。多种混合模式,不透明度比例可调。
非常常用的选项,能够有效提高作品效果。简单易用,而且文字说明也通俗易懂:这大概就是为何很多设计师喜欢用这种效果。
很好解释:就是给图层加入图案。
可选择混合模式,不透明度,可调节缩放比例。
给物体添加边缘。
可改变描边的大小、填充类型(渐变、色彩、图案)、位置
你对图层样式有什么使用心得呢?来分享一下!
FEVTE编注:更多PS教程交流讨论及PS作品提交请进入论坛PS作品交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
图层样式可以帮助我们快速应用各种效果,还可以查看各种预定义的图层样式,使用鼠标即可应用样式,也可以通过对图层应用多种效果创建自定样式,可应用的效果样式如投影效果、外发光、浮雕、描边等等。当图层应用了样式后,在图层调板中图层名称的右边会出现“f”图标(图48)。
图48
1.应用样式
Photoshop还提供了很多预设的样式,我们可以在样式模板中直接选择所要的效果套用,应用预设样式后我们还可以在它的基础上再修改效果。通过在混合选项面板(图49)中添加各种效果,我们也可以自定义样式。
图49
投影:在图层内容的后面添加阴影。
图50
内阴影:紧靠在图层内容的边缘内添加阴影,使图层具有凹陷外观。
图51
外发光和内发光:添加从图层内容的外边缘或内边缘发光的效果。
图52
斜面和浮雕:对图层添加高光与暗调的各种组合。
图53
光泽:在图层内部根据图层的形状应用阴影,通常都会创建出光滑的磨光效果,
图54
颜色、渐变和图案叠加:颜色、渐变或图案填充图层内容。
图55
描边:使用颜色、渐变或图案在当前图层上描画对象的轮廓。
图56
以上每一种效果模式都可以在“混合选项”面板中对其进行详细的参数设置,这样灵活的应用效果模式可以创造出花样别出的特殊效果。
2.隐藏/显示图层样式
在“图层”菜单下的“图层样式”中可以选择“隐藏所有图层效果”或“显示所有图层效果”命令,隐藏/显示图层的样式。在图层面板中我们可以展开图层样式,也可以将它们合并在一起。
3.拷贝和粘贴样式
如果想其它的图层应用同一个样式可以使用拷贝和粘贴样式功能,首先选择要拷贝的样式的图层,然后选择“图层”菜单下的“图层样式”中“拷贝图层样式”命令。要将样式粘贴到另一个图层中,先在图层面板中选择目标图层再选择“图层”菜单下的“图层样式”中“粘贴图层样式”命令。若要粘贴到多个图层中需要先链接目标图层,然后选择“图层样式”中的“将图层样式粘贴到链接的图层”,粘贴的图层样式将替换目标图层上的现有图层样式。除此之外通过鼠标拖移效果,也可以拷贝粘贴样式。
4.删除图层效果
对于那些已经应用的样式我们又想将它们取消,可以在图层面板中将效果栏拖移到“删除图层”按钮上。或者选择“图层”菜单下的“图层样式”中“清除图层样式”命令。 或者选择图层,然后点击图层面底部的“清除样式”按钮。
教程贴士:本文中我们将了解Photoshop图层样式中的内发光选项,教程讲解了内发光的各个选项的设置和效果,对PS初学者了解PS的图层样式有一定帮助,
在本文中我们将了解Photoshop图层样式中的内发光选项,教程讲解了内发光的各个选项的设置和效果,对PS初学者了解PS的图层样式有一定帮助。
我们可以将内侧发光想象为一个内侧边缘安装有照明设备的隧道的截面。
添加了“内侧发光”样式的层上方会多出一个“虚拟”的层,这个层由半透明的颜色填充,沿着下面层的边缘分布。
内侧发光效果在现实中并不多见,但是我们可以将其想象为一个内侧边缘安装有照明设备的隧道的截面,也可以理解为一个玻璃棒的横断面,这个玻璃棒外围有一圈光源。内侧发光可以选择的参数包括:
* 混合模式
* 不透明度
* 杂色
* 颜色
* 方法
* 源
* 阻塞
* 大小
* 等高线
* 抖动
混合模式
发光或者其他高光效果一般都用混合模式“屏幕”来表现,内侧发光样式也不例外,
不透明度
不透明度是指“虚拟层”的不透明度,默认值是75%。这个值设置的越大,光线显得越强,反之光线显得越弱。
杂色
杂色用来为光线部分添加随机的透明点,设置值越大,透明点越多,可以用来制作雾气缭绕或者毛玻璃的效果。
颜色
颜色设置部分的默认值是从一种颜色渐变到透明,单击左侧的颜色框可以选择其他颜色。
你也可以单击右边的渐变色框选择其他的渐变色。
方法
方法的选择值有两个,“精确”和“较柔软”,“精确”可以使光线的穿透力更强一些,“较柔软”表现出的光线的穿透力则要弱一些。
★ 辩论赛中实战技巧