PS图层样式之高级混合详解(二)(原创)_Photoshop教程_动态网站制作指南
PS图层样式之高级混合详解(二)(原创)
来源：人气：807
原谅我最近精神恍惚导致可能文中出现了相当多的错别字~~~~~
优质网站模板温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
曲终情未已,舞止姿犹存
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
一、打开背景图，开始打字，设置前景色#77a5c2 ，打上你想要的字样，我用的是Alba字体，然后复制文字图层，得到文字副本层，把填充改成0%。
二、回到文字图层，设置图层样式。
设置斜面和浮雕图层样式参数：
设置斜面和浮雕样式中的等高线数值：
三、回到文字副本层，更改图层样式。
设置文字副图层上的斜面和浮雕中等高线的参数：
四、在文字层和文字副本层之间新建一个图层，调出文字层的选区，将前景色设置为＃164b7c和背景颜色＃b2ebfc。滤镜- &渲染- &云彩，然后取消选区。 5、滤镜--画笔描边--阴影线。
六、最后把图层模式改成叠加。
最终效果：
阅读(2515)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'【ps教程】用PS图层样式调出可爱蓝色水晶文字',
blogAbstract:' \r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n用PS图层样式调出可爱蓝色水晶文字\r\n',
blogTag:'',
blogUrl:'blog/static/1108570',
isPublished:1,
istop:false,
modifyTime:3,
publishTime:0,
permalink:'blog/static/1108570',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'曲终情未已,舞止姿犹存',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}213 条评论分享收藏感谢收起photoshop打造漂亮的蓝色点击按钮
本教程学习如何用photoshop圆角矩形和图层样式打造漂漂的蓝色点击按钮，先看效果图。
新建文档600x350像素，背景白色，建新层填充黑色，添加图层样式。
效果如下。
建新层，画一黑色圆角矩形，半径200像素。
添加图层样式。
效果如下。
同样方法，建新层画一黑色圆角矩形。
添加图层样式。
效果如下。
输入白色文字，最终效果如下。
相关报道：
新闻热线：010-
责任编辑：yiran
名企动态： |
标志着Windows迈出个性化计算的第一步……
本站特聘法律顾问:于国富律师
Copyright (C)
newhua.comPhotoshop怎么使用图层样式
Photoshop怎么使用图层样式
　　Photoshop中的样式就是指图层样式，就是在图层的基础上为图层化妆，添加效果。我们可以打开样式调板【窗口&样式】，它默认是和颜色调板〖F6〗和色板组合在一起的。默认的样式调板应该如下图。如果其中的样式列表不对，可以点击调板右上角的按钮后选择复位样式并在确认对话框中按下好按钮。如果排列的方式不对，就点击调板右上角的按钮后选择小缩览图。如果选择纯文本、小列表或大列表方式可以直接看到每个样式的名称。缩览图方式下将鼠标停留在缩览图上一会儿也会出现名称提示。位于下图样式列表第一行第一个的样式功能是清除样式。可以通过点击它来清除已有的样式。
　　Photoshop使用图层样式
　　注意，这个
　　按钮在以后课程中统称为圆三角按钮，它位于调板的右上角。复位调板的方法一般就是点击该调板的圆三角按钮后在弹出菜单中选择相应的复位选项。为节约篇幅，在之后的内容中将不再叙述复位的方法，只会提&复位笔刷&、&复位样式&之类。
　　同时，某个操作的菜单选项用【】表示，快捷键或快捷方法使用〖〗表示。其实这两个表示方法大家看到这里应该已经熟悉了。现在正式确认一下。
　　调出样式调板后，选中脸层〖V，按住CTRL单击图像中的脸部〗，然后在样式调板中点击各种现成样式，会看到脸层发生了各种各样的变化。如下图。同时注意图层调板中face层发生了变化，如下右图是在应用了&蓝色玻璃&之后图层调板的样子。
　　在原先的face层名字之后出现了
　　标志，标志左边还有一个向下的三角形，其下方出现了许多附属层，这些层的名称前都有
　　标志，这个标志是样式的独立效果指示，也就是蓝色玻璃样式为face层所做的各种具体的化妆方法。一个图层样式可以由一个或多个独立效果组成。可以通过点击左端的眼睛图标
　　来隐藏某种独立效果，关闭最上方的效果将隐藏整个样式。点击那个三角形将会收起附属层以节约调板空间。再次点击又将展开。
　　除了利用现有的样式外，我们也可以自己设定样式。图层样式对于网页设计来说是很重要很常用的，关于样式设定的详细内容将在以后课程中介绍。这里先粗略接触一下。
　　首先清除掉face层现有的样式，可以使用菜单【图层&图层样式&清除图层样式】，也可以在样式调板上点击第一行第一个样式。较常用的方法是在图层调板face层上点击右键然后选择清除样式。注意点击的位置不能在图层缩览图上。
　　清除样式之后我们来自己设定一个简单的阴影效果，确保选择层是face层，然后点击图层调板下方的
　　标志，如下图红色箭头所指处。注意在这个标志有边还有一个很细小的向下三角形。还记得工具栏中的部分按钮也有一个细小的三角形吗?这种三角形就是预示点击后会有其他的选项出现，相当于考试时候遇到的多选题。而没有小三角形的按钮点击后就执行单一功能，没有其他选项，相当于单选题。
　　点击后选择投影这一项，将出现一个如下左图的很大的设置框。这就是图层样式的设置框，全部的图层样式效果都在这里设置。由于前面我们已经选择了投影这一项，所以看到在设置框左边的样式效果列表中投影一项已自动打勾。设置框右边也自动切换到投影的一些调整选项。在这里我们都使用默认的投影设置而不作其他的调整，因为说好了现在只是粗略&见识&一下，图层样式的详细内容将在以后课程中介绍。所以按下设置框右上角的好按钮，完成设定。此时可以看到face层被添加了一个阴影的效果。如下右图。
　　此时我们来看图像中新增加的阴影部分，这阴影是用绘图工具画上去的吗?不是。它是根据face层这个&宿主&产生的附属效果，也可以说是附属像素。因此，这阴影部分便不属于&原始像素&。此时在图层调板中改变填充的百分比数值为0%，就会看到一个奇妙的效果。如下图。原先绿色的face层消失了，只剩下阴影。
　　为什么以前我们下降填充不透明度的效果，和下降整体图层不透明度效果是一样的，而现在却不一样了呢?
　　以前我们的图层中只含有原始像素，而现在除了原始像素之外又多了一部分的附属像素。前面说过，填充控制的是图层中原始像素的不透明度，也就是说填充对附属像素是无效的。所以这一次我们下降填充后属于原始像素的脸消失了，属于附属像素的阴影部分不受影响。于是产生了如上图般的效果。
　　虽然同处在一个图层中，但是原始像素和附属像素属于两个不同的&行政区&。从级别上来说，图层整体不透明度是最高级的，是中央政府，它控制着图层中所有的行政区，包括原始和附属像素。而填充属于地方政府，它只负责管辖原始像素行政区。
　　除了从图层调板拉动滑杆改变不透明度的数值以外，还可以使用键盘上的数字键来快速设定。比如改为80%就按一下8，30%就按一下3，如果要改为47，快速地先后按下4和7。这个方法和在以前课程中所学到的改变画笔工具不透明度的方法一样。那如何区别呢?
　　如果选择了绘图类工具，数字键就是改变这个工具的百分比选项，这个百分比选项未必是不透明度，比如模糊工具〖R或SHIFT R〗的选项是强度。
　　如果没有选择绘图类工具，数字键就是改变图层的不透明度。因此在使用数字键之前要看清楚当前的工具是什么。
　　作为我们现在来说，要记熟哪些是绘图类工具哪些不是，还是比较困难的。教大家一个快速判定是否可以使用数字键的方法：就是观察目前的公共栏中是否有百分比选项。有的话数字键就是改变这个工具选项。没有的话就是改变图层不透明度。因为公共栏的作用就是放置工具选项，选择移动工具公共栏就出现移动工具选项，选择魔术棒就出现魔术棒选项等。
　　建议在改变图层不透明度的时候都选择移动工具〖V〗，因为在实际操作中经常在改变不透明度后移动位置。
　　现在就本节中比较难懂和重要的部分作一下总结：
　　1：各个图层不透明度互相独立，各自调整。
　　2：图层不透明度为100%不能保证图像就是完全不透明的。图像半透明效果可能是由多种不透明度的综合作用而成。
　　3：图像不透明度低于50%将无法用选择工具按住CTRL点击选取，但点击右键会出现在列表中。注意这里说的是图像而不是图层的不透明度。因为即使图层不透明度为100%，图像本身的不透明度低于50%还是无法按住CTRL点击选取。
　　4：背景层作为一种特殊图层，一定是100%不透明，且不能调整不能移动。
　　注意，在后面的课程中将不再详细叙述图层的选择方法，只会说&选择某某层&之类。因此请仔细学习这部分内容并确保能够熟练操作。
　　还有，本节中提到的原始像素和附属像素这两个概念名词，是我为了便于大家理解而自创的，在Photoshop官方的技术文档中并不存在。在其他教程中也许也看不到(如果看到的话，很可能那就是引用了我们这里的解释方法哦)。大家要根据这两个名词理性地去理解这两类像素的概念，掌握之后则不必拘泥于这里的名称。
看了&Photoshop怎么使用图层样式&的还看了：
【猜您感兴趣】
一些高级的快捷键就是某一个工具的功能快捷键了，这些大家也要牢记。接下来就是学习啦小编精心整理的一些关于photoshop功能快捷键使用教程的相关资料，供你参考...
海绵工具是什么呢?很多人没怎么听过或者用过这个工具，实际上它很好用，下面小编就来给大家介绍一下这个工具。 ps海绵工具的作用 海绵工具：可以去除图像中的饱...
我们在PS中操作图像时经常用到撤销，那么大家知道ps里撤销快捷键怎么用吗?下面是学习啦小编整理的ps里撤销快捷键怎么用的方法，希望能给大家解答。 ps里撤销快捷...
原图的背景一般都是可以去掉的，这时候可以给原图加上自己喜欢的背景。其实这个也不算太难，下面就让小编告诉你如何用photoshop去除原图背景的方法，一起学习吧...
很多图片看起来模糊可能也是因为光照的原因，这样就能使用ps的色阶了。那么大家知道ps的色阶怎样处理模糊照片吗?下面是学习啦小编整理的ps的色阶怎样处理模糊照...
CAD是制图最经常用的软件，制出的图一般要打印出来或者保存生成图片格式来放到word文档里。打印的话打印店一般都可以直接把CAD打印出图。但如果自己要用制成的图...}