如果你有使用过Vista或是Windows7操作系统,你一定会对它的玻璃质感按钮有深刻印象吧?今天我们就来教大家如何用Photoshop来制作一个透明的玻璃质感按钮!!废话不多说,上步骤:1.建立一个600*350像素大小的文件,新建一层,用矩形框选工具画一个长方形并填充黑色2.再新建一层,画出一个矩形选区,拉一个灰色过渡的渐变,并将这一层的透明度降低到90%。3.新建一层,再画一个细长的矩形选区,填充浅灰色,将这一层的透明度调到80%。...
本教程主要是介绍水晶按钮的制作,主要难点是要把按钮的高光和暗调调和谐!最终效果 1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 4.这是是具体的简便颜色设置 5.给上边的矩形添加样式 6.设置前景颜色为白色,用椭圆工具画出如图形状并设置不透明度为50%,操作如下图 7.载入上部矩形为选...
按照惯例,先来看下最终效果图: 完成此教程后,Richard Carpenter将会继续发布如转换为CSS代码的教程,我们共同期待着吧… Richard Carpenter也是看到一个Flash 菜单后,才有此灵感设计。 制作背景新建1200 x 600px,透明背景的文档。设置前景色为#bebebf,背景色为#d2d2d2。 选取”渐变工具”从画布头部到底部进行线性渐变。 使用如下设置添加”杂色滤镜”(滤镜->杂色->添加杂色) 接着添加”模糊滤镜”(滤镜->模糊->动态模糊)...
来源:网络 作者:不详本教程非常详细的介绍3D按钮的制作方法。重点在3D效果及光感的制作,有很多教程介绍过类似的方法。不过制作的时候还是要注意好高光及暗调的搭配,能更好的体现按钮的质感。 最终效果 1、开始前老样子先在PS里新建一个文件,设置如下图。 2、使用圆角矩形工具,这里颜色你可以随意,因为你可以在顶部设置圆角矩形的颜色。 3、在顶部设置它的参数与颜色为红色。 4、如下图颜色为#D32424 的圆角矩形制作完成。...
最终效果第一步:使用圆角矩形制作一个红色的矩形。第二步:然后我们给该矩形形状添加下面图层样式,阴影:内发光: 渐变叠加:描边:效果如下:第三步:按住Ctrl单击按钮层选择,使用使用矩形选框工具设置如下。 第四步:使用矩形选框工具把选区移动到左部,如下图所示。第五步:创建一个新层,然后填充#E1CA57。第六步:在新建的层中添加图层样式,内发光:渐变叠加: 第七步:创建新层,然后放大到1600%,然后使用铅笔工具创...
最终效果图 1、新建画布,大小随意,然后新建圆角矩形图形,如图所示: 2、圆角矩形属性。 3、画一个吧,高 宽自定。 4、接下来要出玻璃效果就是靠图层属性设置,选择蒙板图层右键混合属性,描边设置: 5、渐变叠加设置: 6、渐变值: 7、内发光设置: 玻璃效果的好坏跟图素值有关系,可以试一下。 8、内阴影设置: 想要玻璃表面粗糙一些,可以在正常模式下设置一下内阴影的大小。 9、投影设置:使按钮能有光感。 10、调整颜色...
最终效果 1、打开下图所示的背景素材。2、新建图层并命名为“按钮”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。3、为“按钮”图层添加图层样式,单击“外发光”项目,设置其各项参数。 4、单击“斜面和浮雕”项目,设置其各项参数。5、单击“渐变叠加”项目,设置其各项参数。6、单击“描边”项目,设置其各项参数。按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。7、按下“确定”按钮,关闭“图...
本教程介绍使用图层样式来制作水晶按钮,教程中用到的是矩形的按钮重点是学习简便色的使用和光感的调节。明白了做其他形状的按钮也就迎刃而解了!最终效果 1.新建一个500 * 300像素的文件,背景填充为白色,新建一个图层命名为“按钮”,用矩形选框工具画一个长条的矩形填充为黑色。 2.双击“按钮”层,弹出图层样式对话框,选择渐变叠加参数设置如下图 3.设置渐变颜色 4.继续添加图层样式选择外发光 5.继续添加图层样式选择描...
本教程主要介绍常用按钮的制作方法。思路:先绘制好按钮的形状,然后适当的把按钮的下面及上面都加上光感,高光部分的制作比较重要,需要根据实际的颜色选择不同的高光效果。最终效果 1.新建一个500 * 350像素的文件,背景填充为黑色,前景颜色设置为:#570202,选择圆角矩形工具,参数设置如图1,绘制图2所示的圆角矩形。 <图1> <图2> 2.调出圆角矩形的选区,在背景图层上面新建一个图层,填充颜色:#FBE39B,按Ctrl + D取消选区...
下面是制作的大致流程及按钮的高光制作步骤,作者的效果制作的非常精细,尤其是水晶的通透度表现的非常完美。新手可能制作的时候有点难度,作者没有一步一步的说明。下图是制作的过程图,效果真实漂亮。最终效果 下面是制作的大致流程及按钮的高光制作步骤,作者的效果制作的非常精细,尤其是水晶的通透度表现的非常完美。新手可能制作的时候有点难度,作者没有一步一步的说明。下图是制作的过程图,效果真实漂亮。
类水晶的按钮,在很多地方都能用道,那么有没有快速的方法制作出逼真的水晶按钮呢?呵呵,我在这里介绍一下我的制作方法,(是在观察了很多类水晶按钮之后)发现如下方法最为简单,而且制作的效果尚可。所以介绍给大家,不知道有没有更简单,效果更好的制作方法J 或者有人已经介绍过了,那我在这里写的东西算是多此一举了。总之希望大家多交流,共同进步是我们的愿望!!!!!!!1.打开phtoshop,在新建的画布上用形状画一个圆角矩形为...
本教程非常适合做网页弹出窗口的美化。制作方法非常简单,只需要用到图层样式设置就可以。效果很不错。最终效果
相关Photoshop网页按钮教程文章:Photoshop教程:简单制作光感网页按钮本Photoshop教程介绍网页常用水晶按钮的制作方法,思路:制作方法跟平时做的水晶按钮一样,需要注意光感及细节的调节,颜色及背景可以按照自己的喜好选用。最终效果1.新建一个500 * 300像素的文件,背景填充颜色:#827E22。2.选择圆角矩形工具,半径设置为25,前景颜色设置为白色,绘制图1所示的圆角矩形,然后删格化图层。<图1>
自己第一次写教程,写的不是很好,还请大家多多的支持!附加了一个“质感”的样式,嘿嘿让步骤更简单了!