PS制作精美的网页按钮设计教程

使用混合模式和遮罩效果制作网页按钮

打开photoshop，新建空白文档。
为了不让白色背景看起来乏味，增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。
选择圆角矩形工具，创建按钮的的主要形状，半径为5 px。

添加渐变叠加图层样式。渐变颜色从# 0d3079到#557bc9。

现在让按钮从背景中突显出来，添加1 px描边，颜色为深蓝色(#0b2258)。
为了增加按钮立体感，添加一个1像素内发光。颜色为白色(#FFFFFF)，减少不透明度到30%。
现在给按键添加杂色，新建图层，按ctrl+图层蒙版缩略图，选择油漆桶工具，填充颜色为黑色(#000000)。按ctrl+d取消选区。
选择滤镜-杂色-添加杂色，数量为33%。
设置图层混合模式为滤色，不透明度为15%。
新建图层，按ctrl+图层蒙版缩略图，选择油漆桶工具，填充颜色为白色(#FFFFFF)。按ctrl+d取消选区。
现在开始创建漂亮的灯光效果，选择矩形工具，选中按钮的一半。按delete键删除选区，设置图层的不透明度不10%。
添加文字，字体为Arial（Bold,14pt）。
现在给文字添加雕刻效果，最简单的方式是复制文字层(ctrl + J)，然后移动复制到原文字图层下方。添加一个深色的叠加颜色。右键点击混合选项> >混合叠加颜色> # 124d89。分别向上，向左移动1px。
选择自定义形状工具，画的放大镜，应用上一步骤方法，制作雕刻效果。
设置按钮高光效果。新建一组，命名为“light effect”，设置混合模式为颜色减淡。按ctrl+图层蒙版缩略图。选择画笔工具，大小80px，硬度为0，给按钮添加高光。
http://www.16sucai.com/2012/06/15687.html

PS制作精美的网页按钮设计教程相关推荐

【技法操作】PS制作相机图标，UI设计教程
今天教大家制作UI相机图标. 嗯,最近少女心萌动,图标也跟着不一样了, 接下来你见到粉粉的配色什么鬼的不要奇怪噢. 所用软件为:PSCC2018版本,还没有这个软件的小伙伴可以关注公号领取:desi ...
【技法操作】PS制作计算器图标，UI设计教程
先唠叨两句,这是第十二篇教大家制作的图标教程了,大家有没有发现我在制作的时候每一个在设计上的不同. 从暗色到彩色,从沉稳到欢快,从纯色到渐变:细节从简单到精致:材质从扁平到纹理等. 这些图标的变化就像 ...
PS制作精美QQ流光头像详细教程
转载请说明来源于"厦门SEO" 本文地址:http://www.96096.cc/Article/161767.html 国外ps教程以后有时间还会写一点教程如果觉得不错就来我 ...
【技法操作】PS制作日历图标，UI设计教程
今天教大家制作UI日历图标,粉粉的配色刚好满足你. 所用软件为:PSCC2018版本,还没有这个软件的小伙伴们可以关注公号领取:design257,回复:UI必备软件,领取 (喜欢的小伙伴记得收藏点 ...
【技法操作】PS制作定位图标，UI设计教程
今天教大家制作UI定位图标. 所用软件为:PSCC2018版本,还没有这个软件的小伙伴们关注微信公号:design257,回复:UI必备软件领取. 喜欢的小伙伴记得点击关注噢!
【技法操作】PS制作音乐图标，UI设计教程
今天教大家制作UI音乐图标. 所用软件为:PSCC2018版本,还没有这个软件的小伙伴们可以给我留言! 喜欢的小伙伴记得关注噢!
ps制作手机端网页字体大小_制作网页的最佳字体大小
ps制作手机端网页字体大小 To make web content work, text on a page must be readable for all visitors. Following ...
ps制作一双时尚的高跟鞋教程
素材类别: ps教程鼠绘高跟鞋时尚 ps制作一双时尚的高跟鞋教程,高跟鞋绘制并不复杂,关键是把鞋的构造分析清楚.然后按住一定的顺序,逐层渲染每一个面或构成部分. 下载地址: http:// ...
【第四讲】制作动画 -【Python动画设计教程】
[Python动画设计教程]系列文章目录 [第一讲]软件准备 [第二讲]搭建界面,Excel读取,图片读取 [第三讲]图像绘制 [第四讲]制作动画文章目录 1 轮换序列的表格 2 根据表格轮换图片 ...

PS制作精美的网页按钮设计教程

http://www.16sucai.com/2012/06/15687.html

PS制作精美的网页按钮设计教程相关推荐

最新文章

热门文章