Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

2016-03-18 05:50 35 1 收藏

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - PS 】

先看效果图。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

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

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

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

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

添加图层样式。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

建新层,用钢笔画出下图所示路径,转为选区填充白色,图层模式叠加,不透明度20%,填充75%。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

建新层,用矩形工具做如下选区,填充0082f0,去掉选区用柔角橡皮涂抹两端,产生渐隐的效果。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

添加图层样式。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

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

效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

建新层,画一黑色箭头。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

添加图层样式。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

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

复制一层缩小,改变渐变叠加的颜色。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

建新层,用钢笔画出下图所示路径,转为选区填充黑色。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

添加图层www.tulaoshi.com样式。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

然后底部建新层做一个阴影,类似下图效果。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

用上述方法作出其它按钮,最终效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

来源:http://www.tulaoshi.com/n/20160318/1873816.html

延伸阅读
这是一篇photoshop按钮制作教程,教程中将为大家介绍如何使用photoshop中的图层样式功能制作出水晶按钮的透明和立体效果,大家一起来动手制作吧。 先看效果图。 1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。 效果如下图所示。 ...
来源:PS联盟 作者:Sener 钻石制作方法相对来说比较简单,制作的时候只需要设置好光源方向,然后合理的布局高光、反光、暗调等,即可快速制作钻石表面的质感。 最终效果 1、新建一个800 * 800像素的文档,选择渐变工具,颜色设置为淡紫色质感暗紫色渐变如图1,然后由中心向边角拉出图2所示的背景渐变。 图1 图2 2、新建一个...
标签: PS PS基础
先看看效果图吧: 具体教程: 1..新建600*400大小文档,用蓝色柔软画笔在画布中间点一下,得到效果如下: 2.新建图层,用椭圆选框工具按住shift键不放,画出正圆,填充颜色#ffb910,选区不要取消。 3.给图形增加高光和阴影。新建图层,用白色柔软画笔在左上角点一下,用黑色画笔在右下角点一下,适当降低不透明度,取消选区。 ...
标签: PS PS基础
让我们一起来看看这个教程吧 Step 1 我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px Step 2 为了填补你的背景,选择渐变工具(G)的渐变编辑器打开了,并输入您的颜色值按下面的图像 Step 3 让我们创造了我们的按钮的机构。 使用圆角矩形工具(U),现在只是创造了约320 × 95px,对5px半径和填充任何颜色(它的矩...
黑色代表神秘、黑暗、暗藏力量。它将光线全部吸收没有任何反射。黑色是一种具有多种不同文化意义的颜色。黑色是永远都不会过时的,一直都位于时尚的前沿。具有不可超越的虚幻和无限的精神,那么今天我们为您推荐44个酷炫的黑暗基调的网页设计,希望能激发您的设计灵感:) James Garner Giuseppe Scappaticcio Youzee Metin Bilgin...

经验教程

946

收藏

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