Photoshop制作高光胶囊效果的网页按钮

2016-02-16 06:54 25 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Photoshop制作高光胶囊效果的网页按钮懂PS的网友们快点来了解吧!

【 tulaoshi.com - PS 】

先看效果图。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

效果如下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

建新层,画一个白色圆角矩形。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

效果如下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

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

建新层,画一个小的圆角矩形,颜色#f7bdd6。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

高斯模糊一下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

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

添加外发光样式。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

不透明度改为80%,效果如下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

建新层,同样方法作出下图所示的白色高光,不透明度80%左右。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

建新层,画一个小的白色圆角矩形。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

效果如下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

合并除背景外所有层,复制一个挪到底部,ctrl+T垂直翻转,高斯模糊一下,然后添加黑色文字,效果如下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

复制几个,改变颜色,其它效果。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1569410.html

延伸阅读
一些背景很杂乱的图片,处理起来比较费劲。不过我们把照片的调亮点,效果就看起来舒服很多。制作的时候只要使用应用图象来制作高光,然后调色及细节就可以了! 原图 最终效果 1、打开原图,按Ctrl + J复制一层,选择菜单:图像 应用图像,参数设置如图1,效果如图2。 图1 图2 2、新建一个图层填充颜色:#F9E181,然...
标签: PS效果 PS PS基础
本教程介绍流畅的线条字效果的制作方法。思路:先用钢笔工具勾出流畅的曲线,然后描边路径,再用画笔根据路径装饰一下高光背景,最后把曲线复制并模糊变形即可。制作的时候背景颜色选择稍微深一点的色调。 最终效果1 最终效果2 1、创建一个新文档,大小为1920 x 1200,之后设置渐变色: 2、使用钢笔工具绘制如下图形,钢笔...
先看效果图 新建文档600x600像素,背景白色,新建图层填充黑色,添加直线渐变样式,效果如下。 新建图层画一黑色正圆。 添加图层样式。 效果如下。 复制一层,清除图层样式,将此层缩小。 再复制一层,颜色改为白色,稍微缩小一点点,不透明度改为10%。 复制这个白色层,添加蒙版黑白斜线渐变。 不透明度...
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层画一个黑色正圆。 复制一层,颜色改为深灰,稍微缩小一点点。 添加图层样式。 效果如下。 复制一层,清除图层样式,颜色白色,缩小一些,位置如下。 添加图层样式。 效果如下。 建新层,画一个小的黑色正圆,中心对齐。 建新层,画一个小的白...
标签: PS PS基础
先看效果图。 新建文档820x680像素,背景黑色,建新层,画一白色正圆。 添加图层样式。 效果如下。 建新层,画一白色椭圆。 添加蒙版,黑白直线渐变,图层模式叠加,不透明度77%。 建新层,画如下白色圆角矩形。 Ctrl+T变形如下。 同样方法画出其它形状。 复制这3层,颜色改为#fb7009。并置于原图层底部...

经验教程

536

收藏

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