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

马英伟摩羯

马英伟摩羯

2016-01-29 22:55

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop绘制简单的玻璃风格网页按钮

PS PS基础
Photoshop绘制简单的玻璃风格网页按钮

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop简单绘制圆角矩形翻转网页按钮

PS PS基础
Photoshop简单绘制圆角矩形翻转网页按钮

Photoshop绘制蓝色圆形网页按钮

PS PS基础
Photoshop绘制蓝色圆形网页按钮

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop绘制质感的绿色网页按钮

PS PS基础
Photoshop绘制质感的绿色网页按钮

Photoshop简单绘制立体按钮的教程

PS PS基础
Photoshop简单绘制立体按钮的教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop简单快速绘制好看的管状物

Photoshop简单快速绘制好看的管状物

Photoshop动作简单打造一把折扇

Photoshop动作简单打造一把折扇
下拉加载更多内容 ↓