免费论文网 首页

ps水晶按钮

时间:2017-05-15 07:44 来源:免费论文网

篇一:用PS制作网页常用水晶按钮

用PS制作网页常用水晶按钮

水晶按钮最终效果图

1、打开PS,新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置:

2、新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)

如果大家得到这样的结果。

就需要将“对齐像素”的选项给勾上。

3、为这个图层添加图层样式。

得到结果如图所示,顺便在样式调板中存储着这个样式。

4、使用矩形选框工具,绘制出一个矩形的选区。

5、新建图层后,填充黑色到白色的径向渐变。

6、并将该图层的混合模式改为:柔光,不透明度:60%。

7、新建图层,再绘制出一个矩形选区。

8、填充成白色。

9、并将该图层的混合模式改为:线性减淡,不透明度:30%。

10、使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无。

11、之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。 后面的工作就是换换颜色,改改文字就可以了。

篇二:Coreldraw 制作水晶按钮

在制作之前,首先要分析一

下按钮的各部分组成及其形

状,典型的按钮大致分为以

下几部分:

按钮主体;

按钮阴影部分;

光泽区;

光泽区的透明渐变;

高亮区;

文本字符及其阴影。

具体请看图1。 首先,我们要创建基本图形:按钮主体,高亮区,光泽区。

1.选择椭圆工具,按住CTRL键,绘制一个圆,作为按钮主体的基本形状,其大小取决于你要制作的按钮大小。

2. 将此圆再复制一个:向上拖动圆,到按钮外形上方合适位置时,按鼠标右键再放开(或者按小键盘上"+"键)

3. 复制的圆作为按钮的光泽区,还需要进一步调节:先将圆转换成曲线,用形状工具将其塑形成图2形状,并移动到大圆内部适当位置。

4.现在创建高亮区域,并添加透视效果:在按钮外形的内部下方绘制一个椭圆,使其宽度略小于按钮,高度要小许多,具体如图3所示。

5. 选择椭圆,打开"Effects"菜单上的"Add

Perspective"命令,按下Shift和Ctrl健,向外拖动椭圆上部的透视控制点,如图4所示。

6. 好,现在有了所需的基本外形了,首先,去掉各个基本图形的轮廓线,加上填充色。具体的颜色值设置

如下:(在此例中采用HSB颜色模式)

按钮主体:(HSB:150,100,40),

光泽区:(HSB:122,7,97)

高亮区(HSB:120,100,100)

结果如图5所示。

7.可以看出,按钮只是初步完成填色,还要进一步的精心修饰。我们先来给光泽区美化修饰:选择交互式调和工具,从高亮区中心拖动到按钮主体的中心,建立一个调和效果,其中调和的步长请自己尝试。如果按钮主体和高亮区的调和将光泽区遮挡住,请用

"Shift+PgUp"命令将光泽区安排到最前面。结果如图

6。

8.选择交互式透明工具,按下Ctrl键,从光泽区顶部向下拖动,建立一个独特而又清晰的透明渐变效

果,光泽区的透明渐变颜色设置是:

起点:白色; 终点:黑色 结果如图7。

9.选择按钮主体,用交互式阴影工具加上柔和的

阴影效果,按钮主体阴影颜色为:(HSB:

120,100,100),在属性栏上适当调节阴影的不透明度

和羽化程度,注意羽化程度数值不要太低。结果如图

8所示。

同样,在按钮中间再加上文本或字符,并加上阴影效果,文本或阴影颜色:(HSB:180,100,20),结

果如图9。

总体上再大致看一下,并对各个部分进行细微的

篇三:用ps制作橡胶按钮(按钮三)

橡胶按钮(按钮三)

预览成品:

逐步说明:

1、单击菜单“File/New...”新建一个图象文档,背景色选择白色。单击图层面板(如果没有则单击菜单Window/Show Layers调出图层面板),在图层面板下单击新建按钮新建一个图层Layer 1,确定Layer 1为工作层。

