Photoshop简单绘制专业的网页按钮

2016-01-29 22:55 15 1 收藏

Photoshop简单绘制专业的网页按钮,Photoshop简单绘制专业的网页按钮

【 tulaoshi.com - PS 】

  在这个教程里我们教大家如何利用Photoshop简单制作一个流行的、专业的、具有光泽的网页中经常用到的按钮,最终效果如下:

Photoshop简单绘制专业的网页按钮

  1.新建立文档,创建一个新的图层,使用椭圆工具绘制选区,然后执行“选择”“修改”“平滑”,设置数值12。

  2.然后使用渐变工具从蓝色到浅蓝色进行线性填充:

Photoshop简单绘制专业的网页按钮

  3.新建立图层,使用“编辑”“描边”数值为 4 px.

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

  4.然后对选定区域执行高斯模糊,半径为 1,5:

Photoshop简单绘制专业的网页按钮

  5.下面开始制作反射效果,新建立图层,选定一定区域,然后执行“选择”“修改”“收缩”,数值为 8 px.:

Photoshop简单绘制专业的网页按钮

  6.在第一个下面的图层的上部执行渐变填充,然后执行高斯模糊滤镜:

 

Photoshop简单绘制专业的网页按钮

  7.执行“编辑”“变换”“斜切”:

Photoshop简单绘制专业的网页按钮

  8.复制图层设置不透明度为80。

  9.最后添加一种阴影效果:

Photoshop简单绘制专业的网页按钮

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

来源:https://www.tulaoshi.com/n/20160129/1514233.html

延伸阅读
标签: PS PS基础
先看效果图。 新建文档500x300像素,背景黑色,新建图层,画一半径200的白色圆角矩形。 添加图层样式。 效果如下。 新建图层,再画一个小的白色圆角矩形,图层不透明度50%。 下面制作倒影,复制大的圆角矩形图层,新建图层1,然后合并2个图层得到图层1,ctrl+T垂直翻转挪到底部。 添加蒙版黑白直线渐变,图层不透...
photoshop绘制精致刷新按钮 TuLaoShi.com 效果图 制作教程
photoshop绘制圆形水晶按钮 最终效果图 1.新建文件,宽、高都TuLaoShi.com为5,单位cm,分辨率200,模式为RGB,白色背景。 2.用圆形选框工具画出圆形选框,在选区内点鼠标右键,选通过拷贝的图层项(图层1)。 3.新建图层(图层2),使用渐变工具,设置成前景色到透明渐变,前景色设置为R:255,拉出如图渐变...
标签: PS PS基础
先看效果图 新建文档350x230像素,背景填充浅灰色#dddddd,之后建新层,前景色#f00000画一个圆角矩形。 添加图层样式。 效果如下。 建新层,画一矩形选区,白到透明径向渐变。 去掉选区,调出圆角矩形选区,添加蒙版,图层模式改为柔光。 输入白色文字添加内阴影样式,效果如下。 最后添加倒影,最终效...
最终效果 第一步:使用圆角矩形制作一个红色的矩形。 第二步:然后我们给该矩形形状添加下面图层样式,阴影: 内发光: 渐变叠加: 描边: 效果如下: 第三步:按住Ctrl单击按钮层选择,使用使用矩形选框工具设置如下。 第四步:使用矩形选框工具把选区移动到左部,...

经验教程

222

收藏

63
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部