2、单击工具箱中的矩形工具,在图象中画一个矩形选区,单击菜单“Select > Modify > Smooth”,在弹出的对话框中设置8,点击“ok”按钮。此时可以看到矩形变为圆角矩形。

3、设置前景颜色为亮灰色(R: 204; G: 204; B:204),背景颜色为白色。在工具箱中选取直线渐变工具。按住shift键对选区从顶部到底部做一个渐变色,得到如图效果。

4、用右键点击图层Layer 1,在菜单中选择 Effects ,在对话框中设置如下图所示,最后按“ok”按钮。

5、再用右键点击Layer 1,选择Effects,在对话框中设置,

6、选取矩形工具

部。

,按“Alter”键移掉底部部分,按住Alt键和选取底

7、按新建按钮新建一个图层Layer 2,按Ctrl+Delete键用背景色白色来进行填充。单击菜单“Filter > Blur > Blur More”。这样就增加了塑料顶部的光线反射效果使之更加逼真。

8、按Ctrl+D键取消选区。单击菜单“Edit > Transform > Numeric”,在

对话框中进行如下做图设置,点击“ok”按钮。这可以水平收缩图层,得到下右图效果。

9

、在图层面板下点击按钮,增加一个遮盖或者点击菜单“Layer > Add Layer Mask > Reveal All”。如下图一样作一个选取。选取高度大概为实际高度的两倍。

10、按D键,在工具箱中选择直线渐变工具,按住shift键对它从顶部到底部作一个渐变色,得到如下效果,此时的按钮基本就制作完成了。

11、现在可以写上文字,在工具箱中选取文字工具,加入所需文字,最后右键点击文字层,在Effect中对文字增加一点点阴影效果。就得到如预览效果的按钮。

上一技巧(方形按钮<按钮二>) 下一技巧(立体按钮四) 橡胶按钮(按钮三)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

预览成品:

逐步说明:

1、单击菜单“文件/新?“新建一个图象文档,背景色选择白色。单击图层面板(如果没有则单击菜单窗口/显示图层调出图层面板),在图层面板下单击新建按钮新建一个图层图层1,确定层1为工作层。

2、单击工具箱中的矩形工具,在图象中画一个矩形选区,单击菜单”选择>修改>平滑”,在弹出的对话框中设置8点击“ok”按钮。此时可以看到矩形变为圆角矩形。

3、设置前景颜色为亮灰色(R:204;G:204;B:204),背景颜色为白色。在工具箱中选取直线渐变工具。按住移位键对选区从顶部到底部做一个渐变色,得到如图效果。

4、用右键点击图1层层,在菜单中选择效果,在对话框中设置如下图所示,最后按“ok”按钮。

5、再用右键点击图层1,选择效果,在对话框中设置,

6、选取矩形工具,按“修改”键移掉底部部分,按住Alt键和选取底部。

7、按新建按钮新建一个图层2层,按Ctrl +删除键用背景色白色来进行填充。单击菜单“滤镜>模糊>更模糊”。这样就增加了塑料顶部的光线反射效果使之更加逼真。

8日,按Ctrl + D键取消选区。单击菜单“编辑>变换>数字”,在对话框中进行如下做图设置,点击“ok”按钮。这可以水平收缩图层,得到下右图效果。

9日,在图层面板下点击按钮,增加一个遮盖或者点击菜单“图层>图层蒙版>显示全部”。如下图一样作一个选取。选取高度大概为实际高度的两倍。

10日,按D键,在工具箱中选择直线渐变工具,按住移位键对它从顶部到底部作一个渐变色,得到如下效果,此时的按钮基本就制作完成了。

11日,现在可以写上文字,在工具箱中选取文字工具,加入所需文字,最后右键点击文字层,在影响中对文字增加一点点阴影效果。就得到如预览效果的按钮。

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

上一技巧(方形按钮<按钮二>)下一技巧(立体按钮四)


ps水晶按钮
由:免费论文网互联网用户整理提供,链接地址:
http://m.csmayi.cn/meiwen/38484.html
转载请保留,谢谢!
相关阅读
最近更新
推荐专题